<title>

25 января 2023

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

Тег <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> название компании или сайта, если это не отражает содержание страницы.