Микро разметка schema.org для сайта

Микро разметка schema.org для сайта

Будем делать микро разметку для блога. Правильная разметка страницы по стандарту schema.org, помогает Яндексу и Гуглу правильно обрабатывать контент на сайте. Отсутствие микро разметки – это не конечно не страшно но это и не хорошо. Сайт должен быть так сказать “ухоженным”. Многие люди штампуют сайты под заказ не соблюдая элементарных правил, одно из них – правильная разметка страницы.Это не только schema org , так же правильные теги заголовков — h1,h2,h3 и многое другое.Schema это стандарт разметки который поддерживается всеми популярные поисковиками.

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

Многие блогеры, особенно те которые пытаются нагло подзаработать на своих читателях, пугают отсутствием микро разметки на сайте.На самом деле, отсутствие правильной микро разметки может сказаться на выдаче в поисковике, но скажется это в таком виде когда пользователю надо будет самому в голове обрабатывать полученные данные и искать нужные. Вбиваете например “адрес фирмы такой то”, вместо адреса, телефона и других контактах выскочит просто страница с контактной информацией, пользователю нужно будет зайти на страницу и там искать данные. Скажете вы, ну и пусть заходит на мой сайт, мне нужны посетители! А разве человек который ищет ваши контакты это ни есть посетитель?Это практически прямые продажи,непосредственный контакт. Как раз тот случай, когда он уже знает зачем вы ему, но ему просто нужен телефон или адрес. Так дайте ему ваши контакты в удобной форме и оперативно!

Опять же, это в случае контактов, в случае например с блогом, надо разметить тело статьи, автора, комментарии.В плане индексации это хороший плюс. Касаясь влияния на продвижение сайта с микро разметкой и отсутствием ее, оно минимально но оно есть. Плюс одна позиция вам за разметку будет обеспечена.Да и в поисковой выдаче ваш контент всегда будет понятным и структурированным , а не кашей из 5 злаков. Вообщем, ребята, это так сказать дресс-код который если не обязательно, то желательно соблюдать. Настоятельно рекомендую использовать разметку.Это даст вам преимущество в сниппете, он будет более информативными правильным, что будет сказывается на представление вашего сайта в поиске по сравнению с конкурентами.

Shema org – типы данных

В Schema.org есть много типов данных, со всеми можно ознакомится на сайте Schema.Рекомендую ознакомится с основными типами данных на странице Яндекса. Профессиональный верстальщик, отличается именно внедрением в разметку HTML структуры shema.org. Типы данных shema org разнообразны, от разметки картинки до большой книги. Вот приведу пример сниппета рецептов, на первом фото сниппет размеченный а на второй нет:

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

Разметка блога WordPress

В данный момент у меня на блоге не размечены комментарии к статьям. Просто я до этого делал разметку на трех предыдущих шаблонах и немного подустал. Все хочу хочу разметить но никакне доберутся руки до этого. Однако сами статьи размечены, если вы проверите на валидаторе, то никаких ошибок на моих статьях не будет. Для начала нужно установить формат вывода даты в ISO 8601, как у меня на сайте при открытие записи. Заходите в настройки , общие и поставьте формат:

Либо можете выводить дату вот такой командой:

Вставьте код в нужный фрагмент страницы.

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

Заголовок статьи

,

короткое описание

Текст статьи здесь

Заголовок статьи

,

короткое описание

Текст статьи здесь

В div’е где itemtype = article – Находится вся наша статья , вместе с автором, датой, заголовком и коротким описанием. Конкретных способов не дам, так как каждый шаблон устроен по раному. Единственное , короткое описание можете сделать в виде шорткода для редактора. То есть отдельный кусок статьи берите в шорткод с тегом span и свойством itemprop=description. Все остальное прописывайте в шаблоне или соответствующих файлах.

Оформление комментариев:

Имя автора комментария

текст комментария

дата комментария

Имя автора комментария

текст комментария

дата комментария


Проверить правильность разметки вы можете здесь

Для WordPress есть отдельный плагин “Schema Creator by Raven” с остальным списком плагинов для популярных CMS можете ознакомится здесь.Плагин для WordPress неудобен тем что нам необходимо все вписывать вручную для каждой статьи. По мне, легче уделить время и разметить сам шаблон – все что нам останется после разметки шаблона, это вручную вписывать короткое описание. Но как я уже писал , делать это можно с помощью шорт кода. Все никак не найду время для разметки комментариев, думаю до конца этой недели размечу и комментарии.Надеюсь вы поняли принцип разметки страниц и конкретно блога. Всех вам благ! Подписывайтесь!

comments powered by HyperComments

Оставьте мне собщение