Перейти к содержимому

Тег HTML <title>

Тег <title> определяет заголовок HTML-документа. Тег заголовка должен точно описывать содержимое страницы. Заголовок отображается на панели инструментов браузера и на страницах результатов поиска (SERPs) в виде кликабельного заголовка.

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

Оптимизированный тег заголовка повышает позицию в SERPs и показатель кликабельности (CTR).

Теги заголовков используются для:

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

TIP

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

В HTML-документе должен быть только один элемент <title>, расположенный внутри <head> секции.

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

  • Избегайте использования заголовков из одного или двух слов. Вместо этого используйте описательную фразу.
  • По возможности избегайте специальных символов, так как браузеры могут отображать их по-разному.
  • Как правило, поисковые системы отображают около 55–60 символов заголовка. При использовании более длинного заголовка убедитесь, что самая важная информация находится в начале.
  • Избегайте использования списка слов в качестве заголовка.
  • Убедитесь, что заголовок уникален для вашего сайта.

Синтаксис

Элемент <title> состоит из открывающего и закрывающего тегов. Содержимое записывается между ними.

Пример использования тега HTML <title>:

Тег HTML <title>

html
<!DOCTYPE html>
<html>
  <head>
    <title>W3Docs - learn HTML, CSS, PHP, JavaScript online.</title>
  </head>
  <body>
    <p>The main content of the page.</p>
  </body>
</html>

Результат

пример title

Атрибуты

Тег <title> поддерживает Глобальные атрибуты.

Практика

Что верно относительно тега HTML title согласно информации на W3Docs?

Считаете ли это полезным?

Предпросмотр dual-run — сравните с маршрутами Symfony на продакшене.