Какие метатеги нужны каждой странице и зачем нужен viewport?

В <head> лежит служебная информация о документе: кодировка, адаптивность, заголовок и данные для поисковиков и соцсетей.

Минимальный набор

<!doctype html>
<html lang="ru">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Название страницы</title>
    <meta name="description" content="Краткое описание для поиска" />
  </head>
</html>

• charset должен быть в первых 1024 байтах, иначе кодировку придётся угадывать.
• viewport говорит мобильному браузеру использовать реальную ширину устройства. Без него страница рисуется в «десктопных» 980px и масштабируется вниз, а media queries не работают как ожидается.
• title и description формируют сниппет в выдаче.

Дополнительно

• <link rel="canonical"> — основной адрес при дублях.
• Open Graph (og:title, og:image) — превью в мессенджерах и соцсетях.
• <meta name="robots"> — управление индексацией.

Ловушка: user-scalable=no в viewport ломает доступность, масштабирование страницы должно оставаться доступным.

Коротко для собеседования

Каждой странице нужны charset, viewport, title и description, а для соцсетей ещё Open Graph. Не ставьте user-scalable=no: это ломает масштабирование и доступность.