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

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

На сегодняшний день поисковики используют микроразметку schema.org (русский вариант: ruschema.org). Существует несколько вариантов разметки текста. Наиболее распространен вариант с использованием специальных атрибутов в HTML-коде страницы.

Для проверки результирующего HTML-кода используйте инструмент проверки структурированных данных от Google. В результате проверки не должно быть ошибок (предупреждения возможны).

Разметка производится с помощью атрибутов произвольных HTML-тэгов itemscope, itemtype, itemprop и content.

Пример HTML-разметки рецепта

Для разметки рецепта используется схема schema.org/Recipe. В результирующем виде HTML-код рецепта может выглядеть так:

<div itemscope itemtype="//schema.org/Recipe">
	<h2 itemprop="name">Курица в пиве с рисом</h2>
	<img itemprop="image" src="адрес" alt="курица в тесте" title="курица в тесте">
	<div itemprop="cookTime" content="PT30M">Время: 30 минут</div> 

	<ul>
		<li itemprop="recipeIngredient">1 курица</li>
		<li itemprop="recipeIngredient">5 литров пива</li>
		<li itemprop="recipeIngredient">соль</li>
		<li itemprop="recipeIngredient">перец</li>
		<li itemprop="recipeIngredient">специи по вкусу</li>
	</ul>
	
	<h2 itemprop="description">Инструкция</h2>
	<ul itemprop="recipeInstructions">
		<li>Взять курицу</li>
		<li>Всё сделать</li>
	</ul>
</div>

Основной блок выполнен с помощью DIV с атрибутом itemscope и itemtype, который указывает на тип данных. Внутри блока можно использовать любые тэги и оформление.

Каждое значение указывается с помощью атрибута itemprop. Некоторые атрибуты могут быть обязательными (например name), а некоторые носят рекомендательный характер.

Если атрибут требует указания данных с строгом формате, который не совпадает с текстом вывода, то в этом случае используется дополнительный атрибут content. Например cookTime указывает на время приготовления и задаётся в строгом формате: PT30M (это 30 минут).

Пример BB-разметки рецепта

В MaxSite CMS для микроразметки можно использовать обычные BB-коды. Они стандартно поддерживают атрибуты itemprop и bb-код schema, что упрощает написание кода.

[schema#Recipe]
	[h2#name]Курица в пиве с рисом[/h2]
	[img#image курица в тесте]адрес[/img]
	[div itemprop="cookTime" content="PT30M"]Время: 30 минут[/div]
	
	[ul]
		[li#recipeIngredient]1 курица[/li]
		[li#recipeIngredient]5 литров пива[/li]
		[li#recipeIngredient]соль[/li]
		[li#recipeIngredient]перец[/li]
		[li#recipeIngredient]специи по вкусу[/li]
	[/ul]
	
	[h2#description]Инструкция[/h2]
	[ul#recipeInstructions]
		[*]Взять курицу
		[*]Всё сделать
	[/ul]
[/schema]

BB-код будет автоматически преобразован в HTML-код приведённый выше.

Learn more about buy Instagram likes check popular website Friendlylikes