Google проверка микроразметки

Разметка структурированных данных позволяет показывать дополнительную информацию с вашего сайта в результатах поиска и сервисах Google. Мы рады представить несколько обновлений, которые помогут создавать разметку на сайте:

• Новый Инструмент проверки структурированных данных, который показывает, как Google интерпретирует ваш контент.
• Дополненная документация и правила использования возможностей Google, основанных на технологии структурированных данных.
• Расширенная поддержка синтаксиса разметки JSON-LD.

Инструмент проверки структурированных данных

Новый Инструмент проверки структурированных данных лучше показывает то, как Google интерпретирует разметку структурированных данных на странице сайта.

Доступны следующие возможности:

• Проверка для всех функций Google, работающих на основе структурированных данных.
• Поддержка синтаксиса разметки JSON-LD, в том числе для страниц с динамическим HTML.
• Наглядное представление элементов структурированных данных на вашей странице.
• Выделение ошибок разметки прямо в исходном HTML-коде.

Новая документация и более простые правила

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

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

habr.com

Микроразметка сайта

С помощью определенного HTML кода Вы сообщаете поисковикам, что «26 февраля 1802» — это дата его рождения. То же самое с картинками и другими данными.

Какие типы содержания принимаются во внимание поисковиками?

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

Есть несколько типов структурированных данных: микроданные, микроформаты, RDF и Open Graph.

Структурированные данные появились в результате совместного проекта Bing, Yahoo и Google, запущенного в июне 2011 года.

Этот проект называется Schema.org. Это современный стандарт микроразметки, признанный всеми поисковыми системами, и именно его и следует использовать.

Как использовать микроразметку в свою пользу?

Вы должны интегрировать структурированные данные в свои веб-страницы.

Добавление микроразметки не гарантирует попадание в выдачу и не улучшает позиционирование Ваших страниц, но зато улучшает их видимость. Количество кликов возрастает на 20-30%.

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

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

denbriz.ru

Для чего служит разметка?

Давайте рассмотрим на примере. А за пример возьмем большой супермаркет. Представьте, что вы пришли в него, а там нет ни одного указателя, сплошной товар. А вам надо купить хлеб, но где отдел с хлебом? Поэтому для удобства придумали в супермаркетах вывески с указанием, где какой отдел.

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

Думаю, вам теперь примерно понятно для чего она служит на сайте. Это наглядно видно из видио от Яндекса.

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

Первый способ как проверить разметку

Проверять микроразметку на сайте мы будем с помощью 2 сервисов, это Google Structured Data Testing Tool и Валидатор микроразметки от Яндекса.

Начнем с Валидатора от Яндекса. Заходим на сам сервис и вводим любую ссылку на статью. После чего нажимаем проверить. Я за пример возьму свою статью 16 мифов о ведении блога.

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

Вот такие результаты выдал Яндекс:

Как вы можете видеть, ошибок не обнаружено и разметка прописана правильно. В случае если у вас ошибки, то Яндекс покажет вам такую картину:

Все ошибки нужно устранить!

Разберем подробнее мою разметку статьи:

Теперь вы лучше понимаете, зачем проверять разметку.

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

Второй сервис, который мы рассмотрим сегодня это Валидатор от Google. Переходим по ссылки и попадаем в сам инструмент. Тут необходимо ввести все тот же адрес статьи. Нажимаем на «Получить данные по URL» и вводим ссылку статьи.

В правом окне видим результат нашей проверки. Как вы видите, Google сообщает мне, что у меня есть 2 ошибки с разметкой для рейтинга. Я о них знаю и в скором времени устраню. Но зато с остальным у меня все отлично. 🙂

В валидаторе от Google примерно то же самое, что и от Яндекса. За одним исключением вы можете видеть, что вам нахватает и где ошибки в разметке.

Я считаю, что микроразметка необходима блогу и советую ответственно отнестись к этому делу. Без разметки жить можно, вреда это не принесет, но и пользы тоже. А вот один раз, прописав разметку, вы можете быть уверены, что это принесет вам только пользу. Сегодня я показал в статье 2 способа как проверить разметку на сайте, обязательно воспользуйтесь ими.

Если вы не разбираетесь в коде, поручите работу фрилансеру, он за небольшую плату все сделает за вас.

Могу предложить свои услуги, так сказать, выступить в роли фрилансера. Напишите в обратную связь и за небольшое вознаграждение, я поправлю и настрою вам стандартную микроразметку Schema.org.

Спасибо за внимание, не забывайте оставлять свои комментарии и делиться статьей со своими друзьями.

Всех желающих воспользоваться моими услугами прошу в обратную связь.

blogoshpora.ru

Что такое микроразметка сайта?

Несколько лет назад, самые крупные компании Яндекс, Google, Yahoo и Bing заявили о внедрении новых технологий в свои поисковые системы. С тех пор семантическая разметка Shema.org помогает роботам наиболее точно обработать, распределить и понять информацию на интернет-ресурсах, чтобы потом выдать эти данные пользователям в поисковой выдаче.

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

Вот один из примеров, который приводит Яндекс:

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

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

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

Проверка микроразметки Яндекс и Гугл

Для того чтобы проверить микроразметку в Яндексе вам потребуется зайти в панель Яндекс Вебмастер и перейти по ссылке «Проверить микроразметку», либо «Валидатор микроразметки».

Вот быстрая ссылка — webmaster.yandex.ua/microtest.xml

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

Google микроразметка проверяется по адресу: google.com/webmasters/tools/richsnippets.

Проверка здесь проходит по тому же принципу, что и в Яндекс.

Для начала вам нужно просто проверить, не была ли установлена на вашем блоге микроразметка автоматически. Обычно такое бывает при использовании бесплатных шаблонов WordPress. Такие разметки нужно будет удалять перед внедрением разметки Shema.org.

Микроразметка WordPress с плагином и без

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

Обычно микроразметка WordPress осуществляется путём внедрения специальных атрибутов в начальный HTML-код.

На примере ниже можно увидеть отличие кодов с разметкой и без:

На сайте ruschema.org/docs/gs приведен пока неполный список стандартов Shema на русском языке. В этой статье я приведу примеры только начальных атрибутов для разметки контактов, картинок, комментариев, статьи.

Как сделать микроразметку сайта? Атрибуты для header

Начнем с файла header.php, который отвечает за обзор информации в шапке сайта.

Чтобы начать разметку, следует вписать в тег шапки сайта соответствующий атрибут schema.org.

Выглядит он так:

itemscope itemtype="https://schema.org/WPHeader"

Очень важно его правильно вставить в код файла, иначе шаблон может перестать работать.

Находим тег, отвечающий за вывод шапки сайта. У меня это <div id="header">

После вставки атрибута, он должен выглядеть так:

<div id="header" itemscope itemtype="https://schema.org/WPHeader">

Затем в файле шапки сайта нужно найти строки, которые выдают описание и название сайта.

Они могут выглядеть так:

В эти div'ы, содержащие название и описание сайта, нужно вставить атрибуты:

itemprop=»headline»

itemprop=»description»

Вот такой должен получиться код, после вставки:

После этого следует еще раз проверить микроразметку страницы и убедиться, что робот все понял.

Микроразметка статьи

После того, как проведена разметка шапки сайта, можно приступать к микроразметке постов. Для этого следует найти файл, который отвечает за обзор статей. Например, это может быть: single.php.

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

<div id="content" itemscope itemtype="https://schema.org/Article">

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

А вот атрибуты Shema.org, которые отвечают этим объектам:

itemprop=»articleBody» – вывод поста

itemprop=»name» — заголовок

itemprop=»articleSection» — рубрика

itemprop=»datePublished» — дата

itemprop=»author» – автор

Вот, что должно у вас получиться:

Вывод поста: <div class="entry" itemprop="articleBody">

Вывод заголовка, даты публикации и автора:

Вывод рубрики:

Микроразметка картинок

Атрибут itemprop=»image» позволяет роботам быстро распознавать информацию о картинках.

Вставлять его нужно следующим образом в код изображения:

Микроразметка комментариев

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

itemprop=»comment» itemscope=»itemscope» itemtype=»https://schema.org/UserComments»

itemprop=»interactionCount» – количество комментариев

itemprop=»creator» – автор комментария

itemprop=»commentTime» – время создания

itemprop=»commentText» – текст коммента

Вы можете внедрять атрибуты, как в код определенной страницы, так и в файл function.php для того или иного вида объектов.

Для каждого типа файлов есть свой набор атрибутов, который вы можете изучить на сайте со стандартами (url приведен выше), либо используя генератор атрибутов. К примеру, вот этот schema-creator.org/.

Но есть ещё один способ, как сделать микроразметку сайта с применением стандарта schema.org, это воспользоваться плагинами. Популярный плагин для микроразметки wordpress — Schema Creator by Raven. Скачав и установив данный плагин, вы сможете настроить и создать новую разметку. С его помощью, вам представится возможность выбрать тип разметки для определенного вида объектов, заполнить необходимые поля с описанием и получить готовый код.

Также подробную информацию о том, как сделать микроразметку Яндекс, можно узнать здесь: .

Кроме того, вы можете задавать вопросы в комментариях к статье.

Удачи!

pro-wordpress.ru

Structured Data Testing Tool — проверка микроразметки в Google

В начале 2015 года Google обновила свой инструмент Structured Data Testing Tool, который в наглядном виде представляет размеченные данные, анализирует и выводит на экран результаты проверки.

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

• логотипы и контактные данные компаний;
• ссылки на профили в социальных сетях;
• расширенные описания веб-страниц в результатах поиска;
• элементы навигации («хлебные крошки»).

И многое другое! Берете готовый пример, вставляете свои данные и готово! Останется только разместить полученный код на странице.

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

В левой колонке приведен исходный код страницы, где удобным образом выделены строки, связанные с предупреждениями и ошибками:

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

Валидатор микроразметки структурированных данных в Яндексе

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

После нажатия кнопки Проверить парсер обработает страницу и покажет результаты проверки:

В случае обнаружения ошибок и предупреждений Вы увидите их причину, например, несоответствие полей текущей спецификации стандарта:

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

На этом все, очень надеюсь, что Вам пригодятся эти инструменты для проверки семантической разметки и внедрение Schema.org или иного стандарта пойдет на пользу Вашим сайтам!

webliberty.ru

Как настроить создание микроразметки на сайте под управлением CMS Joomla?

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

Мы рекомендуем использовать именно его: Google Structured Data Markup.

Google Structured Data Markup позволит Вам вывести логотип и название сайта в поисковых выдачах, а также настройка и отобразить поле поиска в сниппете. Он легко интегрируется с такими популярными расширениями для Joomla как: K2, Virtuemart, Hikashop, K2Store и другими.

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

.

Как проверить корректность микроразметки Schema.org?

Для проверки валидации («правильности») микроразметки предназначены специальные сервисы, которые были разработаны поисковыми системами. Мы будем в данной статье проверять микроразметку для поисковой системы Yandex и Google.

Вот ссылки на два сервиса проверки валидации микроразметки Schema.org:

•  Валидатор микроразметки от Google
•  Валидатор микроразметки от Yandex

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

Какие типы содержания принимаются во внимание поисковиками?

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

Как использовать микроразметку в свою пользу?

1. Вы должны интегрировать структурированные данные в свои веб-страницы.
2. Добавление микроразметки не гарантирует попадание в выдачу и не улучшает позиционирование Ваших страниц, но зато улучшает их видимость. Количество кликов возрастает на 20-30%.

 

 

nsys.by

Способы проверки микроразметки валидатором от Google

По функционалу проверки микроразметки, поисковые системы Google и Яндекс схожи.

В валидаторе доступно две вкладки, соответственно два способа проверки микроразметки:

1. по URL-у — способ удобен, если страница размещена в Интернете, необходимо просто скопировать адрес страницы и вставить в соответствующую строку
2. по HTML- коду- способ удобен, если страница не опубликована в сети, необходимо скопировать фрагмент кода и вставить в соответствующее поле

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

Сравнение результатов валидаторов от Google и Яндекса.

А теперь подходим к самому интересному, сравнив результаты работы валидаторов от Google и от Яндекса.

Для большей наглядности, используем тот же фрагмент HTML-кода, что и при проверке микроразметки в валидаторе Яндекса.

  &lt;span itemscope itemtype=&quot;http://<a href="https://semantica.in/blog/kak-vnedrit-mikrorazmetku-schema-org-na-sajt-chast-1.html">schema.org</a>/LocalBusiness&quot;&gt;  	&lt;b&gt;Семантика&lt;/b&gt;&lt;/br&gt;  	&lt;span itemprop=&quot;address&quot; itemscope itemtype=&quot;http://schema.org/PostalAddress&quot;&gt;  		&lt;span itemprop=&quot;address&quot;&gt;Воронеж&lt;/span&gt;&lt;/br&gt;  		&lt;span itemprop=&quot;streetAddress&quot;&gt;ул. Торпедо, д. 15&lt;/span&gt;  	&lt;/span&gt;&lt;/br&gt;  	&lt;time itemprop=&quot;openingHours&quot; datetime=&quot;Mo, Tu, We, Th, Fr 09:00−22:00&quot;&gt;  		Пн-Пт, с 09:00 до 22:00  	&lt;/time&gt;&lt;/br&gt;  	&lt;span itemprop=&quot;telephone&quot;&gt;+7 (473) 279-96-26&lt;/span&gt;  &lt;/span&gt;  

Напомним, что при проверке данного фрагмента HTML-кода валидатор Яндекса показал одну ошибку и одно предупреждение. Рассмотрим результат инструмента от Google:

Как мы видим, валидатор от Google, в отличии от валидатора Яндекса, указал всего лишь на одну ошибку- о несоответствие свойства у данной сущности. Как исправить помеченную ошибку мы уже знаем.

 

Подведем итог

Данный пример показал, несмотря на то что поисковые системы поддерживают один и тот же стандарт микроразметки Schema.org, требования к нему у них разные. Поэтому при разметке сайта необходимо обязательно проверить микроданные как в валидаторе Яндекса, так и в инструменте проверки структурных данных от Google.

В отличие от поисковой системы Яндекс, Google не сообщает об интервале времени, в течение которого микроразметка сайта вступит в силу.

 

Кстати, в наших статьях всегда мало воды и много практических советов с историей многолетнего опыта. Мы думали над тем, чтобы наладить рассылку, но пока не успеваем. Так что удобней всего подписаться на группу, куда мы сразу расшариваем новые статьи, как только они появляются в блоге.

semantica.in

Микроразметка на примере

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

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

 

Видео по микроразметке:

Для чего нужна микроразметка?

Если вы еще не внедрили микроразметку на своем ресурсе, то поторопитесь с этим. И вот 2 причины поторопиться это сделать:

• во-первых, так удобнее пользователю. Если HTML-код помогает оформить данные, то микроразметка помогает подробно объяснить, что именно мы имели в виду. Не только рассказать о ресурсе, но и показать часть его содержимого. Разметка помогает оптимизировать поиск, сделать этот процесс менее времязатратным;
• во-вторых, это полезно с коммерческой точки зрения. Когда покупатель видит в поисковой выдаче множество ответов на свой вопрос, то ему легче выбрать сайт, который предоставляет всю информацию о себе именно в выдаче. Соответственно, больше шансов, что он перейдет по показанной ссылке.

Виды микроразметки сайта

• Schema.org — язык роботов поисковых систем Яндекс и Google. Отметим, что его также понимают Bing и Yahoo, и другие роботы менее известных поисковых систем. Schema.org — самый распространенный язык микроразметки. несколько лет назад его приняли за всеобщий стандарт разметки данных. 
• OpenGraph — способ разметки информации, используемый роботами социальных сетей. Разработала его Facebook, но подхватили Вконтакте, Twitter, Google+, LinkedIn и все остальные. Используется для отображения превью в новостной ленте пользователя. Также этот язык понимает Яндекс.Видео.
• JSON-LD — способ описания содержания страницы с помощью языка связанных данных. Описанная таким образом информация видна для роботов, но скрыта от людей. Чтобы было понятно: этот язык различает Яндекс.Почта, но оставляет без внимания поисковой робот Яндекса. Может быть использован в качестве дополнения к Schema.org (кстати, структурированные таким образом данные выглядят красивее).
• Микроформаты — альтернативный способ разметки гипертекста через атрибут “class”. Например, задаем тег<div class=”adr”></div>, то есть сообщаем роботу о том, что внутри <div>помещен адрес.

Что такое микроразметка Schema.org?

Schema.org – набор словарей, используемых для описания объектов и сущностей на страницах сайтов. Стандарт использует микроданные.

В стандарте Schema.org есть порядка 550 классов, но их число неуклонно растёт. Некоторые классы поддерживаются сервисами Яндекса.

Что можно размечать?

Практически всё (существует более 100 схем), но не вся разметка будет использована поисковыми системами. Что точно стоит размечать:

• Товары
• Контакты
• Статьи
• Отзывы / рейтинги
• Комментарии
• Видео
• Люди (персоны)
• Рецепты

Микроразметка товаров

<div itemscope itemtype="http://schema.org/Product"> <!--Указывается схема Product-->  	<!--В поле name указывается наименование товара-->  	<div itemprop="name"><h1>Кровать Мелисса с мягкой спинкой</h1></div>  	<!--В поле image указывается ссылка на картинку товара-->  	<a itemprop="image" href="products_pictures/large_krovat.jpg">  		<img src="products_pictures/medium_krovat.jpg" title="Кровать Мелисса с мягкой спинкой">  	</a>  	<!--Указывается схема Offer-->  	<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">  		<div>8 350 руб.</div>  		<!--В поле price указывается цена товара-->  		<meta itemprop="price" content="8350.00">  		<!--В поле priceCurrency указывается валюта-->  		<meta itemprop="priceCurrency" content="RUB">  	</div>  	<!--В поле description дается описание товара-->  	<div itemprop="description">Цена указана за кровать Мелисса с мягкой спинкой; размером спального места 900х2000 мм. Подушки у спинки кровати изготовляются из искусственной кожи. В комплектацию входит ортопедическое основание на ножках.</div>  	</div>  

Микроразметка контактов

<div itemscope itemtype=”http://schema.org/Organization”>
<span itemprop=”name”>superwebmaster</span>
Контакты:<div itemscope itemtype=”http://schema.org/ProstalAddress”>
Адрес:
<span itemprop=”streetAddress”>проспект Ленина,11</span>
<span itemprop=”prostalCode”>454055</span>
<span itemprop=”addressLocality”>Челябинск</span>
</div>
Телефон:<span itemprop=”telephone”>+7-908-04-29-***</span>
</div>

Микроразметка статьи

<div itemscope itemtype="http://schema.org/Article">
<header>
<h1 itemprop="headline name">Пример микроразметки статьи</h1>
</header>
<span itemprop="datePublished" content="ГОД-МЕСЯЦ-ДЕНЬ">Дата размещения</span> 
<span itemprop="author">Солтык Алексей</span>
<div itemprop="description"> 
<p>Текст краткого описания</p> 
<p>...</p>
</div>
<h2 itemprop="alternativeHeadline">Подзаголовок статьи</h2>
<div itemprop="articleBody">
<article> 
<img itemprop="image" src="URL адрес изображения" title="Какое-то изображение в статье" alt="Альтернативное название"> 
<p>Размечаем содержимое статьи!</p> 
<p>...</p>
</article>
</div>
</div>

Микроразметка отзывов (рейтинга)

<div itemscope itemtype="http://schema.org/Product">
<meta itemprop="name" content="Название страницы"> 
<span itemprop="offers" itemscope itemtype="http://schema.org/Offer"> 
<meta itemprop="price" content="0.00"> 
</span> 
<p itemprop="description">Описание страницы</p> 
<div class="left" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> 
<meta itemprop="ratingValue" content="4.63" /><!-- Количество отображаемых звезд -->
<meta itemprop="ratingCount" content="9" /><!-- Количество голосов --> 
</div>
</div>

Микроразметка комментариев

<div itemprop="comment" itemscope="itemscope" itemtype="http://schema.org/UserComments">  <span itemprop="commentTime" content="2017-05-23T12:14:22">23.05.2017 12:14:22</span>  <span itemprop="creator">Алексей</span>:  <div itemprop="commentText">Мощная статья. Спасибо!</div>  </div>

Микроразметка персон

<h1 itemprop="name">Анджелина Джоли</h1><br/>  <img itemprop="image" src="//domen.ru/wp-content/uploads/iphone360_20866-1.jpg" alt="Анджелина Джоли">  <b>ФИО на английском:</b> <span itemprop="alternateName">Angelina Jolie</span><br />  <b>Дата рождения:</b> 04 июня 1975 года<br />  <meta itemprop="birthDate" content="1975-06-04"/>  <b>Рост:</b> <span itemprop="height">1.69 м</span><br />  <b>Знак зодиака:</b> близнецы<br />  <b>Место рождения:</b> <span itemprop="birthPlace">Лос-Анджелес, Калифорния, США</span><br />  <b>Карьера:</b> <span itemprop="jobTitle">Актриса, Продюсер, Режиссер, Сценарист</span><br />  <b>Жанры:</b> драма, триллер, боевик<br />  <b>Супруг:</b> <span itemprop="spouse">Джонни Ли Миллер (развод), Билли Боб Торнтон (развод), Брэд Питт, шестеро детей</span><br />

Микроразметка рецептов

<div itemscope itemtype="http://schema.org/Recipe"> 
<h1 itemprop="name" >Курица в пиве с рисом</h1> 
Этот рецепт найден в Тибетском монастыре в 1871 году во время экспедиции графа Никанора Уйского. Он был написан в VI веке до нашей эры на глиняной табличке. 
<img itemprop="resultPhoto" src=​"profit.jpg" /> 
<ul> 
<li>Автор рецепта: <span itemprop="author">Граф Уйский</span></li> 
<li>После приготовления вы получите <span itemprop="recipeYield" >4 порции</span></li> 
<li>Время приготовления: <meta itemprop="totalTime" content="PT45M"/>45 минут</li> 
</ul> 
<h2>Ингредиенты</h2> 
<ul>
 <li itemprop="ingredients"> 1 курица </li>
 <li itemprop="ingredients" > 5 л пива </li> 
<li itemprop="ingredients" > соль </li> 
<li itemprop="ingredients" > перец </li> 
<li itemprop="ingredients" > специи по вкусу </li> 
</ul> 
<h2>Способ приготовления</h2> 
<ul itemprop="recipeInstructions"> 
<li><img itemprop="image" src=​"creks.jpg" alt="нарезанная кусочками курица"/> Курицу нарезать на кусочки, выложить в форму для запекания, посолить, поперчить, добавить специи по вкусу. </li>
 <li><img itemprop="image" src=​"feks.jpg" alt="курица залитая пивом"/> Курицу залить пивом, поставить в духовку. </li> 
<li><img itemprop="image" src=​"peks.jpg" alt="курица в духовке"/> Жарить при температуре 180 градусов в течение 40—45 минут. </li>
 </ul> 
<span itemprop="recipeCategory">Блюда из курицы</span> 
<div itemprop="nutrition" itemscope itemtype="http://schema.org/NutritionInformation"> Пищевая ценность: 
<ul> 
<li>Калории: <span itemprop="calories">120 ккал.</span>,</li> 
<li>Жиры: <span itemprop="fatContent">7 г.</span></li> 
<li>Углеводы: <span itemprop="carbohydrateContent">1 г.</span></li> 
</ul> 
</div> Приятного аппетита! </div>

Влияние микроразметки на ранжирование в Яндексе

Разметка делает ресурс более заметным для пользователей в поисковой выдаче. Яндекс же радеет за то, чтобы пользователи получали ту информацию, которая пытались найти. Поэтому и была внедрена метрика «счастье пользователя». Если сайт с микроразметкой повышает «счастье пользователя», то он ранжируется выше.

Влияние микроразметки на ранжирование в Гугл

По данным на октябрь 2012 года, Google не берёт в расчёт микроразметку для повышения позиций сайтов.

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

 Влияет ли наличие микроразметки на позиции сайта в поисковой выдаче? Администрации поисковых систем отрицают эту зависимость, но, при этом, рекомендуют использовать schema.org. Конструкторы сайтов содержат модуль для работы с OpenGraph. При этом вопрос об оптимальном выборе остается открытым.

Валидаторы микроразметки

Инструменты для работы с микроразметкой поисковых систем:

1. Structured Data Testing Tool. Особенность сервиса состоит в том, что можно на примерах увидеть, как выполняется микроразметка. Просто скопируйте пример в свой шаблон и подставьте $переменные$ в код.
2. Разделы “Структурированные данные” и “Маркер” в Search Console от Google, которые позволят настроить микроразметку.
3. Валидатор микроразметки от «Яндекс».
4. Яндекс.Справочник. Добавьте информацию о своей организации и в результатах поиска “Яндекс” будет показываться адрес, телефон и график работы.

Выводы

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

Не имеет значения какую разметку вы будите использовать – schema.org или какую-нибудь другую, главное, чтобы она была выполнена правильно и без ошибок и выделяла ключевые моменты страницы. Систематически проверяйте ее с помощью «Валидатора» и «Инструмент проверки структурированных данных», проводите глубокий разбор вашей деятельности и у вас все получится.

webmaster-seo.ru