Категории блога
Чеклист по оптимизации сайта
Бесплатный чек-лист
Получить
Но вам требуется продвижение сайта или создание сайта-лидера, идеального для SEO? Тогда вы можете оставить заявку на продвижение или заявку на создание сайта. Если вы собираетесь продвигать сайт самостоятельно — продолжайте чтение!
Сегодня мы поговорим о том, какие бывают мета теги, что такое мета теги страницы сайта, как их правильно нужно заполнять и куда обязательно добавлять. Данная статья будет обновляемая по мере поступление новых обновлений о тегах. Поэтому сохраняйте себе в закладки, так как мы следим за обновлением и выкладываем актуальные правильные мета теги первые.
Постараемся подробно разобрать для чего нужны мета теги, как они влияют на продвижение вашего сайта, как их нужно оптимизировать и самое главное где и как проверить их правильно. Мы будем рассматривать варианты проверки вручную, а также автоматические аудиты (анализ) сайтов.
Мета теги — специальные элементы HTML разметки, они помогают дать информацию о вашей странице/сайте. Чаще всего находятся в верхней части вашего шаблона <head>.
Мета теги не отвечают за работу сайта, то есть без них сайт будет стабильно работать. Они нужны только для продвижения и понимания поисковой системы о вашем сайте, отвечает он на запросы или нет.
Специальные теги, которые отвечают за технические функции сайта, они помогают настроить визуальный вид и сделать подсказки для поисковой системы.
Мета тег Robots помогает поисковой системе Яндекс, Google узнать доступна ли для индексации страница или нет. Благодаря этому тегу вы можете закрыть или открыть страницы своего сайта к индексации, либо полностью запретить им индексировать их.
Основные настройки указываются в robots.txt, однако кроме файла, боты понимают и мета тег robots, которым можно дать дополнительные рекомендации для определенной странице. Такие правки не будут конфликтовать между собой, и бот будет их понимать правильно.
Основные параметры для мета тега robots
Если вы хотите запретить индексацию определенно странице для поисковых ботов, вам нужно указать:
<meta name=«robots» content=«noindex»>
Кроме этого вы можете делать запрет для определенных ботов по нужной странице, используя к примеру так:
<meta name=«googlebot» content=«noindex»>
<meta name=«googlebot-news» content=«nosnippet»>
Однако нужно понимать, что для гугла сложно, что либо полностью запретить, все параметры в robots (как мета тег, так и файл) Google бот понимает, как рекомендации, а не как правила к использованию. Он будет все равно посещать закрытые страницы и их сканировать.
Проверить есть ли у сайта robots, можно двумя способами:
Тег Viewport специально придумали, чтобы сайт хорошо адаптировался на мобильных телефонах.
Сейчас есть три способа как может показываться ваш сайт на телефонах, каждый может выбрать под себя:
Все знают, чтобы сделать мобильную версию, всегда требуется много времени и денег, поэтому многие компании просто используют этот тег. Они могут сделать адаптивную версию быстро.
Быстрая разметка с помощью тега Viewport может быть как фиксированная, так и гибкая.
Мета тег viewport как нужно прописать в шаблоне:
<meta name=»viewport» content=»width=device-width, initial-scale=1″>
Хочется отметить, что «width» отвечает за ширину сайтов, здесь можно указать конкретное значение, либо написать просто «device-widht», тогда ваше устройство будет подставлять ширину под максимально доступную.
Если допустим, вы не прописали тег viewport, тогда браузер сам будет подставлять под размеры монитора, тогда с моба он будет крайне некрасивый и не удобный, так как будет мелкий и иметь большую прокрутку. А значит это ухудшает поведенческие факторы сайта, поисковые боты буду занижать сайт в мобильной выдаче.
На специальном сервисе Google можно проверить адаптацию мобильной версии сайта, где будет видно превью сайта, есть ли тег viewport и на сколько быстро, удобно пользоваться сайтом пользователям.
Charset — данный тег отвечает за кодировку, у него есть несколько способов отображать в какой кодировке показывать страницу пользователю. Тег нужно добавлять в header запроса сервера.
В HTML5 есть эквивалентные записи:
<meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″>
или
<meta charset=»utf-8″>
Допустим у сайта и сервера будет разные кодировки, а браузера пользователя начинает автоматически неправильно определять кодировку страницы. Это приводит к тому, что появляются кракозябры на сайте вместо текста.
Эту проблему легко можно решить с помощью тега meta charset. Таким образом текст, цифры будут иметь нужную кодировку принудительную одинаковую. Обычно используют UTF-8.
Влияет ли meta charset на продвижение страницы
Сейчас точного влияние на ранжирование страниц из-за кодировки. Яндекс, Google рассматривают страницы, видят ошибки, однако не понижает его в выдаче.
Также хочется отметить, что данный тег даже не учитывают в SEO, но влияет на него.. Если к вам на сайт пользователь пришел и увидел кракозябры вместо текста, он уйдет с сайта, а это повлияет на пф сайта.
Мета тег Refresh необходим, чтобы перенаправлять пользователя на другую страницу. Часто используют при переезде сайта или страницы, чтобы увеличить поведенческие факторы и показать обновленную информацию. Однако также в черном SEO используют для дорвеев.
Страница перезагрузится через 5 секунд:
<meta http-equiv=»refresh» content=»5″>
Страница перезагрузится через 4 секунды и перенаправит пользователя на сайт site2.ru:
<meta http-equiv=»refresh» content=»4;url=site2.ru»>
При небольших значениях времени Яндекс посчитает мета тег аналогичным 302/303/307 редиректам.
Google же не советует использовать тег meta-refresh, так как он может напрямую повлиять на индексацию страницы, однако чтобы данный тег воспринимался как редирект, то они рекомендуют использовать 301 редирект.
Мета теги Author и Copyright нужно для того, чтобы указать авторские права и автора контента.
<meta name=»Author» content=»Татьяна Ивановна Петровна»>
Теперь автора контента можно указывать в разметке Schema.Org для статей, разметка позволит дать поисковику структурированную подробную информацию о контенте и поможет сформировать подробный сниппет для статьи, рецепта новости.
Мета теги, которые влияют на поисковую выдачу и поисковые системы. Ваша задача заполнить их не только для поисковых систем, но и для пользователей.
Title — это название страницы, основная задача написать его так, чтобы заинтересоваться пользователя в поисковой выдаче и заставить перейти по вашей странице.
Поисковые роботы оценивают релевантность по запросам, что там есть в title, а также приводят к вам клиентов. Хочется отметить, что тег влияет на видимость и кликабельность в выдаче. Прочитать подробнее вы можете в нашей специальной статье о том, как оптимизировать тег title, что туда писать.
Перед нем, как расписывать советы по оптимизации заголовка страницы, мы хотим сказать, что мы уже писали несколько тем по теме: как правильно составлять заголовок, идеальный заголовок, статейное продвижения сайта.
Description — это ваше описание страницы. Данный мета тег нужен, чтобы показатель пользователю содержание, которое будет выведено в сниппете поисковой выдаче. Подробнее о данном теге, у нас есть статья в блоге.
<meta name=»Description» content=»…»>
Если вы не заполнили Description то поисковая система сама автоматически покажет текст со страницы.
Description нужно делать уникальным, не обязательно это указывать вручную. Уже автоматические теги есть в движках DLE, WordPress (правда через плагины Yoast SEO, Rank Math) и Bitrix.
Проверка тега есть во многих популярных анализаторах сайтов.
Мета тег keywords — основной тег, где прописываются ключевые слова страницы, чтобы боты понимали какие есть на странице.
<meta name=»Keywords» content=»ключ1, ключ2, ключ3″>
Ключи записывают через запятую, с пробелом между ними.
Хочется отметить, что гугл с 2009 начал игнорировать данные в нем, а яндекс уже с 2018. Таким образом сейчас этот тег мало на что влияет, есть он у вас на сайте или нет. Но рассказать о нем нужно было, так как многие его до сих пор юзают и считают важным в заполнении.
Полезная статья, спасибо. Но я думаю можно было и про кейвордс не писать, он нахер никому не уперся.. Но после вашей статьи начнут ща плодить его, мол прочитали у SEO студии.
Это не первый раз, когда я быстро посещаю этот сайт, я ежедневно посещаю эту веб-страницу и каждый день получаю отсюда приятные факты.