Что такое метатеги
Если вы когда-нибудь задавались вопросом, почему одна страница в поисковой выдаче привлекает больше кликов, а другая нет, то ответ часто кроется именно в метатегах. Давайте разберемся, что это такое.
Метатеги — это элементы HTML-кода страницы, которые содержат структурированную информацию (метаданные) о ней. Они не видны на самой странице, но их "читают" поисковые роботы и браузеры.
Простыми словами, это служебные записки для поисковых систем, которые помогают им лучше понять, о чем ваша страница. Находятся они в контейнере <head> HTML-документа. Правильное их заполнение — это основа технической оптимизации сайта.
Зачем метатеги нужны для SEO
Роль метатегов в SEO огромна, хотя и не всегда прямая. Они влияют на два ключевых аспекта:
- Как ваш сайт представлен в поисковой выдаче. От метатегов напрямую зависит вид вашего сниппета — небольшого блока информации о странице, который видит пользователь в результатах поиска (Google, Яндекс и др.). Привлекательный сниппет повышает кликабельность (CTR).
- Как поисковые роботы должны обращаться с вашей страницей. С помощью метатегов вы можете давать поисковикам прямые указания: индексировать страницу или нет, переходить по ссылкам на ней или игнорировать их.
Важно понимать: большинство метатегов не являются прямым фактором ранжирования. Но они создают условия, при которых ваш сайт получает больше качественного трафика, что уже косвенно влияет на позиции.
Основные метатеги для SEO
Существует множество метатегов, но в современной практике SEO-специалиста ключевое значение имеют всего несколько. Я сосредоточусь на тех, которые действительно работают и требуют вашего внимания.
Тег Title
Это не совсем метатег в классическом понимании (это отдельный тег <title>), но он всегда рассматривается вместе с ними. Это самый важный элемент для SEO.
Что это: Заголовок страницы, который отображается во вкладке браузера и как основная синяя ссылка в сниппете поисковой выдачи.
Почему важен:
- Прямой фактор ранжирования. Поисковые системы уделяют ключевым словам в Title огромное внимание.
- Влияет на CTR. Это первое, что видит пользователь. Четкий и релевантный заголовок мотивирует кликнуть.
Как правильно заполнять:
- Длина: 50-60 символов. Если сделать длиннее, поисковик его обрежет.
- Ключевые слова: Самый важный поисковый запрос ставьте в начало.
- Уникальность: Title должен быть уникальным для каждой страницы сайта.
- Читабельность: Он должен быть написан для людей, а не состоять из набора ключевых слов.
Пример: <title>Как правильно заполнять метатеги: руководство для SEO</title>
Метатег Description
Этот метатег предназначен для краткого описания содержимого страницы.
Что это: Атрибут description в теге <meta>. Его содержимое поисковые системы часто используют для формирования описания в сниппете под синей ссылкой (Title).
Почему важен:
- Не является прямым фактором ранжирования. Об этом Google и Яндекс заявляли неоднократно.
- Сильно влияет на CTR. Это ваша "рекламная витрина" в поисковой выдаче. Хорошее описание убеждает пользователя, что именно на вашей странице он найдет ответ.
Как правильно заполнять:
- Длина: Примерно 150-160 символов. Это оптимальный размер, чтобы текст полностью поместился в сниппете.
- Содержание: Опишите суть страницы, укажите ее преимущества. Используйте призывы к действию ("Узнайте", "Читайте", "Сравните").
- Ключевые слова: Включите ключевые запросы. Поисковик подсветит их жирным в сниппете, если они совпадут с запросом пользователя.
- Уникальность: Как и Title, Description должен быть уникальным для каждой страницы.
Пример: <meta name="description" content="Полное руководство по метатегам для SEO. Узнайте, как правильно заполнять Title, Description, Robots и Open Graph для улучшения позиций и CTR."/>
Метатег Robots
Это прямая инструкция для поисковых роботов, как обращаться с вашей страницей.
Метатег Robots — это атрибут
robotsв теге<meta>, который указывает поисковым системам, можно ли индексировать страницу и переходить по ссылкам на ней.
Он использует несколько основных значений (директив), которые можно комбинировать.
| Директива | Что означает | Когда использовать |
|---|---|---|
| index | Разрешает индексировать страницу (добавлять в базу поисковика). | Используется по умолчанию. Можно не указывать. |
| noindex | Запрещает индексировать страницу. | Для служебных страниц, результатов поиска по сайту, страниц с личными данными. |
| follow | Разрешает роботу переходить по ссылкам на этой странице и индексировать их. | Используется по умолчанию. Можно не указывать. |
| nofollow | Запрещает роботу переходить по ссылкам на этой странице. | Для страниц, где вы не доверяете исходящим ссылкам (например, комментарии пользователей). |
| none | Эквивалентно "noindex, nofollow". | Полный запрет на любые действия робота со страницей. |
| all | Эквивалентно "index, follow". | Полное разрешение. Используется по умолчанию. |
Пример запрета индексации страницы:
<meta name="robots" content="noindex, follow"/>
Этот код говорит роботу: "Не добавляй эту страницу в поиск, но можешь перейти по ссылкам, которые на ней есть".
Метатег Viewport
Этот тег критически важен для корректного отображения сайта на мобильных устройствах.
Что это: Инструкция для браузера, как масштабировать страницу под размер экрана устройства. Без него ваш сайт на смартфоне будет выглядеть как уменьшенная десктопная версия, которую невозможно читать без увеличения.
Почему важен:
- Мобилопригодность. Google использует принцип "Mobile-first indexing", то есть оценивает в первую очередь мобильную версию сайта. Отсутствие viewport — это сигнал о плохой адаптации.
- Пользовательский опыт. Сайт, который удобно просматривать с телефона, получает лучшие поведенческие факторы.
В 99% случаев вам нужна стандартная запись, которая говорит браузеру сделать ширину страницы равной ширине экрана устройства.
Стандартный код:
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
Метатеги для социальных сетей (Open Graph и Twitter Cards)
Эти метатеги не влияют на поисковую оптимизацию напрямую, но они незаменимы для маркетинга и привлечения трафика из социальных сетей.
Протокол Open Graph
Open Graph — это протокол, созданный Facebook, который позволяет превратить любую веб-страницу в полноценный объект в социальной сети. Когда вы делитесь ссылкой, соцсеть считывает OG-теги и формирует красивый сниппет с картинкой, заголовком и описанием.
Основные теги Open Graph:
og:title: Заголовок для соцсети (аналог Title).og:description: Описание для соцсети (аналог Description).og:image: Ссылка на изображение для сниппета. Самый важный тег.og:url: Каноническая ссылка на страницу.og:type: Тип контента (например, 'website', 'article').
Пример:
<meta property="og:title" content="Что такое метатеги и как их использовать"/>
<meta property="og:description" content="Полное руководство по Title, Description и другим тегам для SEO."/>
<meta property="og:image" content="https://example.com/images/meta-tags-guide.jpg"/>
<meta property="og:url" content="https://example.com/blog/meta-tags"/>
<meta property="og:type" content="article"/>
Twitter Cards
Twitter Cards — это аналог Open Graph, но специально для Твиттера. Если они не заполнены, Твиттер попытается использовать OG-теги. Но для лучшего контроля стоит прописывать и их.
Основные теги Twitter:
twitter:card: Тип карточки (например, 'summary_large_image').twitter:title: Заголовок.twitter:description: Описание.twitter:image: Изображение.
Устаревшие и бесполезные метатеги
В SEO, как и в любой IT-сфере, многие вещи устаревают. В моей практике я часто вижу, как новички тратят время на метатеги, которые давно не работают. Давайте закроем этот вопрос раз и навсегда.
Метатег Keywords
Когда-то это был важный тег, куда вебмастера вписывали ключевые слова, по которым хотели ранжироваться. Но из-за массовых злоупотреблений (спама) поисковые системы перестали его учитывать.
Вердикт: абсолютно бесполезен. Google игнорирует его с 2009 года. Яндекс также официально заявил, что этот тег не используется при ранжировании. Не тратьте на него время.
Пример того, что делать не нужно:
<meta name="keywords" content="метатеги, seo, оптимизация, title, description"/>
Прочие устаревшие теги
Author/Copyright: Изначально предназначались для указания авторства. Поисковиками не используются.Revisit-after: Попытка указать роботу, через сколько дней вернуться на страницу. Роботы давно сами определяют график обхода на основе частоты обновлений контента.Abstract,Subject: Попытки описать тематику страницы. Игнорируются, так как поисковики определяют тематику по контенту.
Как проверить метатеги на сайте
Есть несколько простых способов посмотреть, какие метатеги прописаны на странице:
- Исходный код страницы. Нажмите правой кнопкой мыши на странице и выберите "Просмотр кода страницы" (или Ctrl+U). Внутри тега
<head>вы найдете все метатеги. - Инструменты разработчика в браузере. Нажмите F12, перейдите на вкладку "Elements". Там также будет виден весь HTML-код.
- SEO-расширения для браузера. Плагины вроде SEO Meta in 1 Click или Ahrefs SEO Toolbar показывают все ключевые теги в удобном виде.
- Онлайн-сервисы и краулеры. Программы вроде Screaming Frog SEO Spider могут просканировать весь ваш сайт и выдать отчет по всем метатегам на всех страницах. Это лучший способ для массовой проверки.
Заключение
Метатеги — это не волшебная таблетка для попадания в топ, а обязательная часть технической гигиены сайта. Правильно заполненные Title и Description напрямую влияют на ваш трафик через повышение CTR.
Грамотное использование тега Robots защищает вас от попадания в индекс ненужных страниц. А теги для соцсетей делают ваши ссылки привлекательными. Не игнорируйте их, но и не тратьте время на то, что уже не работает.
