<title>: элемент заголовка документа
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
HTML-элемент <title> определяет заголовок документа, который отображается в заголовке окна браузера или на вкладке страницы. Он содержит только текст, а теги внутри элемента игнорируются.
| Категории контента | Метаданные. |
|---|---|
| Допустимое содержимое | Текст, который не является межэлементным разделителем. |
| Пропуск тегов | Открывающий и закрывающий теги обязательны. Обратите внимание, что отсутствие </title> заставляет браузер игнорировать остальную часть страницы. |
| Допустимые родители | Элемент <head>, который не содержит других элементов <title>. |
| Допустимые ARIA-роли | Нет |
| DOM-интерфейс | HTMLTitleElement |
Атрибуты
К этому элементу применимы только глобальные атрибуты.
Примечание
Элемент <title> всегда используется внутри блока <head>.
Заголовок страницы и SEO
Содержимое заголовка страницы может иметь важное значение для поисковой оптимизации (SEO). Как правило, более длинный описательный заголовок будет лучше ранжироваться (Ranking), чем короткий или скучный. Не только содержимое заголовка является одним из компонентов, используемых алгоритмами для определения порядка, в котором перечисляются страницы в поисковой выдаче, но и сам заголовок является приёмом, которым вы привлекаете внимание читателей бегло просматривающих результаты поиска.
Несколько методических рекомендаций и советов для составления хороших заголовков:
- избегайте заголовков состоящих из одного или двух слов. Используйте описательные фразы или сочетание термин-определение для страниц глоссария (словарь терминов) или справки;
- поисковые системы, как правило, отображают примерно 55-60 первых символов заголовка страницы. Текст, превышающий это количество символов, может быть потерян, так что постарайтесь, чтобы заголовки не были длиннее. Если вам нужно использовать более длинный заголовок, убедитесь, что важные части появляются раньше и что нет ничего критического в части заголовка, которая может быть отброшена;
- избегайте специальных символов, когда это возможно; не все браузеры будут отображать их одинаково. Например, "<" часто отображается в строке заголовка окна как "<" - символ-мнемоника "меньше" в HTML (entity);
- не используйте ключевые слова ("keyword blobs"). Если ваш заголовок состоит только из списка слов, то алгоритмы будут часто искусственно понижать позицию вашей страницы в поисковой выдаче;
- убедитесь, что ваш заголовок является уникальным на вашем сайте, насколько это возможно. Повторяющиеся или частично повторяющиеся заголовки могут способствовать неточным результатам поиска.
Пример
<title>Потрясающий заголовок страницы</title>
Этот пример устанавливает заголовок страницы (отображается в верхней части окна или вкладки браузера) как "Потрясающий заголовок страницы".
Доступность
Важно указать такое значение title, которое описывает назначение страницы.
Обычная техника навигации для пользователей вспомогательных технологий - прочитать заголовок страницы и определить какой контент она содержит. Это потому, что навигация по странице для определения её содержимого может занять время и, возможно, привести к путанице.
Пример
<title>
Меню - Китайская еда Синий дом - FoodYum: онлайн на вынос сегодня!
</title>
Для того чтобы помочь пользователю, обновите значение title, чтобы отразить важные изменения состояния страницы (например, проблемы с проверкой формы).
<title>
2 ошибки - ваш заказ - Китайская еда Синий дом - FoodYum: онлайн на вынос
сегодня!
</title>
Спецификации
| Specification |
|---|
| HTML Standard # the-title-element |
Совместимость с браузерами
BCD tables only load in the browser