<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>
название компании или сайта, если это не отражает содержание страницы.
Поддержка браузерами
Тег <title>
поддерживается всеми современными браузерами. Актуальная информация — на caniuse.
Альтернативные теги
Альтернативных тегов для тега <title>
не существует.
Чем заменить тег
Прямой замены тегу <title>
не существует.
Актуальность
Тег <title>
не устарел, можете использовать его в веб-разработке.
Хотите узнать больше об HTML-тегах?
Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше


Глобальные атрибуты HTML
Список основных атрибутов, которые подойдут ко всему.
- 29 марта 2023
Как добавить раздел на страницу. Тег <div>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023
Список описаний. Тег <dl>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023
Пункт выпадающего списка. Тег <option>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023
Как правильно добавить секцию на страницу. Тег <section>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023