Коротко: мета теги — это атрибуты в <head> страницы, которые рассказывают поисковикам и соцсетям, о чём ваш контент. Главные из них — title и description. Для соцсетей используются Open Graph и Twitter Cards. Проверить теги можно через исходный код или специальные сервисы.
Мета теги — это служебные элементы HTML-кода, которые не видны пользователям, но критически важны для SEO и шеринга в соцсетях. От их правильного заполнения зависит, как ваш сайт выглядит в поисковой выдаче и насколько привлекателен для кликов. В этой статье разберём основные виды метатегов, их назначение и способы проверки.
Что такое мета теги
Метатеги — это специальные теги в HTML-документе, расположенные в разделе <head>. Они не отображаются на странице, но передают информацию браузеру и поисковым роботам. Простыми словами, метатеги это «паспорт» страницы: они сообщают, как её называть, описывать и показывать в выдаче.
Мета теги это не только title и description, но и целый набор атрибутов: robots, canonical, Open Graph и другие. Каждый из них выполняет свою функцию. Например, meta name="robots" управляет индексацией, а link rel="canonical" указывает основную версию страницы.
Один метатег — это конкретный элемент, например <meta name="description" content="...">. Часто новички путают понятия: «метатег» и «мета тег» — это одно и то же, просто разные варианты написания.
Зачем они нужны? Поисковые системы используют метаданные для формирования сниппета — блока с заголовком и описанием в выдаче. Чем лучше заполнены теги, тем выше вероятность, что пользователь кликнет на вашу ссылку. Кроме того, метатеги влияют на ранжирование, хотя и не напрямую.
Title и Description для SEO
Title (тег <title>) — это заголовок страницы, который отображается в поисковой выдаче как кликабельная ссылка. Он также появляется в вкладке браузера. Правильный title должен быть уникальным, содержать ключевые слова и укладываться в 50–60 символов, чтобы не обрезаться.
Description (тег <meta name="description">) — это краткое описание, которое идёт под заголовком в выдаче. Хороший description увеличивает CTR (кликабельность), поэтому важно писать его привлекательно и информативно. Рекомендуемая длина — 150–160 символов.
Что касается мета тег keywords — он когда-то использовался для указания ключевых слов, но сейчас поисковики практически его игнорируют. Яндекс и Google заявляют, что не учитывают этот тег при ранжировании, поэтому можно его не заполнять или вовсе удалить.
Для улучшения сниппета также используется разметка Schema.org — она позволяет добавить рейтинги, цены, изображения. Но базовая оптимизация начинается именно с title и description. Если вы хотите глубже разобраться в факторах ранжирования, читайте нашу статью о ранжировании сайта.
Метатеги для социальных сетей
Когда ссылку на страницу публикуют в соцсетях или мессенджерах, они автоматически подтягивают заголовок, описание и картинку. Если не задать специальные теги, соцсеть может взять случайную информацию, что испортит внешний вид поста. Для этого существуют протоколы Open Graph (Facebook, ВКонтакте, Telegram) и Twitter Cards (Twitter).
Основные теги Open Graph:
og:title— заголовок для соцсети;og:description— описание;og:image— изображение (минимум 1200×630 пикселей);og:url— канонический адрес страницы.
Метатег это не только про SEO — без правильных OG-тегов ваша ссылка будет выглядеть некрасиво в чатах и лентах. Например, вместо логотипа может появиться случайная иконка, а заголовок обрежется. Чтобы этого избежать, добавьте перечисленные атрибуты в <head> каждой страницы.
Для Twitter используется аналогичный набор, но с префиксом twitter:. Также можно указать тип карточки: summary или summary_large_image.
Проверка и корректировка тегов
Как убедиться, что метатеги заполнены правильно? Самый простой способ — открыть страницу в браузере, нажать Ctrl+U и просмотреть исходный код. Найдите раздел <head> и проверьте наличие title, description, canonical и OG-тегов.
Для массовой проверки используйте инструменты:
- Screaming Frog — сканирует сайт и показывает все метатеги, дубли, слишком длинные title и description.
- Serpstat — поможет проанализировать метатеги конкурентов и подобрать ключевые слова. Подробнее о Serpstat мы писали в отдельной статье.
- Google Search Console — показывает проблемы с индексацией и сниппетами.
После корректировки тегов не забудьте обновить карту сайта — это ускорит переобход страниц поисковыми роботами. Также проверьте, что на каждой странице только один h1 и он содержит ключевые слова.
Регулярный аудит метатегов — часть SEO-стратегии. Мы рекомендуем проводить его не реже одного раза в месяц, особенно после изменения контента или структуры сайта.
Читайте также
- Ранжирование сайта: что это простыми словами
- Карта сайта: назначение и способы реализации
- Serpstat: что это и как использовать в работе