Title тег: что это и как оптимизировать

Title тег — HTML-элемент с заголовком страницы, отображаемый в вкладке браузера и сниппете поиска. Самый важный on-page SEO фактор.

titleseoмета-тегиon-page-seoсниппет

Что такое Title тег

Title тег — HTML-элемент <title>, определяющий заголовок веб-страницы. Он отображается во вкладке браузера, в сниппете результатов поиска (SERP) и при сохранении в закладках. Title — самый важный и прямой SEO-сигнал на странице.

<head>
  <title>Купить ноутбук Apple MacBook Pro — Каталог | Магазин</title>
</head>

Зачем важен Title

Title влияет на три ключевых SEO-метрики:

  • Ранжирование — Google использует title как основной on-page сигнал
  • CTR — привлекательный заголовок повышает кликабельность сниппета
  • Сниппет — Google обычно показывает title в поиске (но может переписать)

Правила написания Title

Длина

  • Оптимально: 50–60 символов (600 пикселей)
  • Google обрезает title длиннее 600px
  • Слишком короткий title — недостаточно информации

Ключевые слова

  • Главный ключевой запрос — в начале title
  • Не повторяйте ключевые слова (keyword stuffing)
  • Одна страница — один ключевой запрос

Структура

Популярные форматы:

Ключевой запрос — Описание | Бренд
Купить [Товар] в [Городе] — Цены и наличие | Магазин
[Что такое Term]: полное руководство — Бренд

Уникальность

Каждая страница сайта должна иметь уникальный title. Дублирующиеся заголовки — сигнал низкого качества для поисковиков.

Примеры хороших и плохих Title

# Хороший:
Купить iPhone 16 Pro в Москве — цены от 89 990 руб | TechShop

# Плохой (слишком длинный):
Купить iPhone 16 Pro Max 256GB 512GB 1TB в Москве дёшево недорого цена телефон смартфон Apple

# Плохой (нет ключевых слов):
Главная | TechShop

# Плохой (дубль):
Главная  ← одинаковые title на 50 страницах

Title в Next.js

// app/layout.tsx — шаблон
export const metadata: Metadata = {
  title: {
    template: '%s | Бренд',
    default: 'Бренд — описание'
  }
};

// app/page/page.tsx — конкретная страница
export const metadata: Metadata = {
  title: 'Ключевой запрос'  // станет "Ключевой запрос | Бренд"
};

Проверка Title на reChecker

Используйте Проверку мета-тегов для анализа title вашей страницы. Инструмент проверит:

  • Длину title (пикселей и символов)
  • Наличие и отсутствие title
  • Дубликаты заголовков
  • Наличие ключевых слов в начале

FAQ

Google переписывает мой title в поиске — это нормально? Да, Google переписывает title в ~15% случаев, если считает исходный некачественным: слишком длинный, спамный или нерелевантный контенту. Следуйте рекомендациям по длине и релевантности.

Title и H1 — должны совпадать? Не обязательно. Title оптимизирован под поиск, H1 — для читателей. Они могут различаться, но должны быть тематически близки.

Нужно ли писать название бренда в title? Рекомендуется. Название бренда в конце title (через разделитель | или —) повышает узнаваемость в SERP. Главное — не в ущерб длине и ключевым словам.

Попробуйте инструмент

Проверьте title тег на вашем сайте с помощью бесплатного инструмента.

Проверка мета-тегов

Статьи по теме

Материалы блога reChecker, где этот термин встречается в практическом контексте.

SEO

Как писать идеальный Title для SEO: формулы и примеры

Практическое руководство по созданию эффективных title-тегов для поисковой оптимизации. Формулы, длина, структура и типичные ошибки с примерами.

SEO

Мета-теги для SEO: полное руководство по оптимизации заголовков и описаний

Подробное руководство по созданию и оптимизации мета-тегов для поисковой оптимизации. Title, description, Open Graph, Twitter Cards и другие важные теги. Практические примеры и лучшие практики.

SEO

Как исправить ошибки после SEO аудита: пошаговый план

Пошаговое руководство по исправлению ошибок SEO аудита: редиректы, битые ссылки, мета-теги, скорость загрузки. Практические инструкции и приоритизация.

SEO

Как оптимизировать сниппет в Google для увеличения CTR

Практическое руководство по оптимизации сниппета в поисковой выдаче Google. Title, description, расширенные элементы и методы повышения кликабельности.

Поддержка reChecker

Нашли баг, сбой или ошибку в работе reChecker? Есть предложение по улучшению? Напишите нам, чтобы мы проверили и исправили проблему в сервисе.

Эта форма для обратной связи по работе reChecker. Если нужна разработка или поддержка вашего сайта, отправьте отдельную заявку:

Для ответа укажите минимум один контакт: email или телефон.