SEO мета-теги сайта. Важны ли сейчас title и description?

Мета теги являются неотъемлемой составляющей разметки сайта. Они влияют на отображение и продвижение сайтов. Их нужно оптимизировать на стадии разработки веб-сайта.

Мета-теги. Что это?

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

Благодаря информации в мета тегах поисковая система понимает, какая информация содержится на странице.

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

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

Robots

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

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

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

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

Стоит обратить внимание, что робот Google воспринимает robots как рекомендации, а не правила. Поэтому может посещать даже закрытые страницы, вопреки правилам.

Viewport

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

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

1. мобильная версия с отдельным адресом;
2. адаптивная верстка под мобильные устройства;
3. динамическая верстка 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 не прописан в коде, браузер будет масштабировать окно как для экрана монитора. Скорее всего такой сайт будет неудобно смотреть со смартфона, потому что контент будет мелким, может появиться горизонтальная прокрутка. Поведенческие факторы ухудшатся, а поисковой робот в мобильной выдаче отдаст лучшие позиции другим сайтам.

Charset и Content-type

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

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

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

или

<meta charset="utf-8">

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

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

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

Author и Copyright

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

<meta name="Author" content="ФИО">

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

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

SEO мета теги нужны для правильного отображения и индексации поисковыми системами.

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

Title

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

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

Оптимизация title

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

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

Title может совпадать с тегом заголовка h1. Однако лучше уникализировать Title.

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

• Релевантность контенту страницы.
• Длина 50-100 знаков.
• Ключевая фраза должна находиться в начале, тогда он будет иметь больший вес для поисковиков.
• Транзакционные ключи, регион и название магазина.
• Коммерческая страница, помимо основного ключа, должна содержать «купить», «заказать», «забронировать» и т.д. Также нужно добавить регион. Помимо этого нужно добавить название бренда.
• Поисковикам не нравится переспам.
• Длинные союзы, частицы, местоимения, вводные и прочие стоп-слова не несут ценности.
• Дозировано используйте прилагательные из разряда «лучший», «самый», «выгодный».
• Тексты для людей. Поисковики приветствуют, когда контент, заголовки и описания читабельные, информативные и естественные.
• Заголовки не должны дублироваться.

Description

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

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

Как правильно написать description?

• Показывайте преимущества и выгоды. Нужно это делать лаконично, чтобы уложиться в ограничение показа символов
• Органично совместите призыв с ключевыми фразами
• Ключевые фразы нужно склонять.
• Желательно уложиться в 150-250 символов, чтобы описание страницы не обрезалось.  
• Description можно составить автоматически, если позволяет CMS.

Keywords

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

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

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

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