Базовая микроразметка для коммерческих сайтов
Разметка страниц сайта при помощи словаря Open Graph (OG)
Этот словарь микроразметки нужен для того, чтобы публикуемые ссылки на сайты из социальных сетей были красивыми, полными и понятными.
Товарные страницы каталога продукции
<p><html prefix="og:http://ogp.me/ns/website#"> <!-- Задаем пространство имён --> </p> <p><head> </p> <p>... </p> <p><meta property="og:type" content="website" /> <span style="line-height: 18.6667px; font-family: Arial, Verdana, sans-serif;"> </span><!-- Задаем тип объекта --></p> <p><meta property="og:title" content=" Товар номер 1 " /> <!- Выводим Title или H1 страницы --></p> <p><meta property="og:url" content="http://site.ru/1/" /> <!-- Выводим адрес страницы --></p> <p><meta property="og:image" content="http://site.ru/images/img1.jpg" /> <!-- Полный адрес изображения товара --> </p> <p><meta property="og:description" content="Описание" /> <span style="line-height: 14pt; font-family: Arial, Verdana, sans-serif;"> </span> <!--Описание объекта. Выводим Description --> </p> <p><meta property="og:locale" content=" ru_RU" /> <span style="line-height: 14pt; font-family: Arial, Verdana, sans-serif;"> </span> <!-- Формат language_TERRITORY. По умолчанию en_US. Для русского языка и локации Россия ru_RU --> </p> <p><meta property="og:site_name" content=" Название компании" /> <span style="line-height: 18.6667px; font-family: Arial, Verdana, sans-serif;"> </span> <!-- Если объект является частью сайта. --></p> <p></head></p> <p>... </p>
Разметка статей и новостей
<p><html prefix="og:http://ogp.me/ns/article#"> <!-- Задаем пространство имён --> </p> <p><head> </p> <p>... </p> <p><meta property="og:type" content="article" /> <span style="line-height: 18.6667px; font-family: Arial, Verdana, sans-serif;"> </span> <!-- Задаем тип объекта --></p> <p><meta property="og:title" content="Название " /> <!- Выводим Title или H1 страницы --></p> <p><meta property="og:url" content="http://site.ru/articles/1/" /> <!-- Выводим адрес страницы --></p> <p><meta property="og:image" content="http://site.ru/images/img1.jpg" /> <!-- Полный адрес до главного изображения статьи --> </p> <p><meta property="og:article:section" content="Статьи" /> <!-- Название категории / раздела --></p> <p><meta property="og:description" content="Описание" /> <!-- Описание объекта. Выводим Description --> </p> <p><meta property="og:locale" content=" ru_RU" /> <!-- Тег локации. Формат language_TERRITORY. Для русского языка и локации Россия ru_RU--> </p> <p><meta property="og:site_name" content=" Название компании" /> <!-- Задаем название компании --></p> <p></head></p> <p>... </p>
Больше информации про формат Open Graph (OG) на официальном сайте ogp.me (английский), ruogp.me (русский)
Разметка страниц сайта при помощи словаря Schema.org
Товарные страницы каталога продукции
Разметка вставляется в тело страницы
<p><div itemscope itemtype="http://schema.org/Product"></p> <p style="margin-left: 40px;"><link itemprop="url" href="<em>Вывести адрес страницы</em>"></p> <p style="margin-left: 80px;"><div itemprop="name"><em>Название товара (Вокруг H1)</em></p> <p style="margin-left: 80px;"></div></p> <p style="margin-left: 40px;"><meta itemprop="model" content="<em>Модель товара</em>"></p> <p style="margin-left: 40px;"><meta itemprop="description" content="<em>Описание товара</em>"></p> <p style="margin-left: 80px;"><div itemprop="manufacturer" itemscope itemtype="http://schema.org/Organization"></p> <p style="margin-left: 120px;"><meta itemprop="name" content="<em>Фабрика производитель</em>"></p> <p style="margin-left: 120px;"><meta itemprop="address" content="<em>Адрес</em>"></p> <p style="margin-left: 120px;"><meta itemprop="telephone" content="<em>Телефон</em>"></p> <p style="margin-left: 80px;"></div></p> <p style="margin-left: 80px;"><div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"></p> <p style="margin-left: 120px;"><meta itemprop="ratingValue" content="5"></p> <p style="margin-left: 80px;"></div></p> <p style="margin-left: 80px;"><div itemprop="offers" itemscope itemtype="http://schema.org/AggregateOffer"></p> <p style="margin-left: 120px;"><meta itemprop="lowPrice" content="<em>10.00</em>"></p> <p style="margin-left: 120px;"><meta itemprop="priceCurrency" content="RUB"></p> <p style="margin-left: 120px;"><link itemprop="itemCondition" href="http://schema.org/NewCondition" /></p> <p style="margin-left: 80px;"></div></p> <p></div></p>