<title> элемент заголовка HTML-документа

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

<title>Grandma's Heavy Metal Festival Journal</title>

Атрибуты

Этот элемент поддерживает только глобальные атрибуты.

Примечания по использованию

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

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

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

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

• Избегайте заголовков из одного-двух слов. Используйте описательную фразу или сочетание термина и его определения для глоссариев и справочных страниц.
• Поисковые системы обычно отображают первые 55–60 символов заголовка страницы. Текст за этим пределом может быть обрезан, поэтому старайтесь не делать заголовки длиннее. Если необходимо использовать более длинный заголовок, поместите важную информацию в начало и не включайте ничего критически важного в ту его часть, которая, вероятно, будет обрезана.
• Не используйте «наборы ключевых слов». Если заголовок представляет собой просто список слов, алгоритмы часто понижают позицию страницы в результатах поиска.
• Старайтесь, чтобы заголовки на вашем сайте были как можно более уникальными. Повторяющиеся или почти одинаковые заголовки могут приводить к неточным результатам поиска.

Доступность

Важно указывать точный и краткий заголовок, описывающий назначение страницы.

Распространённый способ навигации для пользователей вспомогательных технологий — прочитать заголовок страницы и определить по нему её содержимое. Это связано с тем, что переход на страницу для выяснения её содержимого может занимать много времени и вызывать затруднения. У каждой страницы сайта должен быть уникальный заголовок; в идеале сначала указывается основное назначение страницы, а затем название сайта. Такой порядок поможет экранному диктору сначала объявить основное назначение страницы. Это гораздо удобнее, чем для каждой страницы сайта сначала слушать название сайта, а затем уникальный заголовок страницы.

Примеры

<title>Menu - Blue House Chinese Food - FoodYum: Online takeout today!</title>

Если при отправке формы обнаруживаются ошибки и после этого на текущей странице снова отображается форма, заголовок можно использовать, чтобы сообщить пользователям об ошибках. Например, обновите значение title страницы, чтобы отразить существенные изменения её состояния (например, проблемы с проверкой формы).

<title>
  2 errors - Your order - Sea Food Store - Food: Online takeout today!
</title>

• Понимание MDN WCAG: пояснения к руководству 2.4
• Понимание критерия успеха 2.4.2 | Понимание WCAG 2.1 от W3C

Примеры

<title>Awesome interesting stuff</title>

В этом примере создаётся страница с заголовком «Потрясающие интересные вещи», который отображается в верхней части окна или на его вкладке.

Техническая сводка

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

Совместимость с браузерами

См. также

• Элемент SVG <title>