Что такое «мета-теги»

Мета-теги — это элементы внутри <head> HTML-страницы, которые передают машинам (поисковикам, соцсетям, браузерам) служебную информацию о странице: как её индексировать, как показывать сниппет и предпросмотр, как адаптировать под мобильные устройства и т. п.

Время прочтения:

4 минуты

Дата публикации:

12.03.25

89

Главная

Что такое «мета-теги»

глоссарий

a

b

c

d

e

f

g

h

i

j

l

m

o

p

r

s

t

u

v

w

y

А

Y

А

Б

В

Г

Д

Е

з

и

к

л

м

н

о

п

р

с

т

у

ф

х

ц

ч

ш

А

Я

метрика месяца

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

ROMI

Формат обычно такой:

<meta name="description" content="Короткое описание страницы">

Важно: не всё «в шапке» — мета-теги. Например, rel="canonical" и hreflang — это <link>, а структурированные данные — это <script type="application/ld+json">. Но все они живут в <head> и работают вместе.

Основные группы мета-тегов

SEO и управление индексацией

<title> (не meta, но ключевой для SEO) — заголовок в SERP и вкладке;
<meta name="description"> — аннотация для сниппета. На ранжирование почти не влияет, но сильно влияет на CTR;
<meta name="robots"> — правила для всех ботов:

index|noindex, follow|nofollow, noarchive, nositelinkssearchbox, nosnippet,
max-snippet, max-image-preview, max-video-preview.

Пример:

<meta name="robots" content="index,follow,max-image-preview:large">

<meta name="robots"> — правила для всех ботов:

index|noindex, follow|nofollow, noarchive, nositelinkssearchbox, nosnippet,
max-snippet, max-image-preview, max-video-preview.

Пример:

<meta name="robots" content="index,follow,max-image-preview:large">

Бот-специфично (Google, Bing):

<meta name="googlebot" content="noindex,nofollow">
<meta name="bingbot" content="max-snippet:-1">

Альтернатива для не-HTML (PDF, изображения): заголовок ответа X-Robots-Tag со схожими директивами.

Для борьбы с дублями лучше использовать <link rel="canonical"> (это не meta, но важно знать), а noindex — когда страницу действительно не нужно индексировать.

Соцсети и мессенджеры

Open Graph (Facebook/WhatsApp/Telegram и др.)

<meta property="og:type" content="article">
<meta property="og:title" content="Заголовок для соцсетей">
<meta property="og:description" content="Краткое описание">
<meta property="og:image" content="https://example.com/cover.jpg">
<meta property="og:url" content="https://example.com/post">

Twitter Cards

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Заголовок">
<meta name="twitter:description" content="Описание">
<meta name="twitter:image" content="https://example.com/cover.jpg">

Мобильность, UX и браузерное поведение

viewport — адаптивная вёрстка:

<meta name="viewport" content="width=device-width, initial-scale=1">

format-detection (iOS) — отключить автоссылки для телефонов:

<meta name="format-detection" content="telephone=no">

theme-color — цвет адресной строки на мобайле/ПВА:

<meta name="theme-color" content="#0ea5e9">

Технические и служебные

Кодировка:

<meta charset="UTF-8">

Верификация прав (панели веб-мастеров, аналитика):

<meta name="google-site-verification" content="...">
<meta name="yandex-verification" content="...">

referrer — политика передачи реферера:

<meta name="referrer" content="no-referrer-when-downgrade">

http-equiv (редко нужно): content-security-policy, refresh (переносы через refresh лучше не использовать — делайте 301/308 на сервере).

CSP предпочтительнее задавать HTTP-заголовком, мета-вариант — компромисс.

Как мета-теги влияют на SEO и сниппеты

Title — один из сильнейших релевантностных сигналов; влияет на клики;
Description — не ранжирует напрямую, но формирует текст сниппета ⇒ влияет на CTR (особенно в коммерции/медиа);
Robots / Googlebot — прямо определяют индексируемость и видимость фрагментов;
Open Graph/Twitter — не для ранжирования, но критичны для соц-CTR и бренд-восприятия;
Viewport и дружественная мобайлу вёрстка косвенно помогают за счёт лучшего UX и Core Web Vitals.

Частые ошибки

Дублирующиеся title/description на десятках страниц;
Пустой или переоптимизированный title («ключ, ключ, ключ…»);
Конфликт директив: noindex в meta, но в <link rel="canonical"> — на индексируемый URL; роботу неочевидно, что делать;
Закрыли noindex то, что нужно для трафика (категории/товары);
Отсутствуют OG/Twitter — превью при шаринге некрасивое, CTR ниже;
meta refresh вместо серверного редиректа — плохо для SEO и UX;
Верификационные мета удалили при редизайне — потеря подтверждений в веб-мастерах.

Пример «здоровой» шапки страницы

<head>
  <meta charset="UTF-8">
  <title>Клинкерная плитка для фасада — каталог и цены</title>
  <meta name="description" content="Каталог клинкерной плитки: фактуры, цвета, цены, доставка по Москве и РФ. Фильтры, фото, образцы.">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="robots" content="index,follow,max-image-preview:large">

Open Graph

  <meta property="og:type" content="website">
  <meta property="og:title" content="Клинкерная плитка — каталог и цены">
  <meta property="og:description" content="Выберите плитку по фактуре и цвету. Образцы и доставка.">
  <meta property="og:image" content="https://example.ru/img/og/tiles.jpg">
  <meta property="og:url" content="https://example.ru/katalog/klinker/">

Twitter

  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Клинкерная плитка — каталог и цены">
  <meta name="twitter:description" content="Большой выбор, образцы, доставка.">
  <meta name="twitter:image" content="https://example.ru/img/og/tiles.jpg">

Технические

  <meta name="theme-color" content="#0ea5e9">
  <meta name="yandex-verification" content="...">
  <link rel="canonical" href="https://example.ru/katalog/klinker/">
</head>

Мини-чек-лист перед релизом

У каждой важной страницы уникальные title и description;
robots не блокирует нужные разделы; приватные — закрыты;
Настроены OG/Twitter (заголовок, описание, картинка);
Есть viewport, кодировка UTF-8, корректные верификационные мета;
Каноникал не конфликтует с индексацией;
Проверены предпросмотры: Google SERP (инструменты превью), Facebook Debugger/Twitter Validator.

вывод

Мета-теги — это «язык» страницы для роботов и платформ. Они не заменяют качественный контент и скорость, но помогают правильно индексировать, отображать и превьюшить ваш сайт в поиске и соцсетях. Делайте уникальные title/description, аккуратно управляйте robots, не забывайте про Open Graph/Twitter и viewport, и регулярно проверяйте всё после релизов — это быстрая работа с большым эффектом на CTR и видимость.