Существует 2 основных формата микроразметки, отличающиеся по назначению и способам внедрения.
Формат Open Graph
Назначение
Open Graph — это стандарт для правильного отображения веб-страниц в социальных сетях. При добавлении ссылки на веб-страницу в социальную сеть можно столкнуться с ее некорректным отображением. Например, вместо тематических изображений, которыми сопровождалась статья, в превью можно увидеть совершенно другой графический контент, который также был на данной странице. К примеру, это может быть рекламный баннер.
Чтобы быть уверенным в корректном отображении своей веб-страницы в социальных сетях, следует использовать стандарт Open Graph. Его создали разработчики социальной сети Facebook. Также этот стандарт поддерживают Вконтакте, Google+, Twitter, LinkedIn и Pinterest.
Пост с прописанной микроразметкой Open Graph:
Внедрение
Теги Open Graph добавляются как свойство в HTML-тег < meta >:
<meta property=”og:тег” content=”значение”> и помещаются в секцию:
<head>...</head>Методы проверки#
Формат Schema.org
Назначение
Schema.org — стандарт семантической разметки данных, который помогает поисковикам лучше понимать данные, представленные на сайте. Например, с помощью разметки можно явно указать поисковым роботам, что на странице site.ru/product_page1 находится товар, и передать основные параметры: название, цену, артикул, производителя и т.д. На основе этих данных поисковики формируют расширенные сниппеты в поисковой выдаче.
Сайты с реализованной микроразметкой видно по сниппетам на странице поисковой выдачи. Вот пример: в выдаче два сниппета с одного и того же сайта, первый — с микроразметкой, второй — без нее.
Внедрение
Для Schema.org подходят четыре вида синтаксиса:
микроформаты (hCard, hCalendar и др.);
микроданные (microdata)
<p itemscope itemtype="http://schema.org/Person">
<span itemprop="name">John Doe</span> is his name.
</p>RDFa
<p typeof="schema:Person">
<span property="schema:name">John Doe</span> is his name.
</p>JSON-LD
<script type="application/ld+json">
{
//здесь помещаются элементы
}
</script>Методы проверки
- Structured Data Testing Tool от Google
- Валидатор микроразметки от Яндекса
- Плагин Structured Data Testing Tool