On-Page SEO
Тег title: полное руководство
История, синтаксис, где отображается, как проверить дубли и написать title, который повышает CTR.
Что такое тег title
Тег <title> — это HTML-элемент внутри <head>, который задаёт название страницы. Именно его текст браузер отображает на вкладке, Google — в заголовке сниппета, а соцсети — при шеринге ссылки. Из всех on-page факторов title остаётся одним из немногих, где изменение в одну строку напрямую меняет видимость страницы в поиске и её кликабельность.
Правильный title решает три задачи одновременно: сообщает поисковику тему страницы, привлекает клик в выдаче и задаёт первое впечатление о документе до его открытия. Неправильный — либо не ранжируется, либо Google его переписывает.
Title в цифрах
Символов
Оптимальная длина title: Google показывает ≈ 600 пикселей
Переписывает Google
Доля title, которые Google заменяет на собственный вариант (Zyppy, 2021)
On-page фактор
Title — сильнейший on-page сигнал релевантности по данным корреляционных исследований
К CTR
Медианный рост CTR при оптимизации title в A/B-тестах (Etsy, 2020)
Title не единственный сигнал ранжирования, но единственный on-page элемент, который одновременно виден и поисковику, и пользователю до перехода на сайт. Поэтому его оптимизация даёт двойной эффект: улучшает позиции и повышает CTR.
Краткая история тега title
Title существует с первых версий HTML — это один из немногих элементов, который пережил все смены эпох веба практически без изменений синтаксиса. Зато его роль и интерпретация поисковиками менялись кардинально.
Тим Бернерс-Ли включает <title> в первый черновик HTML. Назначение — человекочитаемое название документа для закладок и навигации. SEO ещё не существует.
AltaVista, Lycos, Yahoo начинают индексировать веб. Title становится основным ранжирующим фактором — первые SEO-оптимизаторы просто набивали title ключевыми словами.
Google запускается с акцентом на ссылочные факторы, но title по-прежнему остаётся главным on-page сигналом. Keyword stuffing в title работает — и им злоупотребляют.
Google начинает фильтровать страницы с избыточным повторением ключей в title. Первое предупреждение сообществу: title должен быть написан для людей.
В ряде случаев Google начинает показывать в SERP не оригинальный title, а текст из H1 или тела страницы — если считает его более релевантным. Это вызывает споры.
Moz и другие исследователи фиксируют: Google обрезает title примерно на отметке 512–600 пикселей. Правило «50–60 символов» становится отраслевым стандартом.
Google объявляет, что title в SERP будет формироваться из «наиболее понятного» источника: title, H1, навигация, anchor-тексты. Доля переписанных title резко растёт — по исследованию Zyppy, до 33–34%.
С ростом AI-ответов в SERP title остаётся ключевым сигналом для органических результатов. Оптимизация title под CTR важна как никогда — конкуренция за клик усиливается.
Главный урок истории: title никуда не исчез и не потерял значения, но логика его написания изменилась. В 1996 году побеждал тот, кто больше набьёт ключей. В 2026-м побеждает тот, чей title точнее отвечает на запрос и убеждает кликнуть.
Где отображается тег title
Title — не скрытый мета-тег: пользователь видит его в трёх разных интерфейсах, и в каждом он выполняет разную функцию. Понимание этого помогает писать title, который работает везде.
Вкладка браузера
Title отображается в заголовке вкладки Chrome, Firefox, Safari. Если пользователь открыл несколько вкладок — это единственный способ понять, что на каждой из них. Оптимальная длина для вкладки — 15–20 символов (или бренд + главное слово).
Сниппет в поисковой выдаче
Google показывает title как синюю ссылку в результатах поиска. Это главная точка контакта с пользователем до перехода. Здесь title конкурирует с десятком других заголовков — и должен выигрывать.
Шеринг в мессенджерах и соцсетях
Когда ссылку отправляют в Telegram, WhatsApp или публикуют в соцсетях, превью берёт title (если нет og:title). Контент, который шерят, — дополнительный источник трафика и брендинга.
Синтаксис остаётся неизменным с первых дней HTML. Title помещается внутри <head>, содержит только текст — без HTML-тегов внутри — и должен быть уникальным для каждой страницы сайта.
<head>
<title>Купить зимнюю спецодежду для сварщиков — СпецОпт</title>
</head>Google читает title при каждом краулинге. Если содержимое страницы значительно изменилось, а title — нет, это сигнал рассинхронизации: поисковик может переписать заголовок в сниппете или снизить релевантность страницы для целевых запросов.
Как написать хороший title
Хороший title — это не набор ключевых слов и не слоган. Это точная характеристика страницы, написанная для конкретного человека с конкретным запросом. Несколько правил, которые работают на практике.
Отдельного внимания заслуживают эмоциональные слова. «Бесплатно», «быстро», «без регистрации», «2026» — они повышают CTR, но только если соответствуют реальному содержанию страницы. Ложный заголовок увеличивает показатель отказов и снижает доверие к сайту.
Как проверить title на сайте
Проверка title бывает двух видов: разовая — для одной страницы, и массовая — для всего сайта. Для SEO-аудита нужны оба подхода: первый помогает быстро исправить конкретную страницу, второй — найти системные проблемы.
| Инструмент | Что проверяет | Тип |
|---|---|---|
| Chrome DevTools (Ctrl+U) | Title конкретной страницы в исходном коде | Бесплатно |
| Google Search Console → Результаты поиска | Какой title видит Google, CTR по страницам | Бесплатно |
| Screaming Frog SEO Spider | Краулинг всего сайта: дубли, пустые, длинные title | Freemium |
| Netpeak Spider | Аналог Screaming Frog, удобен для рунета | Платно |
| Ahrefs / Semrush Site Audit | Автоматический аудит, приоритизация проблем | Платно |
| Moz Title Tag Preview | Предпросмотр title в SERP, счётчик пикселей | Бесплатно |
| Яндекс.Вебмастер → Страницы | Статус индексации и title по страницам (для Яндекса) | Бесплатно |
view-source:https://site.com/page/ и найдите строку <title>. Так вы видите именно то, что отдаёт сервер — без JavaScript-рендеринга. Для JS-сайтов используйте Google Search Console → «Проверить URL».При краулинге Screaming Frog обратите внимание на три отчёта: «Page Titles → Duplicate», «Page Titles → Missing» и «Page Titles → Over 60 characters». Это три самых частых проблемы, которые встречаются при аудите title практически на любом крупном сайте.
Дубли title: причины и решения
Дублирующиеся title — одна из самых недооценённых технических проблем. В небольшом блоге их может быть несколько, на интернет-магазине с пагинацией и фильтрами — тысячи. Поисковик воспринимает дубли как сигнал низкого качества и может объединять дублирующиеся страницы в один кластер, показывая не ту, которую вы хотите.
| Причина дублей | Симптом | Решение |
|---|---|---|
| Пагинация без изменения title | Страницы /catalog/?page=2 имеют тот же title, что и /catalog/ | Добавить «— Страница N» или поставить canonical на первую страницу |
| Шаблон CMS не заполнен | Сотни страниц с title = название сайта или пустой title | Настроить шаблон title под каждый тип страниц в CMS |
| Фильтры каталога без canonical | /catalog/?color=red и /catalog/ — одинаковый title | noindex на фильтрах или canonical → основная категория |
| UTM-параметры в URL | Та же страница — тысячи URL с одинаковым title | Canonical на чистый URL, параметры в GSC |
| Переводы без локализации | RU и EN версии одной страницы — одинаковый title | Локализовать title под каждый язык, использовать hreflang |
| Массовая генерация страниц | Страницы тегов, архивов, похожие товары имеют схожий title | Уникальный шаблон для каждого типа + noindex для тонкого контента |
Отдельная история — каннибализация title. Это ситуация, когда два разных URL имеют одинаковый или очень похожий title и борются за одни и те же запросы. Google в итоге выбирает одну страницу для показа — но не всегда ту, которую вы считаете основной.
Шаблоны title для разных типов страниц
Один подход к написанию title не работает для всех типов страниц. Главная страница, карточка товара и статья блога решают разные задачи и конкурируют за разные запросы. Ниже — проверенные шаблоны с примерами.
| Тип страницы | Шаблон | Пример |
|---|---|---|
| Главная страница | {Бренд} — {Что делаем / для кого} | СпецОпт — спецодежда оптом от производителя |
| Страница категории | {Категория} {Атрибут} — {Действие} | {Бренд} | Зимняя спецодежда для сварщиков — купить оптом | СпецОпт |
| Карточка товара | {Название товара} {Ключевой атрибут} — {Бренд} | Костюм сварщика ТК-1 огнестойкий — СпецОпт |
| Статья блога | {Заголовок статьи} | {Бренд} | Тег title: полное руководство | seohead |
| Страница услуги | {Услуга}: {конкретика} — {Бренд} | Пошив спецодежды на заказ от 50 единиц — СпецОпт |
| Глоссарий / термин | Что такое {Термин}: определение и примеры | {Бренд} | Что такое огнестойкая ткань: определение и примеры | seohead |
| Контакты | Контакты — {Бренд} | {Город} | Контакты — СпецОпт | Минск |
| О компании | О компании {Бренд} — {Кто мы / что делаем} | О компании СпецОпт — производитель спецодежды с 2003 года |
В CMS или шаблонизаторе шаблоны задаются через переменные. В WordPress (Yoast) это %%title%% и %%sitename%%, в Next.js — через metadata.title с шаблонной строкой. Важно: шаблон — только отправная точка, страницы с высоким трафиком или коммерческим приоритетом должны получать ручной title.
// Next.js: шаблон title через generateMetadata
export async function generateMetadata({ params }: Props): Promise<Metadata> {
const product = await getProduct(params.slug);
return {
title: `${product.name} ${product.attribute} — СпецОпт`,
};
}
// Глобальный шаблон в layout.tsx
export const metadata: Metadata = {
title: {
template: '%s | СпецОпт',
default: 'СпецОпт — спецодежда оптом от производителя',
},
};Переменные в шаблоне работают только если поля заполнены. Один из самых частых сценариев массовых дублей — шаблон с переменной {product.name}, у которой нет дефолтного значения: десятки карточек получают одинаковый или пустой title.
Влияние title на CTR и ранжирование
Title влияет на ранжирование как сигнал релевантности, но его прямое влияние на позиции гораздо меньше, чем принято считать. Настоящая ценность хорошего title — в CTR: чем выше кликабельность, тем больше трафика при тех же позициях.
Для измерения эффекта от изменения title используйте Google Search Console: отфильтруйте страницы по типу, запишите CTR до изменения, подождите 2–4 недели после и сравните. Это не полноценный A/B-тест, но для большинства сайтов — достаточно точный способ проверить гипотезу.
Title и description работают в связке: title отвечает на вопрос «что это», description — «почему кликнуть». Но если description Google переписывает практически всегда, то title — реже и с предсказуемой логикой. Чем точнее ваш title соответствует H1 и основному содержанию страницы, тем ниже вероятность, что Google его заменит.
FAQ
Собрал ответы на вопросы, которые чаще всего возникают при работе с тегом title.