За что отвечает тег title?

Тег `<title>` отвечает за заголовок страницы — текст, отображаемый во вкладке браузера, в закладках и результатах поиска. Важен для UX и SEO.

Что делает

Задаёт название документа, которое браузер показывает:

<head>
  <title>Главная — Мой магазин</title>
</head>

Отображается:

• Во вкладке браузера.
• В закладках и истории.
• В результатах поисковой выдачи (сниппет).
• При шеринге (частично).

Зачем важен

SEO

<title> — один из важнейших факторов ранжирования и кликабельности в поиске (это заголовок сниппета). Уникальный, описательный, с ключевыми словами.

UX

Помогает пользователю ориентироваться среди открытых вкладок и в истории.

Доступность

Скринридеры зачитывают title при открытии страницы.

Хорошие практики

• Уникальный для каждой страницы.
• Описательный и лаконичный (~50–60 символов, чтобы не обрезался в поиске).
• Ключевые слова ближе к началу.
• Формат: Страница — Сайт или Сайт — Страница.

В SPA

При клиентской навигации title меняют динамически (document.title = ... или через хелперы вроде react-helmet), чтобы каждая «страница» имела свой заголовок.

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

<title> задаёт заголовок страницы, отображаемый во вкладке, закладках и как заголовок сниппета в поиске. Важен для SEO (кликабельность, ранжирование), UX (ориентация во вкладках) и доступности. Должен быть уникальным, описательным, ~50–60 символов. В SPA меняют динамически (document.title, react-helmet).