Микроразметка schema.org за 5 минут

У некоторых по этому поводу есть целые видеокурсы, которые длятся около часа, я же решил всё вместить в небольшом материале, всего лишь этой статье. Итак, давайте разберемся, как сделать самому микроразметку schema.org, и для чего она нужна.

Зачем нужна микроразметка

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

Если нашему взгляду доступны только визуальные элементы, то робот может совсем иначе воспринимать тот или иной отрезок кода. Чтобы облегчить ему работу, был придуман общий словарь, позволяющий отметить каждый отрезок кода, который необходимо «скушать». Простыми словами — это примерно так и есть.

Делаем микроразметку

На самом деле, можно не поручать это дело фрилансерам и вебмастерам, особенно, если ваш сайт работает на WordPress. У этой cms уже по умолчанию настроена микроразметка Hatom, но она не принята, к примеру, у Яндекса. Таким образом, некоторые веб-мастера для валидности кода и его оптимизации делают микроразметку от Schema.

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

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

itemscope itemtype=http://schema.org/WPHeader – указывает на общий контент
itemscope itemtype=http://schema.org/Article – указывает на тело статьи
itemprop=»name» – обозначает заголовок
itemprop=»author» – авторство
itemprop=»datePublished» (Обязательно время в формате «Y-m-d») – дата публикации
itemprop=»articleBody» – текст статьи
itemprop=»articleSection» – рубрика
itemprop=»image» – если есть изображение

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

<div id=”content”>
Здесь наш контент
</div>

Значит нам необходимо внести вот такие коррективы:

<div id=”content” itemscope itemtype=http://schema.org/WPHeader>
Здесь наш контент
</div>

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

не скупись оцени статью