ЗАРЕГИСТРИРУЙТЕСЬ
и получите бесплатно:
1.Чек-лист по созданию информационного сайта.
2.3 видеоурока с первыми шагами в сайтах.
3.10 лучших материалов из Базы Знаний.



или Регистрация
Восстановление пароля

Что такое мета-теги? Как правильно заполнить и проверить

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

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

Можно условно разделить мета-теги на SEO и технические. Детально остановимся на каждом из них.

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

К их числу относят: title, description, keywords (перестает учитываться алгоритмами). В них должны содержаться ключевые слова, которые подскажут тематику страницы и обеспечат ее лучшее ранжирование.

Мета-тег Title

<Title>Заголовок</Title>

Мета-тег <TITLE> – заголовок страницы. Он отображается в поисковой выдаче. 

Пример мета-тега <TITLE>

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

Как сделать аквариум своими руками

Description

<meta name="description" content="Описание страницы"/>

Мета-тег Description – краткий «анонс» страницы. Поисковики могут использовать содержимое этого тега для сниппета (чаще Google, чем Яндекс). Мета тег Description

Google и Яндекс учитывают этот тег для выдачи. В сниппет попадет только при качественном заполнении. Что для этого нужно? Шаги написания правильного description:

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

Примеры:

«Изготовление аквариума своими руками. Пошаговое руководство. На что стоит обратить внимание – тонкости в выборе стекла».

«Купить аквариум в Москве. Закажите аквариум по цене от 9850 рублей. Доставка бесплатно. Гарантия 3 года».

Оптимальная длина Description – до 160 символов (но самое важное следует включить в первые 100). Есть также расширенные сниппеты (200-300 символов), которые открываются после нажатия на «Читать еще»: Пример сниппета

Keywords

<meta name="keywords" content="Ключевые слова"/>

Раньше тег показывал поисковому роботу под какие поисковые запросы продвигается статья (в нем содержались ключевые запросы). В результате его переоптимизации веб-мастерами, поисковые системы перестали учитывать его содержимое при ранжировании. 

Мета-тег Keywords остался в истории, но если вы по каким-то причинам все же решили его заполнить, то не перестарайтесь: перечислите не более 10 ключевых слов, без запятых. В противном случае Яндекс грозит пессимизацией страницы или исключением ее из индекса.

Пример: «Купить аквариум Москве заказать стоимость цена рубль интернет-магазин доставка гарантия».

Мета-теги технического плана

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

Content-language

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

Content-language

Content-type

Содержит данные о типе документа и кодировке. Браузер не всегда правильно определяет кодировку с содержанием на кириллице. Переключить кодировку вручную нельзя, поэтому пользователь не получит доступ к контенту. Наличие этого тега решает ситуацию. 

Content-type

Robots

Тег указывает поисковым роботам, какие страницы индексировать, а какие — нет. Можно избирательно закрывать от индексации контент, ссылки, картинки для Google или Яндекс.

Чтобы тег правильно восприняли поисковые роботы, содержимое атрибута должно включать одну или несколько директив:

  • index/noindex – указывает боту индексировать или не индексировать ссылки на странице.
  •  follow/nofollow – анализировать или не учитывать ссылки на странице.  
  • all/none – индексировать страницу или нет.
  • noimageindex – не индексировать картинки на странице.
  • noarchive – говорит поисковому роботу, чтобы он не выводил в поисковой выдаче ссылки «Сохраненная копия». Так пользователи не смогут посмотреть копию страницы из базы поисковой системы, если вдруг сайт будет недоступен или страница удалена.
  • nosnippet – команда запрещает вывод сниппета в поисковой выдаче. 

<meta name="robots" content="noindex">

Refresh

Тег используется для автоматического обновления страницы или переадресации на другой раздел/сайт. Можно задавать время, когда произойдет это обновление или переадресация: 5 сек, 10 сек и так далее.

Актуально при обновлении ресурса: вместо ожидания долгой загрузки или ошибки 404 пользователь перенаправляется в новый раздел, что сокращает количество отказов.

<meta refresh="5;https://url-to-redirect"> 

Пример Refresh

Copyright и Meta Author

Он не участвует в формировании сниппета (не путайте с микроразметкой Schema.Org), а используется для указания автора и авторских прав.

<meta name="Author" content="Зимина Валентина Ивановна"> (автор содержимого)

<meta name="Copyright" content="Пупкин Александр Петрович"> (принадлежность авторских прав)

<meta name="Address" content="г. Москва, Дмитровское шоссе 98"> адрес собственника/автора)

Как добавить мета-теги на разных CMS

В большинстве случаев для управления контентом применяются разные движки (CMS) и некоторые из них нуждаются в установке дополнительных плагинов и модулей, отвечающих за вывод мета-тегов. Как добавить мета-теги на популярные CMS?

  • Для сайта на WordPress все просто – установите один из плагинов на выбор All in One SEO Pack или Yoast SEO. Подробнее о работе плагина Yoast SEO здесь
  • В Joomla не предусмотрена дополнительная установка модулей, так как все теги уже встроены. Их можно заполнить прямо при добавлении новой страницы. Пример Joomla
  • С движком Opencart  ситуация обстоит точно так же. При добавлении нового товара или раздела, указать мета-теги можно на отдельной вкладке. Движок Opencart

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

Но в плане продвижения Wix – не самое лучшее решение. Все потому, что: 

  • В основе заложены только технологии Ajax и JavaScript. Если выключить последнюю, то сайт превратится в белый лист
  • Нельзя добавить счетчик «Яндекс.Метрика», а только «Гугл Аналитикс».
  • Нет возможности доработки функционала сайта.
  • Отсутствуют удачные примеры раскрученных Wix сайтов. 

Разумнее отдать предпочтение другому популярному движку в зависимости от типа сайта: если информационный ресурс, то – WordPress, если коммерческий (интернет-магазин) – Opencart.

Проверка и анализ мета-тегов

Если вы владелец сайта, то проверить мета-теги можно авторизовавшись в сервисе «Яндекс.Вебмастер». Перейдите на вкладку «Диагностика – Диагностика сайта» и нажмите «Ознакомиться». Дальше перед вами появится список страниц с незаполненным  тегом <description>. 

Диагностика сайта

Чтобы получить информацию о мета-тегах на сайте конкурента воспользуйтесь специализированными сервисами. Популярные онлайн-инструменты:

Анализ мета-тегов

Выводы

Мета-теги – первое, что учитывают поисковые роботы Google и Яндекс. Они выступают неотъемлемыми элементами при ранжировании документов в поисковой выдаче. Не оставляйте мета описания не заполненными, тем более, вы уже знаете как это правильно делать.

А какое отношение к мета-тегам у вас? Поделитесь своими наблюдениями в комментариях.

Комментарии