Title (тег заголовка страницы)
HTML-элемент, задающий название страницы во вкладке браузера и в поисковой выдаче. Один из немногих тегов, который одновременно читает человек и поисковый робот — и оба могут увидеть разное.
Тег <title> размещается внутри <head> и содержит текстовое название страницы. Браузер показывает его во вкладке и в истории, поисковик — в строке-ссылке сниппета. Google вправе заменить ваш title на более релевантный, взяв текст из H1 или тела страницы.
Где живёт тег title
Тег title обязан находиться внутри элемента head — в секции метаданных документа, до открытия body. Это не декоративный заголовок на странице: пользователь не видит его в теле документа, только во вкладке браузера, в строке закладок и в поисковой выдаче.
Как выглядит в коде
Минимальный корректный HTML-документ с title — ниже. Атрибутов у тега нет: только открывающий тег, текст и закрывающий тег.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Купить ноутбук в Киеве — каталог 2026 | Brand</title>
<meta name="description" content="Широкий выбор ноутбуков...">
</head>
<body>
<!-- видимое содержимое страницы -->
</body>
</html>Типичный формат: Главный запрос — уточнение | Бренд. Разделитель между ключевым словом и брендом — вертикальная черта `|`, тире `—` или двоеточие. Выбор разделителя влияет на визуальный вес, но не на ранжирование.
Характеристики title
| Параметр | Рекомендация | Почему важно |
|---|---|---|
| Длина | 50–60 символов (~600 px) | Google обрезает длинные title в сниппете; слишком короткий — упущенные ключи |
| Расположение | Внутри <head>, до </head> | Вне head браузеры и боты обрабатывают тег нестандартно |
| Количество на странице | Один | Второй title вызывает непредсказуемое поведение браузера и бота |
| Уникальность | Уникален на каждом URL | Дубли title — сигнал низкого качества; снижают релевантность страниц |
| Ключевое слово | В начале (первые 3–5 слов) | Чем левее ключ, тем выше его вес в SERP и тем быстрее сканирование |
| Бренд | В конце через разделитель | Сохраняет символы для ключевого слова; узнаваемость при повторных показах |
| Спецсимволы | HTML-сущности (&, <, >) | Сырые < и & нарушают разметку и могут обрезать title в парсерах |
| Эмодзи | С осторожностью, не в начале | Google часто убирает эмодзи из отображаемого title в SERP |
Что будет при двух тегах title
HTML-спецификация разрешает только один title. Если на странице появилось два тега — это ошибка, обычно из-за шаблонного движка или конфликта виджетов.
<!-- Плохо: два title — ошибка разметки -->
<head>
<title>Первый title — CMS-шаблон</title>
<!-- ... другие теги ... -->
<title>Второй title — вставлен плагином</title>
</head>Что происходит на практике:
- Chrome, Firefox, Safari — берут первый встреченный title и игнорируют второй.
- Googlebot — по документации использует первый; на практике поведение зависит от версии рендера.
- Валидаторы HTML — фиксируют ошибку; W3C считает это нарушением.
- Инструменты SEO-аудита — отмечают как «дублирующийся title» или «множественный title».
- Итог: в выдаче может появиться любой из двух вариантов или Google перепишет title полностью.
Подмена: что видит браузер, что видит поисковик
Есть две совершенно разные ситуации, которые часто путают под словом «подмена»:
| Ситуация | Кто меняет | Легальность | Что делать |
|---|---|---|---|
| Google переписывает title в SERP | Google автоматически | Легально, это норма | Улучшить title: сократить, убрать переспам, согласовать с H1 |
| Клоакинг: разный title для бота и пользователя | Сам сайт (умышленно) | Нарушение правил Google | Запрещено; риск ручных санкций |
Ситуация 1 — Google переписывает ваш title. С августа 2021 года Google официально стал чаще менять title-ссылку в выдаче. Источник замены — H1, видимый текст страницы, якорные тексты входящих ссылок. Пользователь в браузере видит ваш оригинальный title (вкладка), в Google — возможно другой.
Ситуация 2 — клоакинг. Умышленная подача одного title поисковому боту и другого живому пользователю — это нарушение правил Google (cloaking). Способ реализации: user-agent detection на сервере или JavaScript-подмена. Google идентифицирует клоакинг через ручных проверяльщиков и алгоритмические сигналы. Результат — ручные санкции или полное удаление сайта из индекса.
Экранирование и эмодзи
Тег title содержит обычный текст, но некоторые символы нужно экранировать HTML-сущностями — иначе парсер может неверно интерпретировать разметку.
<!-- Правильно: HTML-сущности для спецсимволов -->
<title>Кофе & чай — купить онлайн | Brand</title>
<title>Акция <50% скидки> на электронику | Brand</title>
<!-- Неправильно: сырые символы -->
<title>Кофе & чай — купить онлайн | Brand</title>
<title>Акция <50% скидки> на электронику | Brand</title>- `&` → `&` — обязательно, иначе HTML-парсер может обрезать title на этом месте.
- `<` → `<` и `>` → `>` — обязательно; символы воспринимаются как открывающий/закрывающий тег.
- `"` → `"` — не обязателен внутри title, но рекомендуется при программной генерации.
- Кавычки «» и дефис — безопасны, экранирования не требуют.
- Эмодзи технически работают: `<title>🚀 SEO-курс | Brand</title>` — валидный HTML.
Эмодзи в title: что работает, а что нет.
- Браузер отображает эмодзи во вкладке без проблем.
- Google часто убирает эмодзи из title-ссылки в SERP — особенно если эмодзи в начале строки.
- Эмодзи считаются несколькими байтами (UTF-8), но Google меряет title в пикселях (~600px), поэтому один эмодзи в середине title почти не «съедает» полезный лимит.
- Bing и Яндекс более терпимы к эмодзи в выдаче, чем Google.
- Практика: тестируйте через Google Rich Results Test или смотрите в Search Console, как реально отображается title.
SEO-правила
- Длина 50–60 символов. Google показывает ~600px. Заглавные буквы и широкие символы (W, M) «съедают» больше места, узкие (i, l) — меньше. Ориентир — 50 символов для кириллицы, 60 для латиницы.
- Ключевое слово в начале. Чем левее запрос, тем выше его вес. Первые слова title — главный сигнал темы страницы.
- Один уникальный title на URL. Дубли title — признак шаблонной генерации без уникализации; аудит обязательно их пометит.
- Согласованность с H1. Title и H1 не обязаны совпадать дословно, но должны описывать одну тему. Расхождение по смыслу провоцирует переписывание Google.
- Не переспамливать. «Купить ноутбук Киев, ноутбук купить, ноутбуки Киев» — классический переспам. Один-два ключа, остальное — уточнение и бренд.
- Бренд в конце. Исключение — главная страница, где бренд может стоять первым (если бренд и есть запрос).
- Числа и цифры повышают CTR: «Топ-10 ноутбуков 2026» кликают охотнее, чем «Лучшие ноутбуки».
- Избегайте капслока и повторяющихся разделителей. `ноутбук | ноутбуки | купить | Киев | 2026` — Google перепишет.
Как менялся title в Google
Первые поисковики (AltaVista, ранний Google) придавали title огромный вес: совпадение запроса с title почти гарантировало высокую позицию. Это эпоха keyword stuffing в заголовках.
Google расширил сниппет: до ~70 символов отображалось без обрезки. SEO-рекомендации синхронизировались под новый лимит. Алгоритм Penguin начал бороться с переспамом в title.
≤70 символов — стандарт эпохиGoogle официально объявил: система будет генерировать title-ссылки из H1, видимых заголовков или других текстов страницы, если посчитает их точнее. Сообщество SEO отреагировало волной экспериментов и жалоб.
Переписывает в ~87% случаев использует название сайтаМасштабный анализ топ-10 показал: больше половины title в выдаче отличаются от оригинала. Чаще всего меняют слишком длинные, заспамленные или не совпадающие с H1 заголовки.
58% title переписано в топ-10В AI Overviews Google формирует синтетический ответ. Для выбора URL-источника title по-прежнему важен, но традиционный CTR снижается: ответ пользователь получает до клика. Title становится сигналом доверия, а не только призывом кликнуть.
Чеклист
- Title расположен внутри `<head>`, один на страницу.
- Длина 50–60 символов (проверяйте в pixel-счётчике для кириллицы).
- Главный ключ стоит первым или вторым словом.
- Title уникален: нет дублей на других URL сайта.
- Смысл согласован с H1 — расхождения провоцируют переписывание Google.
- Спецсимволы `&`, `<`, `>` заменены на HTML-сущности.
- Нет переспама: ключевое слово встречается один раз.
- Бренд в конце через `|` или `—`.
- Эмодзи проверены в Search Console или Rich Results Test.
Частые вопросы
Обсудим ваш проект?
Расскажите о целях и сайте — предложу формат работы и следующий шаг.