Раздел помощи SpaceWeb

Метатеги сайта: что это и как их заполнить

12 ноя, 2024

В современном цифровом мире оптимизация сайта для поисковых систем – это один из ключевых факторов, которые определяют успех веб-ресурса. Метатеги играют важную роль в этом процессе, так как именно они помогают поисковым системам понять, о чём сайт, и определить его релевантность запросам пользователей. Однако для эффективного использования метатегов недостаточно просто заполнить их случайным образом – требуется глубокое понимание их функций и назначения. 

В этой статье мы подробно рассмотрим, что такое метатеги, как их правильно заполнять, и как они могут повлиять на видимость вашего сайта в поисковых системах:

Что такое метатеги 

Метатеги – это специальные теги HTML, которые находятся в разделе <head> каждой страницы и содержат различную информацию о содержимом страницы. Они не видны посетителям сайта, но они чрезвычайно важны для поисковых систем, например, Google, Yandex и других. Метатеги включают в себя описания, ключевые слова, указания языка страницы и другую информацию, которая помогает поисковым алгоритмам классифицировать и индексировать веб-страницу.

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

Рассмотрим основные из них.

Какие есть метатеги

Метатег Title

Метатег title – это заголовок страницы, который отображается в результатах поиска. Этот тег помогает пользователям и поисковым системам понять, о чем страница, до того, как они перейдут на нее. Он также отображается на вкладке браузера, когда пользователь открывает сайт.

Пример:

<title>Руководство по созданию идеального рабочего места дома: советы и лайфхаки</title>


Метатег Description

Метатег description – это краткое описание содержания страницы, которое также отображается в результатах поиска под заголовком. Хотя мета-описание не является прямым фактором ранжирования в Google, оно влияет на кликабельность страницы, так как помогает пользователю понять, стоит ли переходить по ссылке.

Пример:

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


Метатег keywords 

Метатег keywords – это список ключевых слов, которые описывают содержание страницы. 

Пример:

<meta name="keywords" content="рабочее место дома, организация пространства, продуктивность, комфортная мебель, освещение для работы">

Раньше этот тег активно использовался для SEO, так как поисковые системы ориентировались на ключевые слова в метатегах для определения релевантности страницы. 

В 2024 году большинство популярных поисковых систем, включая Google, игнорируют его из-за злоупотреблений – вебмастеры добавляли слишком много ключевых слов для улучшения позиций.

Стоит отметить, что «Яндекс» может учитывать содержание метатега keywords, хотя его влияние не всегда значительно и зависит от конкретного случая. 

Метатеги H1–H6 (Заголовки на странице)

Заголовки H1–H6 – это теги, которые структурируют содержание страницы, помогая как поисковым системам, так и пользователям быстро понять иерархию информации. Они играют важную роль в SEO, особенно H1, так как подчеркивают основную тему страницы. Каждый заголовок обозначается своим тегом <h1> до <h6>, и каждый уровень заголовка имеет свое значение и иерархию.


Метатег H1 – это главный заголовок страницы, который обычно отображается крупнее других и определяет основную тему или заголовок всего содержимого. Он должен быть уникальным для каждой страницы, и его содержание должно точно отражать ее главную идею.

Пример:

<h1>Как создать идеальное рабочее место дома</h1>


Метатеги H2–H3 служат для создания подзаголовков, которые помогают структурировать контент страницы. H2 обычно используется для разделения основного текста на крупные разделы, а H3 – для дальнейшего подразделения каждого раздела. Эти теги также полезны для SEO, так как помогают поисковым системам лучше понимать структуру и содержание страницы.

Пример:

<h2>Выбор удобной мебели для домашнего офиса</h2>

<h3>Кресло для офиса: что учесть при выборе</h3>

Метатеги H4–H6 применяются для дальнейшего подразделения текста на более мелкие блоки информации. Они могут быть полезны, если текст содержит много уровней информации, таких как список характеристик или деталей, которые требуют дополнительной структуры.

Пример:

<h4>Материалы обивки кресла</h4>

<h5>Плюсы и минусы тканевой обивки</h5>

<h6>Уход за тканевой обивкой</h6>



Метатег Robots

Метатег robots управляет тем, как поисковые системы индексируют страницу и следуют по ссылкам на ней. Он находится в секции <head> HTML-документа и позволяет задать, должна ли страница отображаться в результатах поиска и переходить ли по ссылкам, размещённым на странице. 

Этот метатег особенно полезен для контроля видимости страниц и управления поведением поисковых ботов.

Основные параметры:

  • index разрешает поисковым системам индексировать страницу и включать ее в результаты поиска.
  • noindex запрещает индексировать страницу, предотвращая ее появление в результатах поиска. Это полезно для страниц с конфиденциальной или вспомогательной информацией, которую не нужно показывать в поиске (например, страницы входа, корзины покупок, внутренние страницы для зарегистрированных пользователей).
  • follow разрешает поисковым системам переходить по ссылкам на странице. Это значит, что ссылки на другие страницы будут учтены при индексации, даже если текущая страница не так важна для поисковой выдачи.
  • nofollow запрещает поисковым системам следовать по ссылкам на странице. Подходит, если на странице есть ссылки, которые не нужно учитывать при индексации (например, рекламные ссылки или ссылки на сторонние ресурсы).

Пример:

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

Когда использовать метатег Robots:

  • Если хотите ограничить видимость определенных страниц (например, страниц профилей, административных страниц, страницы с незначительным контентом и т.п.).
  • Если на странице много внешних или рекламных ссылок, можно указать nofollow, чтобы предотвратить передачу весомости этим страницам.
  • Страницы с техническими деталями, инструкциями по использованию или временные страницы часто получают атрибуты noindex, nofollow.


Метатег Canonical

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

Пример:

<link rel="canonical" href="https://www.example.ru/page.html">

Когда использовать метатег Canonical:

  • Если у вас есть дублирующийся или почти идентичный контент на разных URL.
  • На страницах с параметрами фильтрации и сортировки, которые создают различные URL для одного и того же контента.
  • Когда параметры в URL не добавляют уникального содержания, но создают разные версии одной страницы.

Метатеги Next и Previous

Метатеги next и prev указывают поисковым системам на связь между страницами, которые являются частью серии или разбиты на несколько частей (например, страницы пагинации). Они помогают поисковым системам понять, что страницы связаны и представляют собой части единого контента, что может улучшить их индексирование и видимость в поиске:

  • rel="next" указывает на следующую страницу в серии.
  • rel="prev" указывает на предыдущую страницу в серии.

Пример:

<link rel="prev" href="https://www.example.ru/page-1.html">

<link rel="next" href="https://www.example.ru/page-3.html">

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


Другие полезные метатеги

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

Метатег Viewport

Метатег Viewport задает параметры для отображения страницы на мобильных устройствах. Он помогает адаптировать страницу к экрану пользователя и является важным элементом для создания адаптивного дизайна, который корректно выглядит на экранах разных размеров.

Пример:

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

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

Метатег Content-Type (charset)

Метатег Content-Type определяет кодировку символов, которая используется на странице. Это важно для корректного отображения текста. Самая популярная кодировка – UTF-8, так как она поддерживает множество символов, включая кириллицу и латиницу.

Пример:

<meta charset="UTF-8">

Важно! Этот метатег обязателен для всех страниц, так как позволяет избежать ошибок при отображении текста.

Метатег Author

Метатег Author указывает автора страницы или контента. Он используется реже реже вышеупомянутых и не влияет на SEO напрямую, но может быть полезен для внутреннего учета или в корпоративных блогах, где важно указывать автора.

Пример:

<meta name="author" content="Иван Иванов">

Метатег Refresh

Метатег Refresh позволяет автоматически обновлять страницу или перенаправлять на другой URL после определенного времени. Он полезен для создания автоматических редиректов, но не мы не рекомендуем использовать его в качестве долгосрочного решения, так как поисковые системы могут не корректно обработать такие перенаправления.

Пример:

<meta http-equiv="refresh" content="5; url=https://www.example.ru">

Этот тег можно использовать на временных страницах или для автоматического обновления, но лучше применять редиректы на стороне сервера (например, через 301 редирект) для SEO.


Где отображаются метатеги

Основные метатеги Title и Description отображаются в виде сниппета в результатах поиска. Например, Title обычно выступает в роли заголовка, а Description – в роли краткого описания под ним. 

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


Как проверить, есть ли метатеги у страницы

Если вы хотите узнать, какие метатеги присутствуют на вашем сайте, есть несколько удобных способов сделать это. 

Способ 1. С помощью сервисов поисковой оптимизации

Яндекс Вебмастер

  1. Зайдите в сервис «Яндекс Вебмастер» и выберите нужный сайт. Если вы ранее не пользовались этим инструментом, вам потребуется подтвердить права на сайт.
  2. Перейдите в раздел «Диагностика сайта».
  3. Откройте «Возможные проблемы». Здесь отображаются ошибки и статистика по метатегам на сайте: например, страницы с пустыми или дублированными метатегами.

Google Search Console

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

Один из удобных способов найти дубликаты – воспользоваться Google Search Console. Этот инструмент предоставляет отчет о проблемах с метатегами и помогает выявить страницы с одинаковыми Title.

Как найти дубликаты Title в Google Search Console:

  1. Зайдите в Google Search Console и выберите нужный сайт.
  2. Перейдите в раздел «Эффективность»
  3. Откройте вкладку «Покрытие».
  4. Найдите пункт «Проблемы» и выберите его. В этом разделе Google Search Console покажет страницы с дублированными метатегами, включая Title и Description.

Способ 2. Screaming Frog SEO Spider

Для детального анализа метатегов на всех страницах сайта можно воспользоваться специализированными программами, которые сканируют сайт и помогают быстро находить ошибки и дубликаты. Один из лучших инструментов для этого – Screaming Frog SEO Spider:

  1. Скачайте и установите Screaming Frog SEO Spider на свой компьютер. Программа доступна для Windows, macOS и Linux.
  2. Запустите программу и введите URL сайта, который хотите проверить.
  3. Нажмите кнопку Start для начала сканирования. Screaming Frog просканирует все страницы сайта и соберет данные о метатегах.
  4. После завершения сканирования перейдите на вкладки с интересующими тегами, например, Title, Meta Description, Meta Robots и другие.
  • На вкладке Title можно увидеть длину тегов, наличие дубликатов и пустых значений.
  • На вкладке Meta Description можно найти слишком короткие или длинные описания, а также дублирующиеся метатеги.

Screaming Frog позволяет детально проанализировать метатеги и выявить любые ошибки. 

Способ 3. Расширения для браузера

Если вы хотите узнать, какие метатеги использует конкурирующий сайт, можно воспользоваться несколькими простыми методами. Эти способы помогут вам понять, какие ключевые слова и фразы используют другие компании, и лучше ориентироваться в SEO-продвижении.

Для профессионального анализа метатегов удобно использовать такие расширения, как RDS Bar и Seo Meta in 1 Click. Они мгновенно показывают метаданные сайта прямо в браузере, что значительно экономит время.

Мы расскажем, как их использовать на примере RDS Bar:

  • Установите расширение для браузера. RDS Bar доступен для Google Chrome, Firefox и Opera, тогда как Seo Meta in 1 Click работает только в Google Chrome.
  • Перейдите на нужную страницу конкурента.
  • Откройте панель расширения, чтобы увидеть метатеги страницы, а также дополнительные SEO-параметры. RDS Bar позволяет быстро скопировать метаданные, что удобно для сбора информации и последующего анализа.

Способ 4. Просмотр исходного кода страницы

Самый доступный способ проверить метатеги на сайте конкурентов – посмотреть их в исходном коде страницы. Этот метод подходит как новичкам, так и профессионалам. Чтобы это сделать, следуйте инструкции:

  • Зайдите на нужную страницу конкурента, метатеги которой вы хотите проверить.
  • Кликните правой кнопкой мыши по любой части страницы, чтобы открыть контекстное меню.
  • Выберите пункт «Просмотр кода страницы» или «Показать программный код страницы» – это действие откроет новый экран с исходным кодом сайта.

Важно! Пункты «Просмотр кода страницы» и «Посмотреть код» отличаются: первый показывает полный HTML-код всей страницы, тогда как второй отображает код только выбранного элемента.

  • Вызовите поисковую строку с помощью сочетания клавиш Ctrl + F на Windows или Command + F на Mac.
  • Введите в поисковую строку название метатега (например, Title или Description), чтобы сразу перейти к нужному фрагменту кода. Так вы сможете быстро найти и изучить метатеги, которые используются на странице:

Способ 5. Просмотр сниппета страницы в поисковой выдаче

Этот способ позволяет быстро увидеть, как страница отображается в поиске, и понять, какие ключевые слова были выбраны для привлечения пользователей.

  • Зайдите на страницу конкурента, которую хотите проанализировать.
  • Сформулируйте примерный поисковый запрос. Для товарных страниц это может быть название товара и название магазина, а для страницы услуг – название услуги и название компании. 
  • Введите запрос в любую поисковую систему.
  • Найдите нужную страницу в результатах поиска и обратите внимание на заголовок и описание в сниппете. Анализируя сниппеты, можно увидеть, какие ключевые фразы используют конкуренты для привлечения внимания, и использовать это для улучшения собственных метатегов.
     

Зачем проверять метатеги у страницы

Метатеги играют ключевую роль в SEO-оптимизации сайта. Проверить их наличие и корректность необходимо, чтобы убедиться в правильной работе сайта и в эффективности стратегии продвижения. 

Вот три причины, почему полезно научиться просматривать метатеги на веб-страницах:

  1. Чтобы контролировать работу ваших специалистов. Если вы сотрудничаете с фрилансерами или SEO-агентством, вам важно проверять, как выполнены задания по оптимизации. Отсутствие или некорректность метатегов может говорить о том, что подрядчик не соблюдает требования к качеству. Регулярная проверка метатегов позволяет оценить, насколько грамотно специалисты работают с вашим сайтом. Если теги не заполнены или написаны с ошибками, это может быть поводом для пересмотра сотрудничества. 
  2. Чтобы улучшить метатеги ваших страниц.
    Если вы решили самостоятельно заниматься SEO или разрабатываете SEO-тексты, то анализ метатегов конкурентов поможет вам лучше понять стандарты и найти удачные примеры для создания собственных метатегов. Изучая подходы других сайтов, вы сможете использовать найденные идеи и решения, чтобы улучшить свои теги и сделать их более привлекательными для поисковых систем.
  3. Чтобы повысить трафик. При продвижении сайта полезно находить дополнительные ключевые фразы. Изучая метатеги конкурентов, вы сможете обнаружить ключевые слова, которые можно использовать для привлечения большего числа посетителей. Их можно добавить на сайт, расширив семантическое ядро и увеличив охват аудитории.


Как правильно заполнить метатеги и добавить их на страницу сайта

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

Если у вас нет времени на создание полного семантического ядра для всего сайта, можно собрать ключевые слова для отдельной страницы с помощью сервиса «Яндекс Вордстат».

В нем:

  • Введите запрос, по которому хотите продвигаться, и укажите регион, чтобы получить релевантные ключевые фразы. Если вы работаете по всей России, укажите Россию. Для услуг в конкретном регионе выберите именно его, чтобы метатеги были максимально релевантны.
  • Чтобы расширить список, можно использовать «похожие запросы» из правой колонки сервиса – это позволит охватить больше ключевых фраз.

Чтобы упростить сбор ключей, используйте расширение для браузера Yandex Wordstat Assistant. Оно позволяет собирать ключевые слова с указанием частотности и экспортировать их в документы или таблицы для удобного хранения и работы.

Больше о подобных сервисах мы рассказывали в статье «Лучшие сервисы для подбора ключевых слов». 

Когда у вас есть список ключевых слов, переходите к написанию Title и Description, соблюдая основные требования поисковых систем. 

Вот краткий чек-лист, который поможет создать качественные метатеги:

Тег Что проверять
Title
  • уникальность для каждой страницы; 
  • длина – 50-60 символов; 
  • наличие ключевых слов, 
  • отсутствие спама (не больше двух ключевой), 
  • связность.
Description
  • уникальность для каждой страницы; 
  • длина – 150-160 символов; 
  • наличие ключевых слов и призыв к действию;
  • связность. 

Ошибки при составлении метатегов

Какие есть типичные ошибки составления метатегов:

  • Дублирование метатегов на нескольких страницах. Использование одинаковых значений метатегов, особенно Title и Description, на разных страницах снижает уникальность контента и затрудняет поисковым системам понимание структуры сайта. Это может привести к конкуренции страниц между собой и снижению их позиций.
  • Повторяющиеся окончания в метатегах. Не стоит добавлять одинаковые «хвосты» (части текста) на разные страницы. Постарайтесь сделать метатеги уникальными и ориентированными на конкретный контент страницы, чтобы повысить ее релевантность.
  • Неподходящая длина метатегов. Слишком длинные метатеги обрезаются в поисковой выдаче, а слишком короткие – могут не раскрыть суть страницы. Рекомендуемая длина – 50-60 символов для Title и 150-160 символов для Description. Держите баланс, чтобы метатеги были информативными и привлекательными для пользователей.
  • Пустые метатеги. Оставлять метатеги пустыми – серьезная ошибка, которая указывает поисковым системам на отсутствие структурированного подхода к оптимизации. Такие страницы могут быть хуже ранжированы, так как не дают поисковым системам и пользователям необходимую информацию.
  • Чрезмерное количество ключевых слов. Перенасыщение ключевыми словами может негативно повлиять на ранжирование, так как поисковые системы оценивают это как манипуляцию. 
  • Дублирование тегов на одной странице. Использование нескольких одинаковых метатегов на одной странице, например, нескольких Title, может запутать поисковые системы и привести к игнорированию тегов. Убедитесь, что каждый метатег указан только один раз и четко определяет содержимое страницы.

Избегая этих ошибок, вы сможете сделать свои метатеги более эффективными и повысить позиции сайта в поисковых системах, улучшая пользовательский опыт и привлекая больше посетителей.


Заключение

Метатеги – это небольшой, но важный элемент SEO, который может существенно повлиять на видимость и привлекательность вашего сайта в поисковых системах. Несмотря на то что они не видны пользователям, их правильное заполнение может увеличить приток органического трафика и повысить позиции сайта в поисковой выдаче. 

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