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

Информация и полезные ссылки по микроразметке

• schema.org/BreadcrumbList
• support for data-vocabulary

Тестирование (проверка) микроразметки:

• Google: https://search.google.com/test/rich-results
• Yandex: https://webmaster.yandex.ru/tools/microtest/

Data-Vocabulary.org itemprop="child"

<div class="breadcrumbs">
  <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
	<a href="http://noteskeeper.ru" itemprop="url">
	  <span itemprop="title">Свежие заметки</span>
	</a> ›
	<span itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
	  <a href="http://noteskeeper.ru/topic/markup/" itemprop="url">
		<span itemprop="title">Вёрстка</span>
	  </a> ›
	  <span itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
		<a href="http://noteskeeper.ru/527/" itemprop="url">
		  <span itemprop="title">Вёрстка независимыми блоками</span>
		</a>
	  </span>
	</span>
  </span>
</div>

Тоже самое, но без вложенности с помощью свойства itemref:

<ul class="breadcrumbs">
  <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"
		  itemref="breadcrumb-1">
	<a href="http://noteskeeper.ru" itemprop="url">
	  <span itemprop="title">Свежие заметки</span>
	</a>
  </li >
  <li itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"
		  id="breadcrumb-1" itemref="breadcrumb-2">
	<a href="http://noteskeeper.ru/topic/markup/" itemprop="url">
	  <span itemprop="title">Вёрстка</span>
	</a>
  </li>
  <li itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"
		  id="breadcrumb-2">
	<a href="http://noteskeeper.ru/527/" itemprop="url">
	  <span itemprop="title">Вёрстка независимыми блоками</span>
	</a>
  </li>
</ul>

Подробнее об этом методе читайте здесь.