Мы работаем не только в Моcкве, но и в других городах России:

Продвижение по трафику от 50 копеек за переход. Заказать

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

Подписаться
Больше интересностей из блога студии SEMANTICA
Получайте эффективные советы по интернет-рекламе и SEO-оптимизации вашего сайта
ВКонтакте:
Facebook:
Twitter:
shema1

Микроразметка (семантическая разметка) — разметка страниц сайта с помощью дополнительных HTML тегов и атрибутов.

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

Сниппет — информационное описание документа, которое выводится в результатах поиска.

Пример сниппета

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

Полезные ссылки:

  1. Официальный сайт Schema.org
  2. Проект перевода ruschema.org

Микроразметка Schema.org является стандартом семантической разметки данных в Сети. Этот формат поддерживают многие крупные поисковые системы такие, как Bing, Google, Yahoo! и Яндекс. Schema.org предоставляет словарь, с помощью которого и размещается контент страницы для поисковых систем.

Как разметить контент на сайте с помощью Schema?

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

mikrorazmetka-stati
Может пригодиться: продвижение сайта недвижимости - пакет предложений с индивидуальным подходом

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

Opredelenie suchnosni

В открывающем теге добавляем атрибут itemscope. Это означает, что данный тег содержит некую сущность. Обозначим тип сущности атрибутом itemtype, сразу после itemscope. Названия типов имеют вид URL. Обозначение типов микроданных можно найти на официальном сайте Schema.org. У нас же название типа http://schema.org/Article.

<div class="content" itemscope itemtype="http://schema.org/Article">
...
</div>

После объявления сущности, обозначим ее свойства. Синтаксис свойств сущностей можно найти на официальном сайте Schema.org. Для объявления свойств используется атрибут itemprop. Аналогично находим на странице тег, содержащий заголовок нашей статьи. Теперь добавим атрибут с названием свойства.  У нас название свойства — заголовок name.

<h1 class="title mt-base" itemprop="name">CMS с точки зрения SEO</h1>

Аналогично объявляются все свойства сущности. Ниже перечислим:

<span class="nowrap" datetime="2014-12-03" itemprop="datePublished">3 декабря 2014 года</span>
<a href="//semantica.in/blog/tag/cms" itemprop="articleSection">CMS</a>
<div class="text" itemprop="articleBody">
Содержимое статьи
</div>

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

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

Задать вопрос по статье
Подпишись на нашу группу в VK и получай экспертные статьи прямо в ленту!

Мы работаем не только в Моcкве, но и в других городах России: