Тег title: полное руководство

Что такое тег title

Тег <title> — это HTML-элемент внутри <head>, который называет страницу. Браузер показывает его на вкладке, Google использует как кликабельный заголовок в сниппете, а соцсети берут его для превью ссылки. Среди всех on-page факторов title остаётся одним из немногих, где правка в одну строку сразу влияет и на видимость в поиске, и на CTR.

Хороший title делает три вещи сразу: сообщает поисковику, о чём страница, привлекает клик в выдаче и задаёт первое впечатление ещё до открытия страницы. Плохой либо не ранжируется, либо его переписывает Google.

zoom_in

Title в цифрах

Title — не единственный сигнал ранжирования, но единственный on-page элемент, который видят и поисковик, и пользователь до клика. Поэтому оптимизация title даёт двойную отдачу: лучшие позиции и выше CTR.

Краткая история тега title

Title есть в HTML с самого начала — это один из немногих элементов, который пережил все эпохи веба почти без изменений синтаксиса. А вот роль, которую ему отводят поисковики, за десятилетия менялась радикально.

Главный урок: title никуда не делся и не потерял значения, но логика его написания изменилась. В 1996 году выигрывал тот, кто набьёт больше ключей. В 2026 году выигрывает тот, чей title точнее отвечает на запрос и заставляет кликнуть.

Где отображается тег title

Title — не скрытый мета-тег: пользователь видит его в трёх разных интерфейсах, и в каждом он решает свою задачу. Понимание этого помогает писать title, который работает везде.

Синтаксис не менялся с HTML 1.0. Title живёт внутри <head>, содержит только простой текст без вложенных HTML-тегов и должен быть уникальным для каждой страницы сайта.

<head>
  <title>Winter Welders' Workwear — Buy Wholesale | SpecOpt</title>
</head>

Google перечитывает title при каждом сканировании. Если содержимое страницы сильно изменилось, а title — нет, это признак рассинхронизации: поисковик может переписать заголовок в сниппете или снизить релевантность страницы для целевых запросов.

Как написать хороший title

Хороший title — это не набор ключевых слов и не слоган. Это точное описание страницы, написанное для конкретного человека с конкретным запросом. Несколько правил, которые работают на практике.

Конкретные слова вроде «бесплатно», «быстро» или текущий год могут уточнить предложение, если это правда. Используйте их, только когда страница подтверждает обещание: цель — точное ожидание, а не обещанный рост кликов.

Как проверить title на сайте

Проверки title бывают двух видов: разовые — для одной страницы, и массовые — для всего сайта. В SEO-аудите нужны обе: первые помогают быстро исправить известную проблему, вторые находят закономерности, о которых вы не знали.

В Screaming Frog смотрите три отчёта: «Page Titles → Duplicate», «Page Titles → Missing» и «Page Titles → Over 60 characters». Они покрывают три самые частые проблемы title, которые находят почти в любом аудите крупного сайта.

Дубли title: причины и решения

Дубли title — одна из самых недооценённых технических проблем. В небольшом блоге их может быть несколько, а в интернет-магазине с пагинацией и фасетными фильтрами — тысячи. Поисковики воспринимают дубли как признак низкого качества, могут объединять затронутые страницы в кластер и показать не ту, что нужна.

Отдельная проблема — каннибализация title: два разных URL с одинаковым или очень похожим title борются за одни и те же запросы. Google в итоге выбирает одну страницу для показа, но не всегда ту, которую вы имели в виду.

Шаблоны title для разных типов страниц

Одна формула title не подходит всем типам страниц. Главная, карточка товара и статья блога решают разные задачи и конкурируют за разные запросы. Ниже — проверенные шаблоны с примерами.

В CMS или шаблонизаторе title-шаблоны строятся через переменные. В WordPress с Yoast это %%title%% и %%sitename%%; в Next.js используйте metadata.title со строкой-шаблоном. Шаблоны — отправная точка: страницы с высоким трафиком и коммерческим приоритетом заслуживают ручного title.

// Next.js: title template via generateMetadata
export async function generateMetadata({ params }: Props): Promise<Metadata> {
  const product = await getProduct(params.slug);
  return {
    title: `${product.name} ${product.attribute} — SpecOpt`,
  };
}

// Global template in layout.tsx
export const metadata: Metadata = {
  title: {
    template: '%s | SpecOpt',
    default: 'SpecOpt — workwear wholesale from manufacturer',
  },
};

Переменные в шаблоне работают, только если поля заполнены. Один из самых частых сценариев массовых дублей: шаблон с {product.name} без значения по умолчанию — десятки карточек получают одинаковый или пустой title.

Влияние на CTR и ранжирование

Title влияет на ранжирование как сигнал релевантности, но его прямое влияние на позиции меньше, чем часто считают. Реальная ценность хорошего title — в CTR: при той же позиции больше людей кликают, и трафика становится больше.

Чтобы измерить эффект от изменения title, используйте Google Search Console: отфильтруйте страницы по типу, запишите CTR до правки, через 2–4 недели сравните. Это не полноценный A/B-тест, но для большинства сайтов точности хватает, чтобы проверить гипотезу.

Title и description работают в паре: title отвечает на вопрос «что это», description — «почему стоит кликнуть». Google переписывает description почти всегда, а title — реже и по предсказуемой логике. Чем ближе title к H1 и основному содержанию страницы, тем меньше шанс, что Google его заменит.

FAQ

Ответы на вопросы, которые чаще всего возникают при работе с тегом title.