Заголовки и мета-теги: как оформить <title>, <meta> и <h>, чтобы сайт реально рос

Зачем нужны заголовки и мета-теги

Работу тегов и заголовков проще всего объяснить через метафору. Представьте, что ваш сайт — это книга.

• Заголовки (h1, h2, h3 и т. д.) — это оглавление и подзаголовки глав. Без них текст превращается в сплошную «простыню», в которой сложно ориентироваться.

• Мета-теги (title, description) — это обложка и аннотация на задней стороне книги. Именно их видят люди в поисковой выдаче. По ним принимают решение — кликать или нет.

Что делают теги и заголовки:

• Влияют на позиции в поиске.

По заголовкам Яндекс и Google понимают, о чем ваша страница и по каким запросам ее нужно показывать. Например, если кто-то ищет «купить iPhone 15 с доставкой», а у вас в h1 — «iPhone 15 в наличии — быстрая доставка по Москве», поисковик подумает: «Это то, что нужно!». 

• Увеличивают клики из выдачи (CTR).

Title — это текст ссылки на сайт в поиске. Description — описание под ссылкой. Пользователь видит их в первую очередь. Даже если ваш сайт в топе, но title и description скучные или нерелевантные — человек с большой вероятностью пролистает ниже и перейдет на сайт конкурентов.
Сравним два примера. 

1. «Продажа iPhone 15 | Гарантия» — слишком общее, не цепляет.
2. «iPhone 15 128 ГБ по цене 55000 руб | Доставка за 2 часа» — сразу видно конкретное предложение и выгоду.

• Структурируют контент.

Заголовки h2 - h6 ведут читателя по тексту, выделяя основные мысли. Человек может быстро просканировать текст и перейти к важному разделу. 

Для поисковых роботов заголовки тоже важны. Они помогают им определить, о чем вообще текст и из каких блоков он состоит.

Как правильно оформить Title

Вот 5 простых правил по заполнению Title, который понравится поисковикам.

1. Длина — до 70 символов (примерно 15 слов).

Более объемный вариант Яндекс и Google просто обрежут.
К примеру, Title «Купить iPhone 15 Pro Max 128 ГБ в Москве с гарантией и быстрой доставкой по лучшей цене | Магазин ТехноГрад» — слишком длинный, не влезет полностью в поисковую строку. 

2. Главный ключ — в начале.

Поисковики обращают внимание на ключевые слова в теге, особенно в начале. Поэтому вариант «Лучшие цены на iPhone 15 в нашем магазине» — не совсем корректный. «Купить iPhone 15 Pro Max по выгодной цене в Москве» даст больший результат.

3. Не допускайте переспама.

Впихнуть как можно больше ключей в Title — плохая идея. Поисковики посчитают это спамом и понизят сайт в выдаче.

4. Добавляйте выгоду или УТП.

Чем конкретнее польза — тем выше CTR. Неудачный пример: «Ремонт iPhone в Москве». Лучше: «Ремонт iPhone в Москве за 1 час | Бесплатная диагностика».

5. Избегайте «мусорных» слов.

«Официальный сайт», «лучший», «всегда низкие цены» — это вода, которая не приносит пользы ни для поисковиков, ни для пользователей. При этом слова «купить», «цена», «заказать» для коммерческих страниц вполне уместны.     

6. Продумайте знаки препинания.

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

7. Пропишите уникальный тег для каждой страницы.

Поисковики не любят дубли. Если у нескольких URL одинаковый Title, они будут ранжироваться хуже. Пользователей же одинаковые тексты в тегах могут запутать: они просто не поймут, на какую страницу переходить. Каждый Title должен точно отражать содержание своей страницы. Пусть даже разница будет в конкретной модели или расцветке товара.

Как правильно оформить description

На самом деле нередко Яндекс и Google в качестве описания используют не тег description, а часть текста страницы. При этом заполнять тег все же нужно. Если корректно прописать в нем суть страницы — он попадет в выдачу и повлияет на поведение пользователя.

Основные правила:

1. Длина — 120–140 символов (примерно 20 слов).

Как и с Title, все дело в ограничении места на странице выдаче. Поэтому задача при заполнении description стоит достаточно творческая — написать кратко, но информативно.
Пример правильного подхода: «Продажа квартир в новостройках Москвы. Рассрочка 0%, скидки до 15%. Подбор вариантов за 1 день. Звоните!» 

2. Дайте четкий ответ на запрос пользователя.

Description — это, по факту, небольшое рекламное объявление. Он должен объяснять, что вы предлагаете и почему это будет выгодно пользователю. 

Пример для услуг:
«Ремонт квартир в Москве под ключ. Гарантия 3 года, фиксированная смета. Бесплатный выезд замерщика. Работаем без предоплаты». 

Пример для интернет-магазина:
«Купить iPhone 15 Pro с доставкой за 2 часа. Оригинал, гарантия 2 года. Рассрочка 0%. Самовывоз из 10 магазинов в Москве». 

3. Не повторяйте Title.

Заголовок и описание выполняют разную функцию. Заголовок раскрывает суть страницы, описание — показывает ее пользу, дополняет информацию. Тексты и даже используемые ключевые слова тоже должны быть разными.

4. Пропишите уникальный текст для каждой страницы.

Description — это описание конкретной страницы, а не сайта в целом. Он не должен повторяться даже для похожих товаров и услуг. 

При этом прописывать тег для 1000+ страниц вручную необязательно. В системах управления сайтом (CMS) есть шаблоны описаний для конкретных разделов и подразделов. К примеру, можно настроить автоматическое шаблонное заполнение description для карточек товаров из категории «ноутбуки» в интернет-магазине. Какая-то часть описания будет общей для всех страниц с товарами, при этом на каждой странице будет и своя уникальная часть.

5. Следите за естественностью и читабельностью.

Привлекать внимание — важно, но не все средства для этого подходят. В описании не нужно:

• перегружать ключевыми словами («купить квартиру купить недорого купить Москва»);

• писать капсом («СРОЧНО! КВАРТИРЫ ПО СКИДКЕ!»);

• писать неправду и преувеличения — описание и содержание страницы должны совпадать.

Что будет полезно:

• умеренное использование эмоджи, когда они уместны;

• цифры и факты, конкретные предложения.

Как правильно оформить заголовки h1-h6

1. h1 — один на страницу.

Это главный заголовок, в котором отражается вся суть страницы. Если их будет несколько, поисковый робот просто запутается.

2. Ключевые слова в заголовках.

В h1 и h2, а иногда и в более низкие уровни, стоит вставлять ключи. Делать это нужно максимально естественно, без переспама и «кривых» вхождений. 

3. Уровни должны идти последовательно. 

Заголовки h4 или h3 не могут появляться раньше, чем h2. Структура должна быть пошаговой и логичной.

Пример:

<h1>Квартиры в новостройках</h1>  

   <h2>Квартиры в ЖК «Речной»</h2>  

      <h3>Планировки</h3>  

      <h3>Инфраструктура</h3>  

   <h2>Квартиры в ЖК «Солнечный»</h2>  

Большая ошибка — использовать заголовки и подзаголовки просто для дизайна. Это нарушает логику страницы. Для визуального выделения — только редактирование через CSS-код.

Как мы подходим к заголовкам и тегам

В нашем агентстве мы придерживаемся нескольких принципов при работе с заголовками и мета-тегами.

• Отталкиваемся от семантического ядра и структуры страницы. У каждого блока заголовка есть своя цель: навигация, структурирование, убеждение. Иерархия выстроена последовательно, у читателя не возникает путаницы. 

• Делаем упор на конверсию из поиска: Title и description — не просто seo-инструменты, а мини-рекламные объявления. Они мотивируют пользователя перейти на сайт.

• Используем поведенческие паттерны. Так текст попадает «в боль» потенциального клиента и подталкивает его к действию: позвонить, записаться, узнать больше.

• На карточках товаров и в категориях используем автоматизацию, но добавляем уникальные УТП.

• На лендингах используем заголовки как элементы воронки продаж: ведем читателя от первичного интереса к взаимодействию с компанией.

Чек-лист: как составить мета-теги и заголовки для страницы сайта

Оформление Title (заголовок страницы)

• Длина: 50–70 символов (чтобы не обрезался в выдаче).

• В начале — ключевое слово.

• Текст уникален для каждой страницы.

Оформление Description (мета-описание)

• Длина: 120–140 символов.

• Отвечает на конкретный запрос пользователя (что предлагаете + выгода).

• Есть призыв к действию.

• Текст уникален для каждой страницы.

Заголовок h1 

• Один на страницу.

• Не повторяет Title.

• Содержит ключевой запрос.

• Четко отражает содержание страницы.

• Длина до 70 символов.

Заголовки h2-h6 (структура контента)

• h2 — основные разделы (2–5 на страницу).

• h3 — подразделы внутри h2.

• h4-h6 — уточняющие детали, не всегда используются.

• Иерархия без пропусков — нельзя переходить от h1 сразу к h3.