Микроразметка – основные типы и свойства schema.org

Здравствуйте, уважаемые друзья. Две мои предыдущие статьи были посвящены микроразметке. Как вы помните, я рассказал, как разметить главную страницу, статьи и страницы блога, а так же, как разметить комментарии.

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

Конечно, микроразметка, представленная в предыдущих статьях, подходит для всех типов ресурсов. Но на этом не заканчивается, есть ещё очень много типов и свойств, на все случаи жизни. Об основных типах микроразметки schema.org и пойдёт речь в этой статье.

Основные типы микроразметки schema.org

CreativeWork – творческое произведение.

Book – книги.

Movie – фильмы.

TVSeries – телесериалы.

VideoObject – видео.

MusicRecording – музыка.

AudioObject – аудио.

ImageObject – изображение (галереи).

Recipe – рецепты.

Event – событие.

Organization – организация.

LocalBusiness – фирма.

Restaurant – ресторан.

Person – человек.

Product – продукт.

Offer – предложение.

Review – отзыв.

Кому не хватит этих основных типов, вот полный список типов микроразметки schema.org.

Как работать с микроразметкой

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

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

В качестве примера давайте создадим разметку рецепта «Яичницы». Сильно меня не судите, в кулинарии я не силён.

<div itemscope itemtype="http://schema.org/Recipe"> <!-- Блок рецепта -->
<span itemprop="name">Яичница с салом</span>
Повар:<span itemprop="author">Максим Зайцев</span>,
<meta itemprop="datePublished" content="2014-09-18">Сентябрь 18, 2014
<img itemprop="image" src="здесь фото результат" />
<span itemprop="description">Самый быстрый и вкусный способ
приготовить яичницу.</span>
Время для приготовления: <meta itemprop="prepTime" content="PT15M">15 минут
Время затраченное на самом деле: <meta itemprop="cookTime" content="PT25M">25 минут
Количество порций: <span itemprop="recipeYield">1 порция</span>
<div itemprop="nutrition" itemscope itemtype="http://schema.org/NutritionInformation">
Питательная ценность:
<span itemprop="calories">300 Ккал.</span>,
<span itemprop="fatContent">20% жир</span>,
<span itemprop="fatContent">10% углеводы</span>,
<span itemprop="fatContent">30% белок</span>
</div>
Ингредиенты:
- <span itemprop="ingredients">яйцо куриное - 4 шт.</span>
- <span itemprop="ingredients">сало свиное - 50 гр.</span>
- <span itemprop="ingredients">масло сливочное - 20 гр.</span>
...
Приготовление:
<span itemprop="recipeInstructions">
Для начала, обжариваете сало и затем добавляете яйца....
</span>
</div>

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

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

На этом у меня сегодня всё, если будут вопросы пишите в комментариях. Желаю вам удачи, друзья. До встречи в новых статьях и видеоуроках.

С уважением, Максим Зайцев.