HTML-элемент заголовка (<title>) определяет заголовок документа, который отображается в заголовке окна браузера или на вкладке страницы. Он содержит только текст, а теги внутри элемента игнорируются.

Категории контента Метаданные.
Разрешенное содержимое Текст, который не является пробелом (между тегами не должно быть пустой строки).
Пропуск тега Открывающий и закрывающий теги обязательны. Обратите внимание, что отсутствие </title> заставляет браузер игнорировать остальную часть страницы.
Разрешенные родительские элементы Элемент <head>, который не содержит других элементов <title>.
Разрешенные роли ARIA Отсутствуют.
DOM-интерфейс HTMLTitleElement

Атрибуты

К этому элементу применимы только глобальные атрибуты.

Примечание

Элемент <title> всегда используется внутри блока <head>.

Заголовок страницы и SEO

Содержимое заголовка страницы может иметь важное значение для поисковой оптимизации (SEO). Как правило, более длинный описательный заголовок будет лучше ранжироваться (Ranking) в поиске Google, чем короткий или скучный. Не только содержимое заголовка является одним из компонентов, используемых алгоритмами для определения порядка, в котором перечисляются страницы в поисковой выдаче, но и сам заголовок является приемом, которым вы привлекаете внимание читателей бегло просматривающих результаты в Google.

Заметка: Хотя обсуждение ссылается здесь на Google, эти концепции применимы для всех поисковых систем.

Несколько методических рекомендаций и советов для составления хороших заголовков:

  • Избегайте заголовков состоящих из одного или двух слов. Используйте описательные фразы или сочетание термин-определение для страниц глоссария (словарь терминов) или справки.
  • Google, как правило, отображает примерно 55-60 первых символов заголовка страницы. Текст, превышающий это количество символов, будет потерян, так чтобы постарайтесь, чтобы заголовки не были длиннее. Если вам нужно использовать более длинный заголовок, убедитесь, что важные части появляются раньше и что нет ничего критического в части заголовка, которая может быть отброшена.
  • Избегайте специальных символов, когда это возможно; не все браузеры будут отображать их одинаково. Например, "<" часто отображается в строке заголовка окна как "&lt;" - символ-мнемоника "меньше" в HTML (entity).
  • Не используйте ключевые слова ("keyword blobs"). Если ваш заголовок состоит только из списка слов, то алгоритмы будут часто искусственно понижать позицию вашей страницы в поисковой выдаче.
  • Убедитесь, что ваш заголовок является уникальным на вашем сайте, насколько это возможно. Повторяющиеся или частично повторяющиеся заголовки могут способствовать неточным результатам поиска.

Пример

<title>Потрясающий заголовок страницы</title>

Этот пример устанавливает заголовок страницы (отображается в верхней части окна или вкладки браузера) как "Потрясающий заголовок страницы".

Проблемы доступности

Важно указать такое значение title, которое описывает назначение страницы.

Обычная техника навигации для пользователей вспомогательных технологий - прочитать заголовок страницы и определить какой контент она содержит. Это потому, что навигация по странице для определения ее содержимого может занять время и, возможно, привести к путанице.

Пример

<title>Меню - Китайская еда Синий дом - FoodYum: онлайн на вынос сегодня!</title>

Для того чтобы помочь пользователю, обновите значение title, чтобы отразить важные изменения состояния страницы (например, проблемы с проверкой формы).

Пример

<title>2 ошибки - Ваш заказ - Китайская еда Синий дом - FoodYum: онлайн на вынос сегодня!</title>

Спецификации

Спецификация Статус Комментарий
HTML Living Standard
Определение '<title>' в этой спецификации.
Живой стандарт  
HTML5
Определение '<title>' в этой спецификации.
Рекомендация  
HTML 4.01 Specification
Определение '<title>' в этой спецификации.
Рекомендация  

Поддержка браузерами

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidEdge MobileFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
titleChrome Полная поддержка 1Edge Полная поддержка ДаFirefox Полная поддержка 1IE Полная поддержка 1Opera Полная поддержка ДаSafari Полная поддержка 1WebView Android Полная поддержка ДаChrome Android Полная поддержка ДаEdge Mobile Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да

Легенда

Полная поддержка  
Полная поддержка

Метки документа и участники

Внесли вклад в эту страницу: JCodeg, mdnwebdocs-bot, skapesec, KAL6MAR
Обновлялась последний раз: JCodeg,