Для новичка

Что такое мета теги, как правильно заполнить и проверить: примеры из практики

|Автор: Вячеслав Васипенок|5 мин чтения| 3888
Что такое мета теги, как правильно заполнить и проверить: примеры из практики

Здравствуйте!

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

Мета теги — это специальные теги html, находящиеся в контейнере <head> и предназначены для передачи информации о сайте браузерам и поисковикам. 

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

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

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

Виды мета-тегов:

  1. title (тайтл) — заголовки страниц;
  2. description (дискрипшн) — краткое описание страницы;
  3. keywords (кейвордс) — ключевые слова;
  4. технические мета теги (отвечают за корректность отображения страницы).

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

Что такое мета теги, как правильно заполнить и проверить: примеры из практикиС точки зрения SEO, главные мета теги сайта это Title и Description. Поэтому именно правильность их заполнения мы и рассмотрим. Повторимся, что все они должны располагаться между тегами <head> </head> и не в каком другом месте кода.

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

Title

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

Что такое мета теги, как правильно заполнить и проверить: примеры из практики

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

Что такое мета теги, как правильно заполнить и проверить: примеры из практикиНапример:

  1. Для коммерческого сайта: «Купить ноутбук в Москве — цены от 19990 р в интернет-магазине | site.ru»
  2. Для информационного сайта: «Как правильно выращивать алоэ в домашних условиях | Садовод»

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

Description

Что такое мета теги, как правильно заполнить и проверить: примеры из практикиМета-тег Description отвечает за то, чтобы в нескольких предложениях описать суть информации на странице. Обычно поисковая система берёт информацию из этого тега для формирования сниппета в результатах выдачи (чаще всего так делает Google, реже Яндекс).

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

Что такое мета теги, как правильно заполнить и проверить: примеры из практикиПримеры:

  1. «Купить ноутбук в Москве. Закажите ноутбук по цене от 19 990 рублей в интернет-магазине. Доставка бесплатно. Гарантия 2 года.»
  2. «Как правильно выращивать алоэ в домашних условиях. Журнал Садовод делится секретами выращивания растения алоэ дома.»

Длина не более 140 символов. На чистом html, это выглядело бы вот так:

Keywords

Что такое мета теги, как правильно заполнить и проверить: примеры из практикиМета тег Keywords — это набор ключевых слов, по которым продвигается страница. Впрочем сегодня этот атрибут уже не является обязательным и заполняется по желанию, так в «золотую эпоху» SEO им слишком злоупотребляли и поисковые системы практически не обращают внимание на него. Если же вы всё-такие решили заполнить keywords, лучше это делать простым перечислением слов в начальной форме без запятых:

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

Длина любая, но слишком усердствовать не стоит. В html правильно пишется вот так:

Что такое мета теги, как правильно заполнить и проверить: примеры из практикиТехнические мета-теги:

  1. Expires — дата устаревания документа.
  2. Pragma — запрет на использование кэшированных данных, информация должная подгружаться с сервера.
  3. Content-Type — тип контента и кодировка.
  4. Content-language — языка страницы/сайта.
  5. Cache-Control — устанавливает кэшируется ли документ или нет, и если да, то каким образом.
  6. Robots — отвечает за индексацию отдельных страниц.
  7. document-state — частота индексации.

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

Как добавлять мета теги на CMS

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

Что такое мета теги, как правильно заполнить и проверить: примеры из практикиДля WordPress потребуется установка плагина Yoast Seo или All Seo Pack. Другие плагины не рекомендуем.

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

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

Что такое мета теги, как правильно заполнить и проверить: примеры из практикиХоть Wix и не является CMS — это всего лишь конструктор, здесь тоже можно сделать мета описание сайт и ключевые слова, в которых содержится информация о сайте.

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

Но если вы всерьёз вознамерились продвигать сайт в поисковиках, Wix лучше не использовать и выбрать например, тот же WordPress.

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

Что такое мета теги, как правильно заполнить и проверить: примеры из практикиДля проверки мета тегов на собственном сайте, можно воспользоваться панелью вебмастеров Яндекс. Для этого зайдите в Вебмастере «Диагностика — Диагностика сайта».

На открывшейся странице нажмите «Ознакомиться». После этого вам будет показан список страниц, у которых не заполнен <description>.

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

Вот несколько таких сервисов:

  1. Промопульт
  2. Серпстат
  3. Пиксельплюс

Заключение

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

До новых встреч!

Поделиться:
0