Что делает тег

Тег <title> задаёт заголовок страницы, который отображается на вкладке браузера. Этот тег — один из важнейших элементов SEO-оптимизации, потому что его содержимое используется поисковыми системами для заголовка страницы в результатах поиска.

Синтаксис тега <title>

<title>Заголовок страницы</title>

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

Тег является частью спецификации HTML Living Standard.

Семантический или нет

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

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

Заголовок страницы «Мой сайт»:

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Мой сайт</title>
</head>
<body>
  <h1>Добро пожаловать на мой сайт!</h1>
  <p>Здесь вы найдёте много интересной информации о веб-разработке.</p>
</body>
</html>

Заголовок страницы «Правила безопасного вождения»:

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Правила безопасного вождения</title>
</head>
<body>
  <h1>Правила безопасного вождения</h1>
  <p>Соблюдение правил дорожного движения — залог безопасности на дороге.</p>
</body>
</html>

Для чего использовать тег <title>

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

Атрибуты тега <title>

У тега <title> нет специфических атрибутов.

Глобальные атрибуты

Тег поддерживает все глобальные атрибуты HTML.

Ограничения

Длина текста не должна превышать 60 символов, чтобы он полностью помещался на вкладке браузера.

Нюансы

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

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

Тег <title> поддерживается всеми современными браузерами. Актуальная информация — на caniuse.

Альтернативные теги

Альтернативных тегов для тега <title> не существует.

Чем заменить тег

Прямой замены тегу <title> не существует.

Актуальность

Тег <title> не устарел, можете использовать его в веб-разработке.


Хотите узнать больше об HTML-тегах?

Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.


«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники

Читать дальше

<ul>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023

<video>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023

<datalist>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023

<caption>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023