Метатеги и как их использовать для поисковой оптимизации

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

Метатеги есть, практически, на каждой странице, но увидеть их можно только в HTML коде.

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

  1. Meta title — метатег заголовок.
  2. Meta description — метатег описание.
  3. Meta robots — метатег роботы.
  4. Meta refresh redirect — метатег обновить, перенаправить.
  5. Meta charset — метатег кодировка.
  6. Meta viewport — метатег окно просмотра.

Meta title — метатег заголовок

Вот так выглядит заголовок страницы в поисковой выдаче Google.

Почему же этот тег так важен?

Вот что говорит Google:

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

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

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

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

Вставить напрямую в код страницы <title>…</title>

Если используете WordPress, то установите СЕО плагин, например, Yoast.

Изменение заголовка и описания в плагине Yoast

Другие системы управления контентом имеют такие же возможности редактирования.

Обратите внимание: заголовки разных веб страниц должны отличаться друг от друга!

Meta description — метатег описание

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

Содержание тега описание в поисковой выдаче

Код метатега добавляется в секцию <head>

<meta name=»description» content=»Описание моего контента здесь :)»>

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

  • Делайте уникальные описания.
  • Вставляйте ключевые слова только там, где они подходят по смыслу.
  • Создавайте емкие описания, объемом до 160 знаков.

Meta robots — метатег роботы

Этот тег сообщает поисковику как нужно сканировать вебсайт.

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

Чем важен этот метатег?

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

Значения используемые в этом теге:

  • index — индексировать — разрешает поисковому боту выдачу страницы в поисковых результатах.
  • noindex — запрет на индексирование и как результат данная страница не будет отображаться в поисковой выдаче.
  • follow — разрешает поисковому боту сканировать линки на странице, а также как бы “говорит” поисковому боту, что эти страницы, на которые вы ссылаетесь, вызывают у вас доверие.
  • nofollow — “говорит” поисковому боту/сканеру, что вы не ручаетесь за содержимое страниц на которые ссылаетесь.

Внимание! Отсутствие тега meta robots будет означать для сканеров, что вы разрешаете индексацию данной страницы — index, follow.

Постарайтесь использовать тег meta robots только когда вы хотите ограничить доступ к странице.

Не блокируйте страницы на которых есть meta robots в robots.txt.

Как добавить этот метатег на страницу? В расширенных настройках плагина Yoast.

Meta viewport — метатег окно просмотра

По словам Google:

“Наличие тега говорит о том, что страница оптимизирована для мобильных устройств”

Как результат Google будет повышать поисковую выдачу подобных страниц.

Так выглядит веб-страница с метатегом viewport на мобильном устройстве
.. а так без

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

Используйте meta viewport на всех страницах!

Как добавить этот тег? В наши дни большинство тем для систем управления контентом, такие как WordPress, например, автоматически выводят тег viewport.

Если все же необходимо произвести эту манипуляцию вручную, то нужно добавить <meta name=»viewport» content=»width=device-width, initial-scale=1.0″> в <head> сайта.

Meta charset — метатег кодировка

Этот метатег сообщает браузеру как будет отображен текст страницы в браузере.

Используйте кодировку UTF-8.

Использование неправильной кодировки приводит к неверному отображению букв и знаков, что ведет за собой снижение удобочитаемости и к потере посетителей.

Как добавить тег на страницу? Вставить код <meta charset=”UTF-8”> в <head> кода. Большинство тем WordPress поддерживают кодировку UTF-8 по умолчанию.

Meta refresh redirect — метатег обновить, перенаправить

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

Внимание, не используйте этот тег!

Если вы хотите перенаправить пользователя на другую страницу, то используйте 301-302 redirect.

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

Мы используем cookie-файлы для наилучшего представления нашего сайта. Продолжая использовать этот сайт, вы соглашаетесь с использованием cookie-файлов.
Принять