Вы когда-нибудь задумывались над тем, как и почему Google показывает рейтинг для некоторых специальных обзоров на странице результатов поиска Google (SERP)?
В этой статье мы обсудим, как добавить разметку (rich snippet) для Review / Rating в виде schema.org, чтобы Google мог понять детали вашего отзыва и показать его на странице поиска.
Прежде чем мы начнем, давайте разберемся, что такое schema.org?
Schema – это тип микроданных, который упрощает поисковым системам Google или Bing более эффективно анализировать и интерпретировать информацию на ваших страницах блога. Идея заключается в том, чтобы помочь поисковым системам понять все данные в структурированном формате, чтобы поисковая система также отображала эти релевантные данные результата конечным пользователям на основе поисковых запросов.
Давайте начнем:
1. Как добавить структурированные данные в ваш блог в виде schema.org?
Со многими шаблонами и фреймворками такими как Genesis Framework по умолчанию поставляется разметка форматами microdata schema.org. Они выводят микроданные в код вашего сайта. Мне не нужно ничего добавлять, и это красота этих фреймворков и шаблонов. Но почему-то есть все кроме разметки Отзывов и Рейтинга, о которой мы поговорим ниже.
2. Как проверить структурированные данные вашего сайта?
Консоль поиска Google по умолчанию предоставляет возможность просмотра структурированных данных. Взгляните на диаграммы ниже.
Чтобы увидеть эти данные, вы должны добавить свой сайт или блог в Search Console. Как только вы подтвердите собственность своего сайта, вы сможете сразу увидеть данные или подождите недельку, чтобы автоматически получать эти данные.
3. Как проверить, правильность разметки ваших структурированных данных ?
- В дополнительном последнем столбце с названием “Элементы с ошибками” вы увидите пометку если ошибки присутствуют. Google также предоставляет дополнительный инструмент под названием «Инструмент тестирования структурированных данных».
- Просто зайдите туда и нажмите «Получить из URL».
- Укажите URL-адрес и нажмите Получить и проверить
- С правой стороны – вы должны увидеть результат проверки schema.org
- В случае неудачи и плохой schema.org – вы должны увидеть КРАСНОЕ цветное сообщение
Разверните раздел «Обзор», и вы сможете увидеть все подробные микроданные для своего обзора. Вы можете проверить свою разметку самостоятельно. Вот URL. Данный инструмент проверяет практически все виды разметок Shema.org.
4. Добавим сниппет разметки Shema.org для отзывов на нашем сайте
Вот HTML-код, который нужно поместить по образу и подобию на вашем сайте для разметки отзывов.
<div class="site-rating" itemscope itemtype="http://schema.org/Review">
<span itemprop="itemReviewed" itemscope itemtype="http://schema.org/Thing" style="font-size: 16px;"><a itemprop="url" href="https://yousite.com/refer/vladimir" target="_blank"><span itemprop="name"><strong>WordPress Theme Review</strong></span></a></span>
<p></p>
<strong>Description: </strong><span itemprop="description">One of the best WordPress Theme. Default comes with Google's rich schema.org snippet microdata.</span>
<span itemprop="author" itemscope itemtype="http://schema.org/Person"><strong>Written by:</strong> <span itemprop="name">App Vlad</span></span>
<span itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating"><strong>Rating:</strong> <span itemprop="ratingValue">5</span> out of <span itemprop="bestRating">5</span></span>
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="IT BLOG, LLC."/>
</span>
</div>Вот и все. После добавления кода на странице вашего сайта снова вернитесь к инструменту Google Structured Data Validation и проверьте URL-адрес вашей страницы еще раз. Может потребоваться до недели, чтобы ваш пост был обновлен в SERP на основе алгоритма сканирования.
