Meta-теги

01

Основные meta-теги

Meta-теги — служебные элементы HTML в секции <head>, которые описывают страницу для браузера, поисковых систем и социальных сетей. Они не отображаются как основной контент на экране, но влияют на сниппет в выдаче, поведение робота и вид превью при шаринге ссылки.

Ключевые теги для коммерческого SEO:

• title — заголовок документа в head; технически это отдельный HTML-элемент, а не meta-тег.
• meta name=»description» — краткое описание; может попасть в сниппет и влияет на CTR.
• meta name="robots" — инструкции поисковому роботу, например noindex; поддержка отдельных значений зависит от системы.
• meta name=»viewport» — мобильная вёрстка; косвенно влияет на UX и ранжирование.
• meta charset задаёт кодировку; основной язык HTML указывают атрибутом lang элемента html.

Дополнительно используют Open Graph и Twitter Card для соцсетей, верификацию панелей вебмастера, иногда keywords (для Google не является фактором ранжирования). На WordPress и других CMS meta часто генерируют SEO-плагины — проверяйте шаблоны категорий и карточек товаров, где ошибки масштабируются на тысячи URL.

02

Влияние на SEO и CTR

Meta-теги редко «двигают» позиции сами по себе, но задают рамку, как страница предстаёт в SERP. Title и description — это мини-объявление: при близких позициях выигрывает тот, у кого понятнее оффер, регион, срок и отличие от конкурентов.

Robots задаёт инструкции обработки, canonical — предпочтительную версию дублей. Случайный noindex исключает важную страницу; запрет обхода мешает прочитать директивы. Проверяйте их по отдельности и затем на согласованность.

Для бизнеса метрика — не «идеальный title по чеклисту», а рост кликов и заявок с органики при тех же позициях. A/B-подход в SEO ограничен, но сезонные правки description под акции и УТП оправданы при мониторинге CTR в Search Console.

03

Рекомендации по title и description

Title должен точно описывать страницу и отличать её от других. Главную тему и важное уточнение ставьте ближе к началу. Фиксированного числа символов, которое гарантирует показ без сокращения, нет.

Description: краткое описание страницы с существенным условием и пользой. Оно может стать основой сниппета, но поисковик вправе выбрать текст из содержимого. Не добавляйте срок, гарантию или бесплатную услугу, если этого нет в предложении.

• Шаблоны для категорий: переменные {категория}, {город}, {бренд} — с ручной правкой топ-разделов.
• Не создавайте массовые дубли «Купить {ключ} недорого» на всех страницах — сниппеты сольются визуально.
• Согласуйте title с H1: не обязаны совпадать, но должны отвечать на один интент.
• Для статей — title с пользой и конкретикой, description с обещанием результата чтения.

На этапе редизайна не забывайте перенести meta с старых URL или настроить 301 и новые сниппеты — иначе CTR просядет даже при сохранении позиций.

04

Open Graph

Open Graph (og:title, og:description, og:image, og:url, og:type) управляет превью при публикации ссылки во ВКонтакте, Telegram, Facebook и других платформах. Для B2B и e-commerce соцтрафик и мессенджеры — часть воронки; битая картинка 50×50 и пустой заголовок снижают доверие и клики.

Минимальный набор:

• og:title — может совпадать с title или быть короче для мессенджера;
• og:description — суть предложения;
• og:image — 1200×630 px, читаемый текст на изображении, вес до разумного лимита CDN;
• og:url — канонический URL страницы;
• og:locale — для мультиязычных сайтов.

Twitter Card (summary_large_image) дублирует логику для X. Проверяйте превью в отладчиках соцсетей после каждого крупного шаблонного изменения. OG не заменяет микроразметку Schema.org, но дополняет её для социальных сценариев.

05

Как проверить

Практический чеклист для маркетолога и SEO:

• Просмотр исходного кода и вкладки Elements в DevTools — один title, один description, нет дублей от виджетов.
• Краулер по сайту: длина title/description, пустые поля, дубли на разных URL.
• Search Console → Эффективность: страницы с низким CTR при высоких показах — кандидаты на правку meta.
• Ручной поиск брендовых и коммерческих запросов: как выглядит сниппет на desktop и mobile.
• Валидаторы OG и Rich Results Test для связки с разметкой.

Автоматизируйте отчёт по шаблонам: если 80% товаров без уникального description — проблема в CMS, а не в «одной плохой карточке». Исправление генератора meta даёт быстрый эффект на масштабе.

06

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

• Дубли title на пагинации и фильтрах без осмысленной дифференциации.
• noindex на проде из тестового шаблона.
• Конфликт: robots index + блокировка в robots.txt для тех же URL.
• Перечисление синонимов вместо понятного заголовка; отображение проверяют в выдаче, а не только по счётчику символов.
• Одинаковый description для всех городских поддоменов без геопривязки.
• OG-картинка не обновляется из кэша CDN после акции.
• Два SEO-плагина на WordPress — двойные meta и непредсказуемый вывод.

Meta-теги — точка согласования маркетинга, SEO и разработки. Зафиксируйте в гайде бренда тон, длину, переменные шаблонов и процесс согласования для акционных страниц. Больше терминов — в глоссарии CTR Agency.