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

Основные метатеги в SEO

Как метатеги помогают в продвижении сайта

Основные метатеги в SEO

Отметим наиболее важные метатеги.

1. Title (заголовок страницы). Ключевой тег, отображающийся в результатах поиска и в заголовке вкладки браузера. Это первый элемент, который видит пользователь в поисковой выдаче. Заголовок должен быть уникальным и содержать основные ключевые слова. Пример HTML-кода: 

<title>Как создать успешный сайт: Полное руководство</title>

2. Description (описание страницы). Краткое описание содержания страницы, которое отображается в сниппете поисковой выдачи. Помогает пользователям понять, о чем страница, и влияет на CTR (кликабельность). Например:

<meta name="description" content="Узнайте, как создать успешный сайт с нуля. Полезные советы, примеры и пошаговые инструкции.">

3. Заголовки H1-H6. Структурные элементы, которые помогают организовать содержимое страницы и сделать его понятным как для пользователей, так и для поисковых систем. Они играют важную роль в SEO и напрямую влияют на ранжирование сайта. Пример:

<h1>Что такое метатеги и как они помогают в SEO?</h1>

4. Keywords (ключевые слова). Ранее использовался для указания ключевых слов. Но поисковые системы больше не учитывают этот тег в ранжировании. Например: 

<meta name="keywords" content="SEO, продвижение сайта, ключевые слова">

5. Robots (для поисковых систем). Контролирует индексацию страницы и поведение поисковых роботов. Позволяет скрывать страницы, которые не должны индексироваться. Пример кода: 

<meta name="robots" content="index, follow"> 

Популярные значения:

  • index, follow — индексация разрешена;
  • noindex, nofollow — запрет индексации и перехода по ссылкам.

6. Content-Type (Charset — кодировка страницы). Указывает формат документа и кодировку, что позволяет корректно настроить отображение сайта в браузере. Рекомендуется указывать этот атрибут, чтобы страницы отображались правильно в любом браузере, особенно если есть ошибки в настройке просмотрщика или сервера. Для кириллицы используется следующая запись:

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

7. Content-Language. Содержит информацию о языке содержимого страницы. Несмотря на то, что современные браузеры автоматически определяют язык, этот метатег может быть полезен при некорректных настройках браузера или сервера. Например:

<meta http-equiv="Content-Language" content="ru">

8. Refresh. Позволяет перенаправить пользователя на другую страницу или обновить текущую. Этот тег часто применяют для автоматической переадресации, например при загрузке страницы с ошибкой «404». Пример:

<meta http-equiv="refresh" content="N; url=URL">

9. Meta Author и Copyright. Позволяют указать автора контента или владельца авторских прав на сайте. Примеры использования:

<meta name="Author" content="Иванов Петр Сидорович"> <!— Автор —>

<meta name="Copyright" content="Юрьева Инна Семеновна"> <!— Авторские права →

10. Canonical (канонический URL). Указывает поисковикам на основной URL, чтобы избежать проблем с дублированным контентом. Помогает консолидировать SEO-значимость дублирующихся страниц. Например: 

<link rel="canonical" href="https://example.com/main-page">

11. Next, Previous. Прописываются в коде с постраничной навигацией. В теге Previous указывают адрес предыдущей страницы, в теге Next — следующей.

12. Viewport (для мобильных устройств). Настраивает адаптивное отображение сайта на мобильных устройствах. Влияет на пользовательский опыт и мобильную оптимизацию. Пример: 

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

13. Open Graph (OG-теги). Управляет тем, как страница выглядит при публикации в социальных сетях. Повышает кликабельность в соцсетях. Например:

<meta property="og:title" content="Лучшее руководство по SEO">

<meta property="og:description" content="Узнайте секреты успешного продвижения сайта.">

<meta property="og:image" content="https://example.com/seo-guide.jpg">

14. NoYDIR. Использовался для запрета на отображение описания сайта, взятого из каталога Yahoo! Directory, в поисковой выдаче. Однако тег считается устаревшим, так как Yahoo! Directory давно прекратил свою работу, и данный атрибут больше не имеет практического применения.

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

16. X-UA-Compatible (совместимость с браузерами). Указывает браузерам, какую версию рендера использовать. Например:

<meta http-equiv="X-UA-Compatible" content="IE=edge">

17. Alt (для изображений). Альтернативный текст используется для описания изображений, загруженных на сайт. В нем следует кратко указать, что изображено на картинке, или выделить ее ключевой элемент, на который вы хотите обратить внимание пользователя. Alt помогает поисковым системам лучше понимать содержание изображения и учитывать его тематику при ранжировании. Это позволяет показывать пользователям релевантные изображения в поисковой выдаче, соответствующие их запросам.

Как метатеги помогают в продвижении сайта

Рассмотрим, как метатеги способствуют продвижению сайта.

1. Улучшение видимости в поисковых системах. Title и Description содержат ключевые слова, связанные с контентом страницы. Поисковые системы анализируют эти метатеги, чтобы понять, о чем страница, и ранжировать ее по релевантным запросам.

2. Повышение кликабельности (CTR). Привлекательные и правильно составленные метатеги могут заинтересовать пользователя и мотивировать кликнуть на ссылку и перейти на сайт. Например:

  • <title>Купить смартфон недорого – Скидки до 50%</title>;
  • <meta name="description" content="Лучшие предложения на смартфоны. Гарантия, доставка и скидки до 50%!">

Пользователь с большей вероятностью выберет такую страницу, чем менее информативный сниппет.

3. Управление индексацией. Robots позволяет указать поисковым системам, какие страницы нужно индексировать, а какие — нет. Это полезно для:

  • исключения дублирующих страниц;
  • скрытия черновиков или технических страниц;
  • оптимизации краулингового бюджета.

4. Предотвращение дублирования контента. Использование Canonical позволяет указать основную версию страницы, если есть несколько дублирующих URL. Это помогает избежать штрафов за дублирование контента.

5. Улучшение мобильной оптимизации. Тег Viewport обеспечивает корректное отображение страницы на мобильных устройствах, что влияет на поведенческие факторы, например время пребывания на сайте. Поисковики учитывают мобильную оптимизацию в ранжировании.

6. Оптимизация для социальных сетей. Метатеги Open Graph (OG) и Twitter Cards управляют тем, как страница выглядит при публикации в социальных сетях. Эффектные заголовки, описания и изображения повышают кликабельность.

7. Повышение релевантности для региональных пользователей. Теги Hreflang помогают настроить правильное отображение страницы для пользователей из разных стран и регионов.

8. Управление безопасностью и производительностью. Метатеги, такие как Content-Security-Policy, могут повышать безопасность сайта, предотвращая внедрение вредоносного кода.

9. Улучшение пользовательского опыта. Правильное отображение контента влияет на поведенческие факторы, такие как:

  • время пребывания на сайте;
  • показатель отказов;
  • количество просмотренных страниц и другие.

10. Соответствие современным стандартам SEO. Метатеги сигнализируют поисковым системам о том, что сайт обновляется и соответствует требованиям, что повышает доверие поисковых систем к ресурсу.

11. Управление кэшированием. Метатеги могут задавать правила кэширования для браузеров.

Вопросы-ответы

Как проверить метатеги сайта?

Кликнуть в любом месте страницы правой кнопкой мыши и выбрать пункт «Просмотр кода страницы» или «Исходный текст страницы». Также можно воспользоваться горячими клавишами Ctrl + U. Все имеющиеся метатеги отображаются в разделе «head». Кроме того, можно использовать Яндекс Вебмастер или Google Search Console.

С помощью каких сервисов можно проанализировать метатеги конкурентов?

Serpstat, Пиксель Тулс, Seo-inf.ru, Promopult.ru. и других. Кроме того, можно воспользоваться Парсером метатегов и заголовков от click.ru.

Какие ошибки допускают при составлении метатегов?

Дублирование метатегов на одной или нескольких страницах, повторяющиеся окончания, неправильная длина, пустые метатеги, переизбыток ключевых слов.

Эта статья и другие полезные ресурсы click.ru — после бесплатной регистрации

Вы получите доступ к функционалу экосистемы:

  • Все рекламные площадки в одном окне
  • Мастер маркировки любой рекламы
  • Профессиональные инструменты для решения рутинных задач (дашборды, защита от скликивания и многое другое)
  • Возврат до 18% на контекстную и таргетированную рекламу
  • Бесплатный доступ в платные маркетинговые сервисы
Эта статья и другие полезные ресурсы click.ru – после бесплатной регистрации