Как написать title и description, чтобы кликали в поиске

Title и description задают заголовок и краткое описание страницы в выдаче поиска и во вкладке браузера. Их пишут так, чтобы человек за секунду понял тему и захотел кликнуть: ключ ближе к началу title, description без вранья и кликбейта, длина в привычном диапазоне (ориентир около 50–60 и 150–160 знаков с пробелами). Сами по себе эти поля не «выводят сайт в топ», зато влияют на то, как сниппет выглядит и читается. Готовый HTML соберите в генераторе meta-тегов, длину проверьте на проверке title и description. Ниже разобраны отличие title от H1, работа с длиной, устаревшие keywords, вставка кода в шапку и список проверки перед публикацией. Частые формулировки из поиска собраны в конце статьи.

Чем title отличается от H1 на странице

Title живёт в шапке HTML (<title>) и попадает во вкладку браузера и в сниппет поиска. H1 показывает заголовок на самой странице. Поисковик видит оба поля, но задачи разные: title конкурирует в выдаче за клик, H1 ведёт человека уже на сайте.

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

Запрос «title description и h1» часто означает путаницу: «куда писать ключ». Ключ ставьте и в title, и в H1, если страница про этот запрос. Не пихайте пять ключей в оба поля: получите кашу, которую обрежет выдача.

Что видит человек в поиске

В выдаче обычно показывают title (иногда подправленный поисковиком) и фрагмент description или текст со страницы. Если description пустой или слабый, сниппет берёт кусок из тела. Вы теряете контроль над обещанием клика.

Проверьте глазами: откройте поиск по своему бренду или URL и посмотрите, что выводится. Скриншот сниппета полезнее теории.

Что видит человек на странице

H1 должен совпадать с ожиданием из сниппета. Если title обещает «как написать title и description», а H1 на странице звучит как «Генератор meta-тегов», человек чувствует подмену. На Тулси у инструмента свой H1 и свой информационный гайд: разные задачи, разные заголовки.

Длина и читаемость title в выдаче

Длина title и description влияет на обрезку. Рабочий ориентир: title около 50–60 символов с пробелами, description около 150–160. Это не закон физики: ширина сниппета зависит от шрифта, устройства и площадки. Узкие буквы «влезают» больше, широкие кириллические меньше.

Пишите мысль в начале. Хвост фразы чаще всего отрезают многоточием. Бренд удобно ставить в конец через разделитель | или короткое тире, чтобы при обрезке остался смысл запроса.

Слишком короткий title («Услуги», «Главная») не объясняет страницу. Слишком длинный с перечислением городов и ключей читается как спам. Один главный запрос на страницу лучше пяти через запятую.

Ориентиры по символам и пикселям

Символы дают быстрый счёт. Пиксели дают грубую оценку «влезет / не влезет» по ширине. На проверке title и description видны оба ориентира и предупреждение о риске обрезки. Это правило большого пальца, не эмулятор конкретной выдачи Яндекса или Google.

После правки снова вставьте текст в проверку. Одна лишняя фраза в конце description часто и есть то, что пропадает в сниппете.

Типичные ошибки длины

Копируют H1 целиком в title без сокращения. Вставляют год, акции и три города в одну строку. Пишут CAPS LOCK «ДЛЯ КЛИКА». Повторяют одно слово пять раз «для SEO». Всё это либо обрежется, либо снизит доверие к сниппету.

Description: обещание без вранья

Мета-тег description это краткий абзац о странице для сниппета. Его задача: дополнить title фактом, выгодой или следующим шагом. Не дублируйте title слово в слово. Добавьте деталь: для кого страница, что получит человек, за сколько шагов.

Кликбейт без покрытия на странице бьёт по возвратам. Если обещали «готовый HTML за минуту», покажите генератор и шаги вставки. Если обещали «гарантию топа», вы врёте: ни title, ни description сами по себе не «выводят в топ».

Тон description: спокойный, конкретный. Числа и форматы работают лучше прилагательных («до 60 символов», «готовый код для <head>»).

Как составить description по шагам

1. Возьмите главный запрос страницы одной фразой.
2. Добавьте, что человек сделает или узнает.
3. Уберите повтор title и пустые слова («лучший», «уникальный»).
4. Сократите до ~150–160 знаков, смысл держите в первой половине.
5. Прогоните через проверку длины.

Пример угла этой статьи: «Как написать title и description для поиска: длина, отличие от H1, правила без кликбейта». В одной фразе есть запрос и польза, без обещания позиций.

Чего избегать в description

Сплошной список ключей через запятую. Чужие бренды без причины. Капс и тройные восклицательные. «Срочно», «только сегодня», если на странице нет акции. Пустое поле в надежде, что «поиск сам напишет лучше»: иногда напишет, часто вырежет неудачный кусок из середины абзаца.

Keywords и устаревшие мифы

Запросы вроде «title description и keywords» тянут за собой старый шаблон: три мета-поля подряд. Meta keywords поисковики давно не используют как сигнал ранжирования. Заполнять километровый список ключей в keywords смысла нет; иногда поле даже вредит, если туда попадает чужой спам из шаблона.

Оставьте фокус на уникальных title и description. Keywords можно не выводить или оставить пустым, если CMS требует поле «для галочки». Не путайте keywords с семантическим ядром в таблице: ядро нужно вам для структуры сайта, не для тега 2010 года.

Миф «мета теги seo сами поднимут сайт» путает сниппет с ранжированием. Мета-поля помогают понять страницу и влияют на клик. Позиции зависят от содержания, ссылок, скорости и сотен других факторов. Честный title без кликбейта это обычная гигиена страницы перед публикацией.

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

Сначала напишите тексты в черновике. Потом соберите HTML. Откройте генератор meta-тегов, заполните title и description, скопируйте блок и вставьте в <head> шаблона страницы или в поля SEO вашей CMS.

На конструкторах ищите раздел вроде «SEO», «Мета-теги», «Заголовок и описание». Там обычно отдельные поля без ручного HTML. Вставьте те же формулировки, что проверили по длине. На мультистраничном сайте у каждой URL свой набор; общий title «из футера» на все страницы ломает сниппеты.

Превью ссылки в мессенджере настраивают отдельно через OG-теги в генераторе OG-тегов; для клика в поиске достаточно title и description.

Шаги в генераторе на Тулси

1. Откройте генератор meta-тегов.
2. Впишите title и description без лишних пробелов по краям.
3. Скопируйте готовый HTML.
4. Вставьте в шапку страницы или в SEO-поля CMS.
5. Опубликуйте черновик и откройте исходный код страницы: убедитесь, что в <head> один title и один description.

Регистрация не нужна. Код собирается у вас в браузере: удобно для черновиков внутренних страниц.

Куда смотреть после вставки

Обновите страницу с полным сбросом кэша. Во вкладке браузера должен отображаться ваш title. В исходнике (Ctrl+U / «Просмотр кода») найдите <title> и <meta name="description". Если видите старый текст, проверьте кэш CDN, кэш плагина или шаблон языка и раздела.

Проверка перед публикацией

До выкладки прогоните оба поля через проверку title и description. Смотрите символы, ориентир по ширине и флаги обрезки. Затем откройте страницу как пользователь: H1, первый экран и сниппет должны говорить об одном.

Список на глаз: уникален ли title относительно соседних URL; есть ли ключ ближе к началу; нет ли кликбейта в description; не продублирован ли один и тот же description на десятке страниц. После крупных правок подождите переобход и снова гляньте сниппет в поиске.

Скорость лендинга рядом с мета-полями тоже влияет на ощущение сайта. Тяжёлые JPG на первом экране имеет смысл перевести в WebP: как конвертировать в WebP. Сжатие фото без смены формата: как сжать фото.

Частые вопросы

Как прописать title и description?

Напишите тексты, соберите код в генераторе meta-тегов или вставьте строки в SEO-поля CMS. Проверьте, что в <head> страницы один <title> и один <meta name="description">. После публикации откройте исходник и вкладку браузера: там должен быть новый заголовок.

Как составить title и description?

Title: одна тема страницы, ключ в начале, бренд в конце, ориентир около 50–60 знаков. Description: дополнение к title (для кого, что получит человек), без копипаста заголовка и без пустых обещаний, ориентир около 150–160 знаков. Длину сверьте на проверке title и description.

Как посмотреть title и description?

На своей странице откройте «Просмотр кода» и найдите title и description. Во вкладке браузера виден title. В выдаче поиска виден сниппет; иногда поисковик подставляет свой фрагмент вместо вашего description. Сторонние расширения тоже показывают мета-поля, но исходник страницы надёжнее.

Что такое тег title и description?

Title это тег <title> в шапке документа. Description это мета-тег с атрибутом name="description" и текстом в content. Вместе они задают, как страница представляется во вкладке и (часто) в сниппете. Это не видимый H1 на экране и не keywords.

Нужны ли title, description и keywords?

Title и description нужны: уникальные на каждую важную страницу. Keywords как мета-тег для ранжирования устарели: поисковики их не используют как сигнал. Держите ядро запросов в таблице контента, а в HTML оставьте сильные title и description.

Какая длина title и description?

Ориентир: title до ~60 символов, description до ~160, с пробелами. Смотрите ещё примерную ширину в пикселях: широкая кириллица обрезается раньше узкой латиницы. Точная граница зависит от выдачи, поэтому после правок гоняйте текст через проверку.

Что такое мета тег description?

Это HTML-элемент <meta name="description" content="..."> в <head>. Он кратко описывает страницу для сниппета и людей. Пишите полный осмысленный абзац в лимите длины, не список ключей. Пустой description отдаёт выбор фрагмента поисковику.

Как проверить title и description онлайн?

Вставьте оба поля в проверку title и description на Тулси: увидите число символов, грубую оценку ширины и риск обрезки. Проверка идёт в браузере, текст на сервер не уходит. После выкладки дополнительно гляньте сниппет в поиске по URL.

Чем title и description отличаются от H1?

Title и description это мета-поля для вкладки и сниппета. H1 это заголовок в теле страницы, его читают на экране. Смысл должен совпадать, формулировки могут чуть отличаться по длине и акценту. Путать их местами в шаблоне CMS частая ошибка новичков.

Какие title и description считаются правильными?

Правильные поля уникальны, совпадают с темой страницы, содержат ключ без переспама, укладываются в разумную длину и обходятся без кликбейта и обещания позиций в поиске. Они совпадают с тем, что человек увидит после клика. Соберите черновик в генераторе, проверьте длину, затем сверьте H1 и первый экран.

Нужен готовый код для шапки: откройте генератор meta-тегов. Рядом по длине полей: проверка title и description. Для лёгких картинок на лендинге: WebP.