Тег <title> HTML заголовок страницы

Рейтинг: 5 из 5, голосов 1
+++++

Тег <title> определяет заголовок HTML страницы. Этот тег не отображается на самой веб странице. Браузеры обычно выводят его как название вкладки. Также тег title используется поисковыми системами как заголовок сайта в выдаче.

Не путайте HTML тег <title> с глобальным атрибутом title - это разные вещи.

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

Синтаксис

<title>Заголовок HTML документа</title>

Содержимое тега заголовка <title> используется:

  • как название вкладки в браузере;
  • как название страницы при добавлении в Избранные или Закладки;
  • как заголовок сниппета сайта в поисковой выдаче.

Атрибуты у тега title отсутствуют.

Пример использования <title> в HTML коде

<html>
<head>
<title>Заголовок страницы</title>
</head>
<body>
<!-- контент страницы -->
</body>
</html>

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

Тег Google Chrome Internet Explorer Mozilla FireFox Safari Opera
<title> Да Да Да Да Да

Тег title в поисковых системах

Поисковые системы используют содержимое тега title страницы для построения заголовка сниппета сайта в выдаче.

Тег title в поисковой выдаче

Чтобы правильно заполнять тег <title> нужно учитывать следующие правила:

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

Правильный тег <title> поспособствует поднятию позиции страницы сайта при ранжировании.

Многие CMS поддерживают автогенерацию <title> заголовка. Обычно при этом используется заголовок страницы <h1> и название раздела сайта (например, для страницы товара интернет магазина: название товара из h1 и категория товара). Хотя эта схема не является идеальной, ее использование оправдано во многих случаях.

Вот пример тега title для этой страницы (один из вариантов):

<title>Тег title HTML заголовок страницы - справочник HTML тегов Guru Weba</title>
Оцените, насколько полезна эта статья
+++++
Эти материалы могут быть вам полезны
Тег <head> HTML раздел заголовковГлобальные атрибуты HTML
Оставьте комментарий

Отправляя форму, я даю согласие на обработку персональных данных.