Title, Description, H1 — первое, что видит поисковик и пользователь о вашей странице. Если они написаны криво — страница не ранжируется, даже если контент идеальный. Разберу с нуля: что значит каждый из трёх элементов, какая длина, как вставлять ключи, и какие ошибки делают почти все новички.
Title — заголовок вкладки браузера и название страницы в выдаче поиска, 50–60 символов с главным запросом. Description — подзаголовок под title в выдаче, 140–160 символов, должен «продавать клик». H1 — главный заголовок самой страницы, один на страницу, отличается от title. Все три читает и поисковик, и пользователь. Без них страница либо не ранжируется, либо плохо кликается.
Что такое Title, Description, H1 простыми словами
Все три — это текстовые сигналы для поисковика о том, что находится на вашей странице. Без них поиск догадывается сам (обычно — неправильно), а пользователь не понимает, стоит ли кликать.
Title (тег <title>) — заголовок страницы. Видно в трёх местах: на вкладке браузера, в выдаче поиска (синяя кликабельная строчка), при шеринге в соцсетях. Самый важный из трёх метатегов — напрямую влияет на ранжирование.
Description (тег <meta name="description">), или, как его называют на сленге, дескрипшен (реже «дескрипшн»), — короткое описание страницы. Показывается под title в выдаче поиска как подзаголовок. На ранжирование напрямую не влияет, но сильно влияет на CTR (кликабельность) — а это поведенческий фактор.
H1 (тег <h1>) — главный заголовок самой страницы, который видит пользователь. Это не то же самое, что title: title показывается в браузере и выдаче, H1 — на странице сайта. Обычно похожи, но не обязательно одинаковые.
Все три читает Яндекс.Вебмастер и Google Search Console — там в отчётах прямо так и видно, где у вас проблемы с метатегами.
Аналогия. Выдача — это полка в магазине. Title — название на ценнике, по нему решают, брать ли в руки. Description — пара строк под ценником с выгодами. H1 — крупная надпись на самой упаковке, её читают, когда уже взяли товар (зашли на страницу). Ценник врёт или пустой — товар не берут, каким бы хорошим он ни был.
Проверить title, description и H1 онлайн — симулятор сниппета
Метатеги проще один раз увидеть, чем десять раз прочитать про них. Впишите свои Title и Description ниже — справа сразу появится живой сниппет, как в выдаче, с обрезкой по реальной ширине и счётчиком длины. Удлините title — и увидите, где поиск ставит многоточие. Переключите Google / Яндекс — границы обрезки разные.
Считаете длину на глаз — не угадаете: важна не только длина в символах, но и ширина в пикселях (буква «м» шире «i»). Симулятор считает и то, и другое — ориентируйтесь на зелёную полоску.
Как прописать тег title в HTML-коде
Title — это HTML-тег, и живёт он в секции <head>. Если правишь код руками, вот как это выглядит: title и description идут в <head> (их видит поиск), а H1 — в <body> (его видит человек на странице).
<head> <title>SEO-аудит сайта от 55 000 ₽ — Никита Вихров</title> <meta name="description" content="SEO-аудит за 7–14 дней: 7 направлений, PDF-отчёт."> </head> <body> <h1>SEO-аудит сайта: 7 направлений с отчётом</h1> </body>
Правила простые: на странице ровно один тег <title> и один <h1>. Тег <title> используется как заголовок вкладки браузера и кликабельная строка в выдаче; <meta name="description"> — описание под ней. Лезть в код напрямую нужно редко: в большинстве систем эти теги задаются в настройках страницы без единой строчки HTML — об этом ниже в блоке про CMS.
Title: как писать правильно
Длина: 50–60 символов (с пробелами). Можно до 70, но Яндекс и Google обрезают всё, что длиннее, многоточием. Слишком короткие (до 30 символов) выглядят бедно и плохо продают клик.
Структура:
- Главный запрос — обязательно;
- Уточнение или модификатор (цена, город, формат) — желательно;
- Бренд в конце через разделитель — для узнаваемости.
Шаблон:
Главный запрос — уточнение | Бренд
Хорошие примеры:
- «SEO-аудит сайта от 55 000 ₽ за 7–14 дней · Никита Вихров»
- «Купить кухню на заказ в Москве — цены от 45 000 ₽ · Кухня-Сити»
- «Как ускорить индексацию сайта: 12 рабочих способов 2026»
Плохие примеры:
- «Главная страница» — не говорит ни о чём;
- «Натяжные потолки» — слишком общо, теряется в конкуренции;
- «Лучшие профессиональные натяжные потолки москва купить недорого со скидкой» — переспам ключами, попадает под фильтр.
Главное правило: title должен ответить пользователю на вопрос «это то, что я ищу?» за 1 секунду. Если ответ неясен — клика не будет.
Проверь, ловишь ли ты слабый title с первого взгляда:
Description: продаём клик из выдачи
Description не влияет на позиции напрямую, но напрямую влияет на CTR — кликабельность в выдаче. Если по запросу вы на позиции 5, но description привлекательнее чем у конкурентов на 1–4, по статистике вы получите больше кликов. А высокий CTR — это сигнал для поведенческих факторов, которые поднимают позиции.
Длина: 140–160 символов. Меньше — мало информации. Больше — обрежется в выдаче.
Что обязательно должно быть:
- Главный запрос — естественно вписанный (для подсветки в выдаче);
- УТП — почему именно вы (цена, срок, гарантия, бесплатно, разбор);
- Призыв или конкретика — что человек получит, кликнув.
Шаблон:
Что это/делаем + кому/в каком формате + ваше УТП + конкретика (цена/срок/деталь).
Хорошие примеры:
- «SEO-аудит сайта от частного специалиста: 7 направлений, PDF-отчёт, Excel с приоритетами. От 55 000 ₽, срок от 5 дней. Без агентских наценок.»
- «Кухни на заказ в Москве с замером бесплатно. Доставка и сборка за 30 дней. Цены от 45 000 ₽ под ключ. Гарантия 2 года.»
Плохие примеры:
- «Наша компания предлагает услуги SEO» — общо, бесполезно;
- «SEO продвижение сайта SEO оптимизация SEO услуги SEO раскрутка» — спам ключами, поиск показывает свой текст вместо вашего;
- «Description не задан» (часто встречается в дефолтах CMS) — поиск возьмёт первый абзац статьи, часто получается криво.
Лайфхак: добавьте в description эмодзи (✓, ★, →) — они выделяют сниппет в выдаче и поднимают CTR. Но не больше 1–2 — иначе выглядит как спам. И учтите: поиск капризен с символами — одни показывает, другие молча вырезает.
| Символы | Яндекс | Комментарий | |
|---|---|---|---|
| · — | › ✓ ★ → | ✓ | ✓ | Простые типографские знаки — живут почти всегда. Лучший выбор для разделителей и галочек. |
| ✅ ☑️ ➜ ▶ | ~ | ✕ | Цветные «галки» и стрелки-эмодзи: Яндекс иногда показывает, Google чаще вырезает. |
| 📙 🔥 🚀 ❤️ | ~ | ✕ | Полноцветные эмодзи: Google почти всегда убирает из заголовка, Яндекс — по настроению. |
| ‼️ 👉 💰 🎁 | ✕ | ✕ | «Кричащие» эмодзи: воспринимаются как спам, режутся и могут уронить доверие к сниппету. |
· — | ✓ →. Поведение поисковиков меняется, поэтому перед важной страницей проверяйте живым шерингом и поиском по запросу.Расширенный сниппет: звёзды, быстрые ссылки, FAQ
Обычный сниппет — это title и description. Расширенный добавляет звёзды рейтинга, быстрые ссылки, цену или раскрывающийся FAQ-блок прямо в выдаче. Он крупнее, заметнее и забирает больше кликов на той же позиции. Но получают его через микроразметку Schema.org, не через title с description.
| Что хочешь в сниппете | Какая разметка |
|---|---|
| Звёзды рейтинга | AggregateRating на товаре или услуге с отзывами |
| FAQ-аккордеон | FAQPage с вопросами и ответами |
| Хлебные крошки вместо URL | BreadcrumbList |
| Цена и наличие | Product |
Собрать разметку без программиста поможет генератор Schema.org, проверить готовую — проверка микроразметки, а вся логика — в разборе про структурированные данные для AI-поиска. Важно: расширенный сниппет поиск показывает не всегда и не сразу — даже при валидной разметке. Спецификацию разметки смотрите на schema.org — там полный каталог типов данных.
Разбор: как пишут метатеги реальные компании
Теория — теорией, а в реальной выдаче интереснее. Я вытащил живые Title и Description с главных страниц известных сайтов и разобрал, что хорошо, а что бы поправил. Спойлер: ошибаются даже гиганты — просто им это прощается за счёт бренда и ссылочной массы. Вам так нельзя.
Хорошо: бренд и в начале, и в конце; в title — форматы fb2 и mp3, которые реально ищут. Поправить: и title (95), и description (245) сильно длиннее нормы — в выдаче обрежется почти половина. Цель — уложиться в 60 / 160 и поставить главное в начало.
Хорошо: title почти в норме — бренд + категория + запросы «купить книги», «бестселлеры». В description — эмодзи 📙🔝 (выделяют сниппет в выдаче) и выгоды: низкие цены, 200 000 товаров, доставка. Поправить: description 306 символов — 60% не покажется, выгоды надо передвинуть в первые 160.
Хорошо: description 157 символов — точно в норме: сначала выгоды (онлайн, бесплатная доставка), затем охват услуг. Зачем длинный title: 85 символов намеренно держат оба имени — «Т-Банк» и «Тинькофф», чтобы ловить запросы и по новому, и по старому бренду после ребрендинга.
Проблема: бренд повторён дважды, а полезных запросов — ноль. «Объявления на сайте Авито» не ищет никто. Почему живёт: только за счёт гигантского бренда и ссылочной массы. Маленькому сайту такой title в топ не выведет — нужны запросы, не самоназвание.
Хорошо: чисто, без воды и спама. Поправить: слишком скромно — 24 и 40 символов почти не цепляют ключи и ничего не продают. Для служебной страницы-ленты сойдёт, для продвигаемой — мало: есть место добавить тематику и выгоду.
Закономерность простая: чем крупнее бренд, тем больше ему прощается и длина, и вода, и тавтология. У вас бренда-гиганта пока нет — значит каждый символ title и description должен работать на запрос и на клик. Ниже — как именно, по типам страниц.
Почему поиск показал не твой title
Знакомая ситуация: вписал один title, а в выдаче видишь другой. Это не баг и не глюк — Яндекс и Google переписывают заголовок сниппета, если решат, что свой вариант ответит на запрос лучше твоего. По данным исследований выдачи, Google меняет title примерно в половине случаев. Разбираемся, когда это происходит и что делать.
Что с этим делать: дать ему хороший вариант, не пытаться «обмануть» алгоритм. Если поиск стабильно переписывает твой title — это сигнал, что он длинный, не отвечает на запрос или расходится с H1. Приведи title в соответствие с реальным интентом страницы, поставь запрос в начало, убери лишнее — и переписывать перестанут. Какой заголовок реально показывается, видно в живом поиске по запросу и в Яндекс.Вебмастере.
Title под AI-поиск: как тебя называют Нейро и чат-боты
Появился третий формат выдачи, и в нём твой title работает иначе. Яндекс Нейро, чат-боты и AI-обзоры не показывают синюю кликабельную строчку — они генерируют свой заголовок ответа и собирают его из сути страницы, а тебя указывают сбоку как источник. Классический title тут помогает алгоритму понять, о чём страница и стоит ли её цитировать.
Что это меняет на практике — и что делать с метатегами под AI:
- H1 и подзаголовки важнее обычного. AI разбирает страницу по структуре. Чёткий H1-вопрос и логичные H2 = больше шансов, что процитируют именно тебя.
- Прямой ответ в первом абзаце. Title-вопрос → ответ сразу под H1, без разгона. AI вытаскивает короткие самодостаточные куски.
- Один смысл на страницу. Размытую «обо всём сразу» страницу алгоритму сложно отнести к запросу — и в источники она не попадёт.
- FAQ и списки. Структурированные блоки с вопросами и пунктами AI цитирует охотнее всего — добавляй их и подкрепляй разметкой для AI-поиска.
Короткий вывод: правила длины title и H1 остаются, но добавляется новый приоритет — ясность и структура важнее кликбейта. Кликбейт цепляет человека в синей выдаче, а машину-цитатчика убеждает чёткий ответ. Подробнее про попадание в ответы алгоритмов — в разборе, как попасть в выдачу AI-поиска.
H1: главный заголовок страницы
H1 — это первый и самый большой заголовок на странице. Один на страницу — не больше, не меньше. Если вы используете несколько <h1> — поисковик не понимает, что главное.
Длина: 30–70 символов (примерно 5–10 слов). Главный запрос — в начале или в первой трети.
Важное правило: H1 не должен дублировать title слово в слово. Title оптимизируется под выдачу (включает бренд, модификаторы), H1 — под пользователя на странице (более естественный, без бренда обычно).
Пример хорошей пары:
- Title: «SEO-аудит сайта от 55 000 ₽ за 7–14 дней · Никита Вихров»
- H1: «SEO-аудит сайта: 7 направлений с PDF-отчётом»
Видите — оба отвечают на тот же запрос, но title включает цену, срок и бренд (для клика из выдачи), а H1 на странице раскрывает, что именно человек получит. Не дублируется.
Иерархия заголовков:
H1— главный заголовок страницы (один);H2— заголовки крупных разделов;H3— подразделы внутри H2;H4-H6— глубже (обычно не нужно).
Не используйте H2-H6 как «красивый стиль» — это нарушает структуру для поиска. Делайте оформление через CSS.
Шаблоны под разные типы страниц
Страница услуги (например, SEO-аудит):
- Title: «Услуга + цена/срок · Бренд» — например, «SEO-аудит сайта от 55 000 ₽ за 7–14 дней · Никита Вихров»
- Description: «Что делаем + формат + ваше УТП + цена/срок» — короткий продающий абзац;
- H1: «Услуга: главное про неё» — например, «SEO-аудит сайта: 7 направлений с PDF-отчётом».
Карточка товара (интернет-магазин):
- Title: «Товар + бренд + ключевая характеристика | Магазин» — например, «iPhone 15 Pro 256GB Titanium — цена 89 990 ₽ | re:Store»
- Description: «Краткое описание + доставка + гарантия» — что приедет и за сколько;
- H1: «Полное название товара» — например, «Смартфон Apple iPhone 15 Pro 256GB Titanium».
Статья блога (как эта):
- Title: «О чём статья: главный запрос + хук» — например, «Title, Description, H1: как писать SEO-метатеги в 2026 — гайд с примерами»
- Description: «Что узнаете + кому полезно + конкретика» — содержание в 1 предложении;
- H1: «Заголовок статьи без бренда» — например, «Title, Description, H1: гайд по SEO-метатегам».
Главная страница сайта:
- Title: «Что вы продаёте + где + бренд» — например, «SEO-специалист в Москве: продвижение сайтов в топ-10 — Никита Вихров»
- Description: «Кто вы, что делаете, что отличает» — короткий питч компании;
- H1: «Главное про вас» — например, «SEO-продвижение сайта в Яндексе и Google в топ-10».
Категория каталога (интернет-магазин):
- Title: «Категория + город/уточнение + Магазин» — например, «Кухонные гарнитуры в Москве — 240 моделей в наличии | Кухня-Сити»
- Description: «Сколько товаров + диапазон цен + доставка»;
- H1: «Категория без бренда» — например, «Кухонные гарнитуры на заказ».
Title и Description в популярных CMS: где кнопка
Теорию ты знаешь — осталось понять, где это нажать. В большинстве систем title и description задаются без кода, в настройках страницы:
| CMS / платформа | Где задать title и description |
|---|---|
| WordPress | плагин Yoast SEO или Rank Math — поля прямо под редактором страницы |
| Tilda | Настройки страницы → вкладка «Главное» (Title, Description) и «Facebook и SEO» |
| 1С-Битрикс | свойства страницы или SEO-раздел инфоблока: META_TITLE, META_DESCRIPTION |
| Shopify | блок Search engine listing в карточке товара или страницы |
Если в системе есть поле для title — правь там, не в коде темы: шаблонизатор подставит тег сам, и ты не сломаешь вёрстку. Как это устроено на Tilda по шагам — в гайде SEO на Tilda.
Топ-7 ошибок в метатегах
- 1
Один title на весь сайт
Если на всех 500 страницах одинаковый title «Главная — Мой Сайт», поисковик не понимает, какая страница про что.
Решение: Настройте в CMS шаблон, который генерирует уникальный title из заголовка страницы.
- 2
Description отсутствует или пустой
Поиск возьмёт первый абзац текста — часто это нерелевантный кусок.
Решение: Пропишите вручную или шаблоном.
- 3
Несколько H1 на одной странице
Частое в шаблонах WordPress: H1 у логотипа в шапке плюс H1 в контенте.
Решение: Оставьте один H1, остальное переделайте в H2 или div через CSS.
- 4
Title длиннее 100 символов
Обрезается в выдаче многоточием — пользователь не видит конца.
Решение: Уложитесь в 60 символов.
- 5
Переспам ключами в title и description
✗Кухни кухни на заказ кухни москва кухни цена…Это ведёт под фильтр Баден-Баден.
Решение: Пишите естественно, ключ один раз.
- 6
H1 = title слово в слово
Не критично, но упускаете возможность раскрыть мысль на странице (H1) и заточить сниппет в выдаче (title).
- 7
Title и H1 без главного ключа
✗«Услуги», «О нас», «Главная»Так это не работает.
Решение: Подставьте запрос из семантического ядра.
Чем проверять метатеги
Бесплатно:
- F12 → вкладка Elements в Chrome. Открываете любую страницу — видите
<title>,<meta name="description">и<h1>в коде. Самый быстрый способ. - Yandex SERP Simulator (есть несколько онлайн) — покажет, как ваш сниппет будет выглядеть в выдаче. Удобно проверить длину.
- Яндекс.Вебмастер → Диагностика — раздел «Возможные проблемы» подсвечивает пустые title/description, дубли, слишком длинные/короткие. Подробнее про Вебмастер — в отдельной статье.
- Google Search Console → Покрытие/HTML-улучшения — то же самое для Google.
Платно (для массовой проверки):
- Screaming Frog — краулер сайта. После crawl открываете отчёты «Page Titles», «Meta Description», «H1» с фильтрами «Duplicate», «Missing», «Too Long». За полчаса найдёте все проблемы. Бесплатно до 500 URL. Подробный гайд — в отдельной статье.
- Sitebulb — то же самое, но визуальнее.
Лайфхак для блога: после публикации статьи всегда проверяйте, что title и description нормально показываются в анонсах соцсетей. Через opengraph.xyz или ручной шеринг в тестовый чат. Для массовой проверки всех title и description на сайте запустите Google Search Console — там раздел «HTML-улучшения» покажет пустые, дублирующиеся и слишком длинные теги.
Как метатеги работают вместе с текстом страницы — урок мини-курса «Контент, который ранжируется и конвертирует». Бесплатно, без регистрации.
Главное
Title, Description, H1 — три обязательных текстовых сигнала на каждой странице. Title — 50–60 символов с главным запросом и брендом, продаёт клик из выдачи. Description — 140–160 символов с УТП, поднимает CTR. H1 — главный заголовок страницы, один на страницу, отличается от title.
Самые частые ошибки: один title на весь сайт, пустой description, несколько H1, переспам ключами. Все они решаются настройкой шаблонов в CMS.
Бесплатные инструменты: F12 в Chrome, Яндекс.Вебмастер, Search Console. Для массовой проверки — Screaming Frog. Систематический разбор всего сайта — в SEO-аудите.
Частые вопросы
Какая длина у title и description?
Title — 50–60 символов (можно до 70), всё что длиннее обрезается в выдаче многоточием. Description — 140–160 символов. Слишком короткие (Title до 30, Description до 80) выглядят бедно и плохо привлекают клики.
В чём разница между title и H1?
Title — заголовок страницы в браузере и в выдаче поиска (синяя кликабельная строчка). H1 — главный заголовок самой страницы, который видит пользователь когда зашёл. Обычно похожи, но не одинаковы: title оптимизируется под выдачу (включает бренд, модификаторы), H1 — под пользователя (более естественный).
Сколько H1 должно быть на странице?
Ровно один. Несколько H1 на странице — типичная техническая ошибка, нарушает структуру для поиска. H2-H6 можно сколько угодно (но логично, не для красоты).
Влияет ли description на позиции?
Напрямую — нет, поиск не использует description для ранжирования. Косвенно — да, потому что description влияет на CTR в выдаче (привлекательное описание = больше кликов), а CTR — это поведенческий фактор, который влияет на позиции.
Можно ли использовать одни и те же метатеги на нескольких страницах?
Нет, это серьёзная ошибка. Поисковик считает страницы с одинаковым title или description дублями. Если у вас по 500 одинаковых title — половина страниц вообще не появится в индексе. Решение: настроить в CMS шаблон, генерирующий уникальные title/description из контента страницы.
Нужно ли вставлять ключевое слово в title и H1?
Главный запрос — да, обязательно, и желательно ближе к началу. Это базовая релевантность. Но без переспама: один раз, естественно. Подбирать ключи нужно из собранного семантического ядра, не из головы.
Нужен ли мета keywords в 2026 году?
Нет. Яндекс и Google давно не используют meta keywords для ранжирования — Google отключил его учёт ещё в 2009 году. Заполнять тег не нужно, но и вреда от пустого нет. Силы вкладывай в title, description и сам контент.
Чем отличается длина title в Яндексе и Google?
Оба обрезают title по ширине в пикселях, не по числу символов. Ориентир: Google показывает примерно до 600 px, Яндекс — шире, примерно до 720 px, дальше многоточие. На практике укладывайся в 50–60 символов и ставь ключевое в начало — тогда оно влезет в обеих системах.
Как прописать title в WordPress?
Проще всего через SEO-плагин Yoast или Rank Math: под редактором страницы появляются отдельные поля для title и description. Без плагина title берётся из заголовка записи, что не всегда оптимально. Менять код темы для этого не нужно.
Чем проверить title и description онлайн?
Прямо на этой странице есть симулятор: впиши title и description — увидишь живой сниппет с обрезкой по пикселям и счётчиком длины, отдельно для Яндекса и Google. Для массовой проверки всего сайта подойдёт Screaming Frog, а текущие теги страницы видно в Яндекс.Вебмастере.
Под рукой: превью сниппета и счётчик символов — проверить длину Title и Description.