пятница, 27 сентября 2013 г.

Знакомство с микроданными Schema.org. Часть 1.

Наверное, некоторые из вас уже знают про такой стандарт семантической разметки данных, как Schema.org. Давно хотел попробовать эту вещь на интернет магазине. Убил часа два, чтобы понять что к чему. Раз десять проверял на валидаторах Гугла и Яндекса. И вот свершилось! Мне удалось объявить сущность "товар" и два типа: "название" и "изображение".
Т.к. в Блоггере нет по умолчанию возможности выводить фрагменты кода с подсветкой синтаксиса, запишу код как есть. Синим цветом выделил то, что добавил в исходный код страницы product.

itemscope - мы объявляем, что далее следует некая сущность.
itemtype="http://schema.org/Product" - указываем, какая конкретно сущность объявляется (в нашем случае - товар)
itemprop="name" - объявляем тип "название"
itemprop="image" - объявляем тип "изображение"

<div itemscope itemtype="http://schema.org/Product" id="content"><?php echo $content_top; ?>
  <h1><span itemprop="name"> <?php echo $heading_title; ?></span></h1>
  <div class="product-info">
    <?php if ($thumb || $images) { ?>
    <div class="left">
      <?php if ($thumb) { ?>
      <div class="image"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox"><img itemprop="image" src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" /></a></div>

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



Код структурированных данных
Item 
type:http://schema.org/product
property:
name:Мужские часы Hublot...
image:http://shopup.com.ua/image/cache/data...
Следующая задача, которую необходимо решить - объявить сущность "Offer" и тип "Цена". Но там свои подводные камни. Видится мне, не все так просто будет...

1 комментарий: