Невидимый, но влиятельный код
Когда вы заходите на сайт, вы видите заголовки, картинки, кнопки. Но браузер и поисковик — видят немного другое. В первую очередь — метатеги. Это куски HTML-кода, которые не отображаются напрямую на странице, но передают информацию о ней поисковым системам и социальным сетям.
Сказать, что метатеги важны — ничего не сказать. Без них сайт теряет управление в выдаче, сниппетах и при продвижении. Это как отправлять письмо без темы: дойдёт, но с меньшим шансом, что его откроют.
Что такое метатеги простыми словами
Метатеги (от англ. meta tags) — это специальные теги в коде страницы, которые описывают содержимое этой страницы для поисковых систем, браузеров, соцсетей и других сервисов.
Они находятся внутри блока <head> HTML-документа и не видны обычному пользователю. Но они видны Google, Яндексу, Facebook и другим «читателям» кода.
Какие бывают метатеги и зачем каждый нужен
🟩 Title — заголовок страницы (да, это тоже метатег)
<title>Купить беговую дорожку в Москве — цены и отзывы</title>
-
Показывается в заголовке вкладки браузера
-
Используется как заголовок сниппета в поиске
-
Один из ключевых факторов SEO
👉 Длина: до 60 символов, включая пробелы
👉 Включайте ключевые слова ближе к началу
🟨 Meta Description — описание страницы
<meta name="description" content="Выбирайте беговые дорожки по доступным ценам. Бесплатная доставка, рассрочка, отзывы покупателей.">
-
Показывается в сниппете под заголовком
-
Влияет на CTR (кликабельность)
-
Не влияет напрямую на ранжирование, но влияет на поведение
👉 Длина: до 140–160 символов
👉 Пишите живо, по-человечески, без «ключей ради ключей»
🟦 Meta Keywords — забытый и неактуальный
<meta name=»keywords» content=»беговая дорожка, купить, цена, доставка»>
Этот тег был важен 10–15 лет назад, но сейчас не используется ни Google, ни Яндексом. Добавлять его не запрещено, но смысла — ноль.
🟪 Open Graph и Twitter Card — для соцсетей
<meta property="og:title" content="Новые беговые дорожки со скидкой 30%"> <meta property="og:description" content="Только до конца недели! Бесплатная доставка."> <meta property="og:image" content="https://site.ru/img/banner.jpg">
-
Используются при расшаривании ссылки в Facebook, Telegram, VK, Twitter
-
Позволяют задать заголовок, картинку, описание
👉 Без Open Graph ваши ссылки в мессенджерах могут выглядеть «серо»
👉 Очень важно для коммерческих страниц и контент-маркетинга
🟥 Robots — для управления индексацией
<meta name="robots" content="index, follow">
-
Указывает поисковым роботам, индексировать ли страницу и следовать ли по ссылкам
-
Полезно при настройке закрытых разделов или временных страниц
Примеры:
-
noindex, nofollow— не индексировать и не переходить по ссылкам -
index, follow— индексировать и переходить (по умолчанию)
Где заполняются метатеги
-
В CMS (WordPress, Tilda, 1С-Битрикс и др.) — через админку или SEO-плагины
-
В HTML — вручную в
<head> -
В конструкторе — в свойствах страницы
-
Через автоматические шаблоны (для e-commerce или крупных сайтов)
Как написать метатеги, которые действительно работают
✅ Используйте одно ключевое слово в Title и Description, не пихайте «всё сразу»
✅ Title ≠ H1. Заголовок страницы может быть другим, но логично связанным
✅ Description должен отвечать на запрос пользователя, а не просто описывать страницу
✅ Не дублируйте метатеги на всех страницах — уникальность обязательна
✅ Проверяйте сниппеты через Google Snippet Preview Tools или расширения браузеров
Ошибки, которые мешают продвижению
⛔ Title слишком длинный или повторяется на десятках страниц
⛔ Description отсутствует — сниппет будет сгенерирован случайным образом
⛔ Неправильные Robots-теги закрывают нужные страницы
⛔ Нет Open Graph — ссылки в соцсетях выглядят плохо
⛔ Meta Keywords всё ещё заполняются вручную… и зря
