Тег <title>

Описание

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

Базовый синтаксис:
<head> <title>Главная страница | Моя Компания</title> </head>

Ключевые особенности:

  • Обязательный элемент в каждом HTML-документе
  • Должен содержать только текст (без других HTML-тегов)
  • Отображается в SERP (странице результатов поиска)
  • Используется браузерами для названий вкладок/закладок
  • Имеет ограничение длины (50-60 символов для SEO)
Примеры эффективных заголовков:
<!-- Для главной страницы --> <title>Интернет-магазин электроники | Официальный сайт TechStore</title> <!-- Для категории товаров --> <title>Смартфоны - купить в Москве с доставкой | Каталог 2025</title> <!-- Для статьи блога --> <title>Как выбрать ноутбук в 2025 году: 10 советов экспертов</title> <!-- Для страницы контактов --> <title>Контакты и реквизиты компании | Адреса офисов TechStore</title>

Рекомендации по использованию:

  • Длина: 50-60 символов (для полного отображения в SERP)
  • Структура: "Основной ключ - Дополнение | Бренд"
  • Уникальность: каждый документ должен иметь уникальный title
  • Ключевые слова: размещайте важные слова ближе к началу
  • Читаемость: избегайте переспама ключевиками
SEO-оптимизация:
<!-- Плохой пример --> <title>Купить телефон, смартфон, мобильный, айфон, галакси</title> <!-- Хороший пример --> <title>Смартфоны Apple и Samsung - цены и характеристики в каталоге</title>

Технические аспекты:

  • Должен быть только один <title> на страницу
  • Размещается внутри <head>
  • Поддерживает спецсимволы (но лучше использовать HTML-сущности)
  • Важен для социальных сетей (используется при расшаривании)
  • Используется как fallback для OpenGraph-тегов

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

Атрибуты

accesskey Горячая клавиша для активации
class CSS-классы для стилизации
dir Направление текста
hidden Скрывает элемент
id Уникальный идентификатор
lang Язык содержимого
style Инлайновые стили
tabindex Порядок перехода
title Всплывающая подсказка
translate Определяет возможность перевода
xml:lang Язык содержимого (XML)

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