Поиск

Микроразметка отзывов Schema.org



Что такое микроразметка сайта и зачем она нужна

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

  • контактной информации;
  • группе товаров;
  • группе персон;
  • разделе рейтингов и отзывов;
  • видео;
  • статьях;
  • комментариях.

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

Есть несколько инструментов для микроразметки сайтов.

  1. Для поисковых систем Google, Yandex, Yahoo, Bing и других языком роботов стал Schema. org. Это общий стандарт разметки сайтов в интернете.
  2. Для социальных сетей применяется OpenGraph, придуманный Facebook. Его робот читает также микроразметку LinkedIn, Twitter, «Вконтакте», «Яндекс. Видео». С его помощью показывается превью новостей на странице потенциального клиента.
  3. Для взаимодействия в jabberID, skypeID и yahooChatID нужна семантическая разметка FOAF (friend of a friend, "друг друга«).Описывает имена, пол, возраст.
  4. Вместе к Schema. org иногда используется JSON-LD. Эта разметка определяет содержание «Яндекс. Почты», не исследуя сам поисковик «Яндекса». Описывает страницу, используя язык связанных данных. Построенный с применением JSON-LD контент выглядит более эстетично.
  5. Атрибут class применяется как один из приемов разметки гипертекста в словаре Microformats. org.

Разметка Schema. org — библиотека словарей для описания содержимого сайтов. Имеет свыше 550 классов для описания семантики предметов (товаров) и свойств. Стандарт использует микроданные.

Наиболее масштабный класс называется Thing. Он имеет свои подгруппы.

  • Для описания любого действия используется подкласс Action. Сюда относятся слова, обозначающие объект действия, время, место, инструменты, результат. Применялся в проектах «Яндекс. Острова» и Gmail Actions.
  • Творческие виды деятельности описываются CreativeWork. Группа указывает автора, аудиторию, стили и жанры, картинки и многое другое.
  • Важной для развития сайтов онлайн-магазинов является группа Product. Эта микроразметка нужна для определения товара и его характеристик: модели, бренда, цвета. размера. Может описывать нюансы платных сервисов, например, доставки еды.
  • Контакты, подробности биографии относятся к группе Person. Она объединяет не только существующих в настоящем личностей. Сюда же относятся исторические персонажи и вымышленные.

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

Одна и та же микроразметка может быть хорошо адаптированной для поискового робота «Яндекса», но не работать для Google. Например, часть классов разметки поддерживается поддерживает Yandex. Узнать эффективность текста в конкретном поисковике можно, проверив его валидаторами каждого. HTML страницы или URL адреса вставляется в поле валидатора. Тут же выдается результат. Проверять html нужно перед внесением кода на сайт. Проверка URl происходит с готового ресурса. Обе поисковые системы дадут рекомендации по коррекции разметки на русском языке.

Смысл разметки в Schema. org — добавление дополнительных атрибутов к тегам. Структура микроразметки идет от более широкого понятия к более узкому.

  1. указывается тип контента для разметки;
  2. вставляется URL-адрес текущей страницы;
  3. дается отсылка к логотипу с указанием его параметров (адреса и размера);
  4. пишется контактный телефон;
  5. адрес компании/офиса/склада;
  6. указывается название торгового предприятия.
В специальном формате необходимо поставить дату публикации: год-месяц-день.

Остальные строки структуры предназначены для микроразметки контентного наполнения.

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

  • адрес сайта;
  • адрес организации;
  • часы работы компании.

Важно также помнить о качественном изображении товара. Размытую картинку не спасет никакое правильно выстроенное описание.

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

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

Технически микроразметка отзывов выглядит так:

<!-- Указывается схема Review - отзыв о товаре -->

<div itemprop="review" itemscope itemtype="http://schema.org/Review">

<span itemprop="name">Отзыв о товаре</span>

<!-- В поле date указывается дата публикации отзыва.-->

<meta itemprop="datePublished" content="2017-06-20">20 июня 2017 года

<!-- Указывается схема Rating - рейтинг отзыва -->

<span itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">

<!-- В поле worstRating метаинформацией указываем минимально возможный рейтинг.-->

<meta itemprop="worstRating" content = "1">

<!-- В поле ratingValue мета информацией указываем текущий рейтинг.-->

<<meta itemprop="ratingValue" content = "3">

<!-- В поле bestRating метаинформацией указываем максимально возможный рейтинг.-->

<meta itemprop="bestRating" content = "5"/>

</span>

<!-- Указывается схема Person.-->

<span itemprop="author" itemscope itemtype="http://schema.org/Person">

<!-- В поле name указываем имя автора.-->

<span itemprop="name" class="name">Александр</span>

</span>

<!-- В поле reviewBody указываем сам отзыв на товар.-->

<div itemprop="reviewBody">Текст отзыва(Пылесос работает отлично!)</div>

</div>

</div>

Не надо забывать о микроразметке для мобильных версий сайта. Shema. org работает и на смартфонах. Для улучшения выдачи информации Google внедряет новую технологию. Это AMP (Accelerated Mobile Pages) — бесплатная технология с открытым кодом. Она исключает формы комментирования, рекламу, виджеты. В результате страницы загружаются быстрее. Единственный минус — «ускоренные» страницы хуже индексируются «Яндексом».

Внедрить микроразметку Schema. org на сайт помогает JSON-LD (JavaScript Object Notation Linked Data). Это способ передачи связанных данных в виде текста. Уже не потребуется прописывать HTML-код для страниц. JSON-LD упрощает процедуру добавления микроформатов. Выигрывают не только владелец сайта, но и пользователи поисковиков. Google и Yandex легко считывают микроформаты.