Мета-теги
Мета-теги — служебные элементы в секции head HTML-страницы, которые описывают её содержимое для поисковых систем и соцсетей. Главные — title, description, robots, viewport и Open Graph.
Определение мета-тегов
Мета-теги — это фрагменты HTML внутри секции head, которые не видны пользователю на странице, но читаются поисковыми роботами, браузерами и парсерами соцсетей. Они задают заголовок вкладки, описание для сниппета, правила индексации и превью при репосте ссылки. Стандарт meta появился ещё в HTML 2.0 (1995 год), но за 30 лет роль отдельных тегов сильно изменилась: например, meta keywords Google не учитывает с 2009 года, а Яндекс почти не использует. При этом title и description остаются базой технического SEO и напрямую влияют на кликабельность в выдаче.
Важно не путать мета-теги с заголовками h1-h6: h1 виден на самой странице и структурирует контент, а title живёт только во вкладке браузера и в сниппете поиска. Это два разных текста, и совпадать они не обязаны.
Какие мета-теги нужны и как работают
Робот заходит на страницу, читает head раньше тела документа и по тегам решает, как показать страницу в выдаче и стоит ли её индексировать вообще. Грамотная разметка head — обязательная часть технического аудита и базовой SEO-оптимизации.
| Тег | Назначение | Рекомендация |
|---|---|---|
| title | Заголовок вкладки и сниппета в поиске | 50-60 символов, главный ключ ближе к началу |
| description | Текст под заголовком в выдаче | 140-160 символов, призыв и выгода |
| robots | Разрешение на индексацию и переход по ссылкам | index, follow по умолчанию; noindex для служебных |
| viewport | Масштабирование под экран мобильного | width=device-width, initial-scale=1 |
| canonical | Указание основного URL при дублях | абсолютный адрес каноничной версии |
Поисковик не обязан показывать ваш description дословно. Google с 2018 года в 60-70% случаев генерирует сниппет сам, подставляя релевантный запросу фрагмент текста страницы. Поэтому description задаёт желаемое описание, но не гарантирует его.
Open Graph и Twitter Card
Отдельная группа мета-тегов отвечает за то, как ссылка выглядит при репосте в соцсети и мессенджеры. Без них Telegram, ВКонтакте и WhatsApp подтянут случайную картинку и обрезанный текст.
| Тег | Что задаёт |
|---|---|
| og:title | Заголовок карточки при репосте |
| og:description | Описание под заголовком в карточке |
| og:image | Превью-картинка, оптимум 1200x630 px |
| og:url | Каноничный адрес страницы |
| twitter:card | Тип карточки: summary или summary_large_image |
Картинка og:image весом до 1 МБ в пропорции 1.91:1 — обязательный минимум: ссылка с превью получает на 30-40% больше кликов в ленте, чем голый текст. Это прямо влияет на трафик из репостов и анонсов в каналах.
Инструменты и пример
Корректность тегов проверяют связкой инструментов: Яндекс Вебмастер и Google Search Console показывают, как робот видит сниппет, а валидаторы соцсетей — как выглядит карточка. На динамических сайтах теги генерирует фреймворк или CMS на этапе разработки сайта.
Мини-кейс: у интернет-магазина из 1 200 карточек товара description был одинаковый шаблон на всю категорию, а у 400 страниц title дублировался. Поисковик склеивал такие страницы как дубли и показывал в выдаче случайную. После генерации уникальных title по формуле "Товар + бренд + город" и осмысленных description CTR в органике вырос с 2,1% до 3,4% за полтора месяца, а число страниц в индексе Яндекса увеличилось на 18%.
Связанные концепции
- SEO — мета-теги входят в базовый чек-лист внутренней оптимизации наряду с заголовками и структурой URL.
- CTR — кликабельность сниппета в выдаче напрямую зависит от качества title и description.
- Семантическое ядро — определяет, какие ключи закладывать в title каждой страницы.
- robots.txt — управляет обходом на уровне сайта, тогда как meta robots — на уровне отдельной страницы.
- Сниппет — итоговый блок страницы в выдаче, который формируется из title, description и иногда микроразметки.
Частые ошибки
- Дубли title и description на массовых страницах — поисковик склеивает их как одинаковые и теряет часть в индексе.
- Title длиннее 60 символов — хвост обрезается многоточием, ключевая мысль не видна в выдаче.
- Пустой description — поисковик подставит случайный фрагмент текста, часто неудачный.
- noindex по ошибке на боевых страницах после переноса со стейджа — страницы выпадают из поиска целиком.
- Нет Open Graph — репосты в соцсети выглядят непривлекательно, кликов в разы меньше.
Частые вопросы
Влияет ли meta keywords на SEO в 2026 году?
Нет. Google официально игнорирует meta keywords с 2009 года, Яндекс почти не учитывает этот тег. Его массово набивали спамом, и поисковики перестали ему доверять. Заполнять keywords не вредно, но и пользы для ранжирования нет. Силы лучше направить на качественные title, description и сам контент страницы.
Чем title отличается от заголовка h1?
Title живёт в секции head, виден во вкладке браузера и в сниппете поиска, на самой странице его нет. H1 — это видимый главный заголовок в теле страницы. Они могут отличаться: title часто делают под поисковый запрос с городом и брендом, а h1 пишут под человека. Главное правило — h1 на странице должен быть ровно один.
Можно ли задать разные мета-теги для каждой страницы автоматически?
Да, и это норма для сайтов от нескольких десятков страниц. На современных движках и в CMS теги генерируются по шаблону с подстановкой данных страницы: название товара, категория, город. Для карточек товаров обычно настраивают формулу title и description, чтобы каждая страница получала уникальный текст без ручного заполнения.
Какой размер картинки нужен для og:image?
Рекомендуемый размер — 1200x630 px в пропорции 1.91:1, вес до 1 МБ, форматы JPG или PNG. Такая картинка корректно отображается в Telegram, ВКонтакте, Facebook и WhatsApp. Если размер сильно меньше, соцсеть покажет маленькую квадратную иконку вместо большой карточки, и кликов будет меньше.
Гарантирует ли description именно такой текст в выдаче?
Нет. Google в 60-70% случаев генерирует сниппет сам, подставляя фрагмент текста, наиболее релевантный запросу. Description задаёт желаемое описание, но поисковик может его переписать. Поэтому важно, чтобы и сам контент страницы содержал ключевые формулировки, а не только мета-тег.
Как проверить мета-теги сайта?
Открыть исходный код страницы (Ctrl+U) и найти секцию head. Для массовой проверки используют Screaming Frog или Netpeak Spider — они выгружают title и description всех страниц и подсвечивают дубли и превышения длины. Как видит сниппет робот, показывают Яндекс Вебмастер и Google Search Console.