Что такое микроразметка сайта и для чего она нужна?

Что такое микроразметка сайта и для чего она нужна?

В обзоре поговорим, что такое микроразметка сайта, что она дает, и каким образом внедрить ее.

Содержание:

  1. Что такое микроразметка?
  2. Для чего внедряют микроразметку на сайт?
  3. Основные виды разметки Schema.org
  4. Как сделать микроразметку сайта
  5. Как проверить микроразметку сайта
  6. Как подключить микроразметку к сайту

Что такое микроразметка

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

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

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

Для чего внедряют микроразметку на сайт

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

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

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

Основные виды разметки Schema.org

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

Код выгладит максимально просто. Если львиная доля посетителей находится в России стоит задействовать стандарт микроданных, потому что Яндекс не взаимодействует с альтернативным решением в виде JSON-LD. Так, в случае с рецептом микроразметка будет включать в себя наименование блюда, продолжительность его приготовления, сведения о килокалориях, набор ингредиентов. Это простейший формат, так как в качестве элементов здесь выступают исключительно текстовые данные.

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

Если, например, рассматривать организацию, то в рамках его кода будут отображены следующие данные:

  • название организации;
  • адрес;
  • почтовый индекс;
  • город;
  • номер телефона;
  • E-mail.

Пример разметки Organization в формате Microdata

<div style=»display:none»>

<div itemscope itemtype=»http://schema.org/Organization»>

<span itemprop=»name»>Название организации</span>

Контакты:<div itemprop=»address» itemscope itemtype=»http://schema.org/PostalAddress»>

Адрес:<span itemprop=»streetAddress»>Адрес</span>

<span itemprop=»postalCode»>Почтовый индекс</span>

<span itemprop=»addressLocality»>Город</span>,</div>

Телефон:<span itemprop=»telephone»>Номер телефона</span>,

Электронная почта: <span itemprop=»email»>E-mail</span></div></div>

 

Пример разметки Organization в формате JSON-LD

<script type=»application/ld+json»>{

«@context»: «https://schema.org/»,

«@type»: «Organization»,

«name»: «Название организации»,

«telephone»: «+7 (999) 999-99-99»,

«email»: «info@email.ru «,

«address»: {

«@type»: «PostalAddress»,

«addressLocality»: «Город»,

«streetAddress»: «Адрес»

}}

</script>

Если же добавить структурированную разметку из описанного нами словаря, то характеристики останутся, изменится кодовая часть, перед ней появится надпись <p itemprop=»category»>. Именно за счет этого предположительно и произойдет повышение параметров кликабельности и посещаемости.

Как сделать микроразметку сайта

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

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

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

Порой эти данные считаются максимально интерактивные и содержат пользовательскую оценку, которая обычно вызывает доверие и желание кликнуть. Это расширенный сниппет ввиду содержания им большего объема полезных пользовательских данных и увеличения числа кликов из поисковой системы. Формат микроразметки определяется категориями, которыми наполнен сайт. Расширенные сниппеты делают больше число переходов и совершенствуют позиции сайта за счет факторов поведенческого характера.

Как проверить микроразметку сайта

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

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


Для Google используют инструмент проверки разметки schema.org. Проверка аналогично проверке в Яндекс Вебмастере — добавить ссылку или код.


Важно проверять код в Валидаторах от Яндекс и Google, так как ошибки (при наличии) могут быть видны в одном валидаторе, а в другом нет.

Как подключить микроразметку к сайту

Для активации микроразметки используются следующие инструменты:

  • shema.org с непрерывным совершенствованием, существует достаточно давно и пользуется максимальной популярностью;
  • open graph разработан с Фейсбуком и создавался для формирования привлекательных сниппетов в mass media;
  • JSON-LD – формат вывода посредством JS.

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *