Все посты
88353 16 Знания

Мета теги страниц сайта: title, description, keywords, robots и другие

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

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

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

Мета теги — это элементы html-разметки, которые содержат в себе информацию о странице сайта. Они находятся между тегами head в заголовке страницы.

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

Технические мета теги

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

Robots

Мета тег robots информирует поисковые системы Яндекс и Google о доступности страницы для поисковых ботов. С помощью этого тега их можно закрывать или открывать страницу для индексации, а также разрешать или запрещать отслеживать гиперссылки.

В общем файле robots.txt указывают, как ботам поступать со страницами и файлами на сайте, а с помощью мета тега robots можно дать подробные рекомендации для конкретной страницы. Указания в robots.txt и robots не должны конфликтовать, иначе бот может не проиндексировать нужную страницу.

Рекомендации ботам в мета теге дают с помощью директив:

  • all — директива по умолчанию, нет ограничений на индексирование и показ контента;
  • index или noindex — можно или нельзя показывать страницу в индексе;
  • follow или nofollow — можно или нельзя переходить по ссылкам на странице;
  • none — эквивалент сочетания noindex и nofollow, нельзя показывать страницу и переходить по ссылкам;
  • noarchive — в результатах нельзя показывать ссылку на сохраненную в кэше копию;
  • nosnippet — нельзя выводить в сниппет часть текста или видео, не распространяется на статистически уменьшенные изображения;
  • notranslate — в результатах поиска нельзя предлагать перевод страницы;
  • noimageindex — нельзя индексировать изображения на странице.

К примеру, этот мета тег запрещает поисковикам показывать страницу в поиске:

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

Для разных ботов можно указывать несколько мета тегов:

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

<meta name="googlebot-news" content="nosnippet">

Есть оговорка для Google — гуглбот воспринимает содержание robots как рекомендации, а не правила, поэтому может не следовать указаниям и посещать даже закрытые страницы.

Почитать по теме:
полное руководство по файлу robots.txt «Как составить robots.txt самостоятельно»

Наличие файла robots, который распознают поисковики, можно быстро проверить в Анализе в разделе Оптимизация:

Как проверить наличие файла robots
Проверка наличия robots

Viewport

Тег Viewport применяют для корректного отображения адаптивных сайтов на мобильных устройствах.

Есть три варианта отображения сайта на смартфонах, владелец компании выбирает подходящее решение под потребности бизнеса:

  • мобильная версия с отдельным адресом m.site.ru;
  • адаптивная верстка под мобильные устройства;
  • динамическая верстка RESS — Responsive Design + Server Side.
Мобильная и десктопная версии сайта
Отображение на смартфоне: слева полная версия сайта, справа мобильная

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

Для адаптивного сайта и ресурса с фиксированной или гибкой разметкой можно настроить отображение страницы на экране с помощью мета тега viewport.

Мета тег viewport выглядит так:

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

Атрибут "width" отвечаете за ширину сайта на экране. Можно указать конкретное число от от 200 px до 10 000 px либо "device-width", тогда система масштабирует страницу под экран.

Подробно о теге и настройке в статье «Тег viewport: как настроить область просмотра в адаптивном дизайне»
Тег viewport
Отображение сайта с тегом viewport

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

Анализ сайта поможет сделать сайт мобилопригодным: он показывает превью сайта на смартфоне, ищет тег viewport и анализирует, насколько удобно пользоваться сайтом с мобильных устройств. Проверка адаптивности находится в разделе Юзабилити.

Как проверить мобилопригодность сайта
Проверка адаптивности для мобильных

Charset и Content-type

Charset — мета тег кодировки, то есть способа отображения кода страницы на экране пользователя. Тип кодировки показывает строка Content-Type и сервер в header запросе.

В HTML5 есть эквивалентные записи:

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

или

<meta charset="utf-8">

Ошибка может возникнуть, если у сервера и страницы указать разные кодировки, или если браузер неправильно определит кодировку страницы. Тогда вместо текста появится инопланетное послание, «кракозябры», как эти символы называют в обиходе.

Ошибка в мета теге сharset, пример
Владельцу нужно срочно прописать мета тег сharset

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

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

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

Найти страницы с ошибками в charset поможет анализ внутренних страниц в Анализе сайта: запустите сканер, в результатах поставьте фильтр «Ошибочные charset» и сервис покажет список ссылок на нужные страницы.

Поиск страниц с ошибками кодировки

Влияет ли meta charset на продвижение страницы

Прямого влияния на позиции страницы нет. Яндекс и Google не рассматривают кодировку как сигнал для индексирования или фактор ранжирования страницы в выдаче.

Тем не менее Charset косвенно влияет на SEO. Если пользователи зайдут на страницу и увидят абракадабру вместо текста, они покинут сайт. Это повлияет на поведенческие сигналы, а значит и на отношение поисковика к странице, и на ее позиции.

Refresh

Мета тег refresh использовали, чтобы задать время обновления страницы и переадресовать пользователя на другую. К примеру, его применяли при переезде сайта, для переадресации на главную после покупки, чтобы повысить поведенческие, для обновления информации. Или для продвижения по-черному — для дорвеев.

Страница перезагрузится через 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, потому что он может повлиять на индексацию страницы, на которой установлен. Об этом говорил представитель Google Джон Мюллер. Бот воспринимает этот мета тег как редирект, поэтому проиндексирует страницу после перенаправления — то есть исходную скорее всего пропустит. Для переадресации лучше используйте 301 редирект. 

Яндекс воспринимает мета тег и разрешает использовать его вместо 302 редиректа при переезде, если другие способы по каким-то причинам не подходят вам.

Author и Copyright

Мета теги Author и Copyright используют, чтобы указать автора контента и владельца авторских прав.

<meta name="Author" content="Аделаида Ивановна Вяземская">

Автора контента можно указать и в разметке Schema.Org для статей, разметка позволит дать поисковику структурированную подробную информацию о контенте и поможет сформировать подробный сниппет для статьи, рецепта новости.

Руководство по настройке микроразметки «Как настроить разметку Schema.Org для статей и других текстов»

Мета теги для SEO

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

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

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

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

Исследования показали, что для того, чтобы повысить позицию в выдаче на один пункт, нужно увеличить CTR на 3%.

Поведенческие факторы при правильном подходе работают как в Google, так и в Яндексе. Задача не накрутить их, а улучшить естественным образом, чтобы посетители дольше находились на продвигаемом сайте и просматривали больше страниц, а также взаимодействовали с сайтом — нажимали кнопки заказа, комментировали и так далее».

Title

Title — заголовок страницы, его задача — описать, какая информация ждет пользователя на странице, и мотивировать его перейти по ссылке.

Тег title в сниппете
Первое, что видят пользователи в результатах выдачи, это содержимое тега title
Как оптимизировать Title, чтобы улучшить трафик, CTR и рейтинг страницы

Title важен поисковым роботам — по заголовку они оценивают релевантность страницы запросу, и пользователям — глядя на title в результатах выдачи, потенциальные клиенты решают, кликать по ссылке или нет. Так что мета тег влияет на кликабельность и на видимость страницы в выдаче по ключевым запросам.

Исследование факторов ранжирования Лаборатории поисковой аналитики компании «Ашманов и партнеры» показало, что в Google видна сильная корреляция с попаданием в топ-30 для запроса в точной форме в title — это единственный тег, где важны ключевые слова и их количество.

Еще по теме:
Google переписывает заголовки
— что делать? Исследование Title и советы

Как оптимизировать тег title

Грамотно составленный тег title увеличивает шансы сайта попасть в топ, поскольку он покажет, каким запросам релевантна страница. Чем больше тег похож на запрос, который пользователь ввел в поисковую строку, тем больше шансов попасть в самое начало выдачи.

Поэтому составление title немыслимо без сбора семантического ядра. Как ищут пользователи ваш товар или услугу, можно выяснить при помощи Яндекс.Wordstat.

Сниппет сайта в выдаче google
Первая страница выдачи по запросу «анализ сайта»
Почитать по теме:
Кейс: добавили одно слово в заголовки — органический трафик вырос на 59%
Как брендовый ключ в Title влияет на CTR | Эксперимент

Title может совпадать с тегом заголовка H1, поисковики не относятся к этому негативно. Но лучше уникализировать Title, используя брендовые и региональные запросы.

Андрей Прудко, директор студии интернет-маркетинга и веб-брендинга «Большая Буква»:

«Для наилучшего эффекта рекомендуется уникализировать Title и дополнять нужными ключами в рамках 12 слов — до 70 символов, допускается и более, но рекомендуется уложиться в указанные параметры.

Считаю, что для коммерческого проекта одной из лучших схем являются варианты (абстрактный пример):

Title: Купить стиральную машинку Аристон (Ariston) в магазине БольшаяСтирка
H1: Стиральные машинки Аристон (Ariston)

Либо

Title: Стиральные машинки Аристон (Ariston): купить в Москве, магазин БольшаяСтирка
H1: Стиральные машинки Аристон (Ariston)»

Советы по оптимизации заголовка страницы:

  • Соответствие содержанию
    Тег title должен точно соответствовать содержимому страницы. По нему поисковые боты и пользователи судят о содержании ссылки, и если заголовок и содержание не совпадают, страница вряд ли выйдет в топ.
  • Длина 60-70 знаков
    Длина title должна составлять 60-70 знаков — 60 для Google и 70 для Яндекса. Заголовок длиннее отобразится не полностью, пользователи могут не понять, о чем страница.
  • Ключ в начале
    Поисковой запрос должен быть в начале тега, тогда он будет иметь больший вес для поисковиков. Лучше оставить ключ в неизменном виде, не разбавляя и не склоняя.
  • Транзакционные ключи, регион и название магазина
    Если вы оптимизируете коммерческую страницу, после основного ключа добавляйте транзакционные — «купить», «заказать», «прокат», «забронировать» или другие по смыслу. Если работаете в каком-то регионе, то добавьте его название — «в Москве», «в Санкт-Петербурге». Дальше стоит добавить название вашего магазина, чтобы страница ранжировалась и по брендовым запросам.
  • Нет спама
    Ключевые слова через запятую в заголовке страницы не выведут в топ, поисковикам не нравится переспам. К примеру, благодаря алгоритму «Панда» за избыточность ключей в заголовках, мета-тегах и описаниях можно получить санкции.
  • Меньше мусора
    Длинные союзы, частицы, местоимения, вводные и прочие стоп-слова не несут ценности для поисковика, так что лучше не занимать место и убрать их, если естественность заголовка не пострадает.
  • Меньше украшений
    Дозировано используйте прилагательные из разряда «лучший», «самый», «выгодный» и так далее. Это слова-пустышки, в них нет никакой информации ни для пользователя, ни для поисковой системы. Исключение составляют прилагательные, которые являются частью ключевого слова: «красивые платья», «лучшие фильмы 2019» и другие.
  • Кликбейт в меру
    Кликбейт может сработать, но он не должен быть нарочитым. «Новые техники ссылочного продвижения: как получить результат мгновенно» — хороший вариант для статьи, если вы сможете подтвердить тезис в тексте.
  • Заголовок для людей
    Пишите для людей. Поисковые системы хотят, чтобы весь контент, заголовки и описания были читабельными, информативными и естественными. От высокого места в топе не будет толка, если заголовок будет непривлекательным для пользователей. Старайтесь привлечь внимание пользой и выгодой, чтобы выделится среди конкурентов в поисковой выдаче, и анализируйте, чего хотят ваши клиенты.
  • Разные заголовки для страниц
    Заголовки на вашем сайте не должны быть одинаковыми — поисковые боты этого не оценят. Старайтесь охватить больше семантики.

Андрей Прудко:

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

Description

Description — описание страницы. Этот тег участвует в формировании сниппетов; пользователь видит его содержимое на странице выдачи результатов поиска.

<meta name="Description" content="...">
сниппет сайта в выдаче
Если не прописать этот мета-тег, в сниппет автоматически подтянется текст со страницы сайта

Заполнять тег description не обязательно, поисковик может сам найти фрагмент теста для описания. Исследование компании «Yoast» 2018 года показывает, что Google не важна плотность ключевых слов и длина description. В двух третях случаев поисковик проигнорировал description и взял в описания часть первого абзаца текста.

Но есть шанс, что в описание попадет именно ваш вариант — если у вас есть на это ресурсы, оформите его привлекательнее для пользователей. 

Как составить description, чтобы привлечь клиентов

  1. Вызывайте интерес у пользователя
    Если вы пишите описание для страницы интернет-магазина или сайта по продаже услуг, используйте description, чтобы сразу показать выгоды клиента. При этом пишите конкретно, информативно, применяйте цифры и факты, которые могут заинтересовать пользователя. К примеру, не «низкие цены», а «цены от 1000 рублей», не «большой ассортимент», а «больше 500 моделей дверей» и так далее.
  2. Используйте призыв к действию
    Считается, что этот прием делает описание более убедительным. Вот два примера: «У нас вы сможете проанализировать свой сайт и узнать его параметры» и «Проанализируйте свой сайт и узнайте его параметры». Второй содержит призыв. Если «проанализировать сайт» — это ключевая фраза, и вам хочется, чтобы она подсвечивалась в выдаче жирным шрифтом, сформулируйте по-другому, не меняя окончания — «Попробуйте проанализировать сайт».
    «Узнайте, как с помощью работы со сниппетом повысить позиции своего сайта» — пример описания description для статьи о сниппетах. Здесь используем призыв к действию (узнайте) и выгоду (повысить позиции сайта).
  3. Не бойтесь склонять слова в ключах
    Поисковики считают некачественными тексты с несогласованными словами в предложениях. Они понимают словоформы, так что пишите естественно — «купить мужскую куртку», а не «мужская куртка купить». Но важна часть речи: загрузить (глагол) и загрузка (существительное) — разные ключи.
  4. Соблюдайте технические рекомендации
    Старайтесь уложиться в 120-200 символов, чтобы описание страницы отображалось полностью. Желательно, чтобы в description было ключевое слово. Хотя это никак не повлияет на позиции в выдаче, но может повлиять на решение пользователя перейти именно на ваш сайт. В результатах выдачи ключевик будет подсвечиваться жирным шрифтом, как бы подсказывая пользователю, что на этом сайте он найдет искомую информацию.
    ключи в description
    Ключевые слова в description подсвечиваются в сниппете жирным шрифтом

    Description не обязательно прописывать вручную. Если на вашем сайте десятки тысяч товаров, заниматься составлением описаний долго, дорого и ни к чему. Лучше использовать специальные плагины для автоматической генерации сниппетов, к примеру, для WordPress это Yoast SEO.

    Почитать по теме:
    Кейс «Как увеличить оборот сайта с 600 000 до 1 000 000 за месяц за счет работы со сниппетом»

    Проверка Title, Description и текста на главной странице находится в основной сводке Анализа сайта:

    Проверка оптимизации главной страницы

    Проверка Title, Description и других мета-тегов остальных страниц есть в проверке внутренних страниц Анализа, с помощью фильтров и настройки колонок можно управлять массивом данных:

    Как найти ошибки в мета тегах
    Проверка мета-тегов страниц

    Keywords

    Мета тег keywords — тег для ключевых запросов, по которым поисковые боты понимают, о чем идет речь на странице.

    <meta name="Keywords" content="ключ1, ключ2, ключ3">

    Ключи записывают через запятую, с пробелом между ними.

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

    Еще в 2009 году представители Google заявили, что при ранжировании страницы полностью игнорирует этот мета тег, чтобы разработчикам было неповадно вписывать туда нерелевантные запросы.

    В рекомендациях Яндекса написано, что этот мета тег может учитываться при определении соответствия страницы поисковым запросам.

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


    Подготовила Ольга Мороз, обновила Елена Жмурина

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

    Теги поста или какие разделы почитать еще:

    Комментарии (16)
    k-park   16.05.2017 10:29
    Первый же скрин - та ситуация когда туча JS скриптов тянется первее всех заголовков :))) Как говорится:"удачи в продвижении!"
    Eduard Aksamitov   20.05.2017 10:10
    Они являются асинхронными, скорее всего добавлены уже после полной загрузки страницы с помощью Google Tag Manager. Соответственно Яндекс их вообще не видит, а Google учитывает их наличие при парсинге страниц.
    Row Post   16.05.2017 11:27
    А в примере с Title - скрин с контекста..
    Inna_Samarina   16.05.2017 12:21
    Поменяли картинку.
    Yurii Hets   16.05.2017 12:58
    Тут не хватает двоеточия «Ключевые слова в description подсвечиваются в сниппете жирным шрифтом» и последующие 2 нумерованных абзаца пронумерованы одинаковой цифрой «1»
    Inna_Samarina   16.05.2017 13:17
    Поправили, спасибо.
    iproga   17.05.2017 06:55
    Статья о мета тегах, а на этой странице их нет, точнее не все, которые описаны в этой статье :)
    NatTi   21.11.2019 13:31
    Вроде бы все знаю,но прочитала ещё раз, можно больше исследований, всегда интересно к чему приводит
    Elena_Zhmurina   22.11.2019 10:58
    Согласна, исследования всегда интересно смотреть) Будем добавлять!
    Natalia88   21.11.2019 15:41
    Не хватает ещё,если говорить про СЕО, типа мета-тегов Canonical, Next, Previous
    Elena_Zhmurina   22.11.2019 10:58
    Спасибо за идею, добавим)
    Kattyha   22.11.2019 09:43
    Viewport является неотъемлемой частью для сайта,иначе крах, потому что ни Яндекс ни гугл не хочет воспринимать без него!
    maxklim   22.11.2019 14:50
    og:image -для соцсетей иконка,тоже не маловажный сейчас тег
    NatTi   22.11.2019 15:25
    Забыли про мета теги для картинок в СЕО,чтобы можно было найти через поиск картинок в Яндексе или гугл?
    Kirill_Chekin   22.11.2019 17:15
    Я пробовал тайтлы прописывать для каждой страницы индивидуально,но это не помогло:(
    Иногда один контент может работать как продвижение и тайтла с дискрипшн вносить дополнительно не нужно даже
    К данной записи нельзя добавлять комментарии, т.к. она очень старая.
    📝 Самостоятельный аудит сайта, часть 2.2 — SEO-аудит контента
    🚀 Самостоятельный аудит сайта, часть 2.1
    Как оптимизировать Title, чтобы улучшить трафик, CTR и рейтинг страницы