Метатеги для SEO: что это такое и как правильно их заполнить
Метатеги — это небольшие фрагменты программного кода, которые предоставляют поисковым сервисам и социальным сетям дополнительные сведения о содержании конкретной веб-страницы. Обычный пользователь не увидит их в тексте статьи, однако они отображаются в поисковой выдаче и исходном коде сайта.
В этом материале мы подробно разберем, какие существуют метатеги, на что они влияют и как их корректно прописывать, чтобы улучшить позиции сайта в поиске.
Зачем нужны метатеги
Метатеги выполняют три ключевые задачи в процессе поисковой оптимизации:
- Формируют сниппет в выдаче. Информация из тегов Title и Description чаще всего попадает в блок описания сайта в результатах поиска. Качественный сниппет повышает CTR — вероятность того, что человек кликнет именно по вашей ссылке.
- Помогают поисковым роботам. Теги подсказывают Google и другим поисковикам, о чем страница, стоит ли её добавлять в индекс и нужно ли учитывать ссылки на ней.
- Улучшают вид ссылок в соцсетях. С помощью специальных тегов можно настроить привлекательный предпросмотр (превью) страницы при ее репосте в Facebook, X или Telegram.
Без правильно настроенных метатегов даже самый качественный контент может потеряться в поиске, так как алгоритмам будет сложнее понять его релевантность запросам пользователей.
Виды метатегов
Все метатеги можно условно разделить на те, что влияют на SEO, и те, что отвечают за технические параметры отображения страницы.
Метатег Title
Хотя технически Title является обязательным тегом заголовка, а не метатегом в строгом смысле слова, в SEO его всегда рассматривают в этой группе. Это самый важный элемент для ранжирования страницы.
Основные правила заполнения Title:
- Длина: Старайтесь придерживаться диапазона 50-70 символов с пробелами. Если заголовок будет длиннее, поисковик его просто обрежет.
- Ключевые слова: Самое важное слово должно стоять как можно ближе к началу.
- Уникальность: Каждая страница сайта должна иметь свой неповторимый Title.
- Смысловая нагрузка: Заголовок должен быть понятным для человека, а не просто набором слов.
Пример кода: <title>Купить кроссовки Nike в Киеве - интернет-магазин ShoesShop</title>
Метатег Description
Это краткое описание страницы, которое уточняет информацию из заголовка. Оно не является прямым фактором ранжирования, но сильно влияет на поведение пользователей.
Как сделать хороший Description:
- Объем: Оптимально от 120 до 160 символов.
- Призыв к действию (CTA): Используйте слова «Узнайте», «Закажите», «Сравните», чтобы подтолкнуть пользователя к клику.
- Выгоды: Укажите здесь ваши преимущества — скидки, бесплатную доставку или экспертность.
- Отсутствие дублей: Не копируйте Description с других страниц вашего ресурса.
Пример кода: <meta name="description" content="Большой выбор оригинальных кроссовок Nike. Доставка по всей Украине за 1 день. Гарантия качества и выгодные цены. Заказывайте прямо сейчас!">
Метатег Keywords
В прошлом этот тег использовался для перечисления ключевых слов, по которым страница должна была находиться в поиске. Однако из-за массовых злоупотреблений и спама Google перестал учитывать Keywords еще в 2009 году.
Сегодня заполнять его необязательно. Если вы все же решили это делать, не пишите больше 5-10 слов через запятую. Но лучше потратить это время на оптимизацию Title и Description.
Метатег Viewport
Этот тег критически важен для корректного отображения сайта на мобильных устройствах. Он сообщает браузеру, как именно нужно масштабировать контент под размер экрана гаджета.
Без этого тега мобильные пользователи увидят десктопную версию сайта, уменьшенную до микроскопических размеров, что негативно скажется на поведенческих факторах и позициях в мобильной выдаче.
Стандартный вид: <meta name="viewport" content="width=device-width, initial-scale=1">
Метатег Content-Type (Charset)
Данный тег указывает на кодировку символов. Если его пропустить или настроить неверно, вместо текста пользователи могут увидеть непонятные знаки («кракозябры»). Современным стандартом является кодировка UTF-8.
Пример: <meta charset="UTF-8">
Служебные метатеги
Эти теги предназначены не для пользователей, а исключительно для управления поведением поисковых роботов.
Robots
Этот тег дает инструкции краулерам о том, как индексировать страницу. Он содержит два основных параметра:
- index / noindex — разрешает или запрещает добавлять страницу в поиск.
- follow / nofollow — разрешает или запрещает роботу переходить по ссылкам на этой странице.
Например, если вы хотите скрыть страницу от поиска, но разрешить переход по ссылкам, используйте: <meta name="robots" content="noindex, follow">.
Canonical
Тег rel=»canonical» помогает решить проблему дублирующегося контента. Если у вас есть несколько страниц с похожим содержанием (например, карточки товара в разных категориях), вы указываете поисковику, какую из них считать основной (канонической).
Это предотвращает «склеивание» страниц поисковиком и передает весь ссылочный вес на главный URL.
Метатеги для социальных сетей (Open Graph)
Если вы хотите, чтобы при вставке ссылки в пост или сообщение подтягивалась красивая картинка, заголовок и краткое описание, вам необходимо внедрить протокол Open Graph. Его разработал Facebook, но сейчас его поддерживают почти все современные платформы.
Основные теги Open Graph:
- og:title — заголовок превью.
- og:description — описание под заголовком.
- og:image — ссылка на картинку, которая станет обложкой ссылки.
- og:url — канонический адрес страницы.
Без этих настроек соцсети сами выберут случайное изображение или кусок текста со страницы, что часто выглядит неопрятно.
Как проверить метатеги на сайте
Убедиться в том, что метатеги прописаны верно, можно несколькими способами:
- Просмотр кода страницы. Нажмите правой кнопкой мыши на странице и выберите «Просмотреть код» (или Ctrl+U). Все метатеги находятся внутри блока
<head>. - SEO-расширения для браузеров. Плагины вроде SEO Meta in 1 Click или Detailed SEO Extension позволяют мгновенно увидеть все теги страницы.
- Специализированные сервисы. Инструменты типа Screaming Frog или онлайн-аудиторы сайтов просканируют весь ресурс и покажут, где теги отсутствуют, дублируются или слишком длинные.
Подведем итоги
Работа с метатегами — это базовый этап внутренней оптимизации любого сайта. Правильное заполнение Title и Description делает ваш сайт заметнее в поиске и привлекательнее для людей. Технические теги (Robots, Viewport) гарантируют, что ресурс будет корректно индексироваться и удобно отображаться на любых устройствах. Не забывайте уделять внимание деталям: уникальность и человечность тегов — залог успеха в SEO.
