Знания о том, что представляет собой микроразметка и как она работает поможет быстрее улучшить сайт. Ниже описаны основные принципы микроразметки.
Микроразметка это набор стандартов маркировки содержимого страниц сайта предназначенная для более точной обработки семантических данных поисковыми системами или социальными сетями.
Зачем нужна микроразметка и как ее внедрить?
Наличие на сайте микроразметки дает возможность поисковым системам точнее определять принадлежность семантической информации, формировать сниппеты и точнее выдавать ответ в поисковой выдаче.
Микроразметка информации в вебстраницвх создается внесением в код страницы специальных форматов внутрь тегов <div>, <span>.
Сегодня имеется три стандарта микроразметки: микроданные, микроформаты и RDFa.
Микроразметка типа «Микроданные»
Данный стандарт микроразметки использует теги <div> и <span> для описания типов элементов html-страницы.
Микроданные могут описать такие типы данных как:
- Статья (Article)
- Новостная статья (NewsArticle)
- Организация (Organization)
- Местоположение (Location)
- Автосервис (AutoRepair)
- Отзывы (Review)
- Информация о месте и дате события (Event)
- Информация о персоне (Person)
- И др. типы
Поисковые системы Google и Yandex учитывают сайты в которых имеется стандарт микроданных от Schema.org.
Использование микроразметки Schema.org
Допустим, имеется небольшой сайт автомастерсткой.
Задача стоит внедрить микроразметку для улучшения поисковой выдачи страниц сайта.
Для работы используем тип микроразметки Автосервис http://schema.org/AutoRepair
Тип микроразметки Автосервис (AutoRepair) по иерархии классов микроразметки унаследовал свойства классов:
- Организация (Organization) > Локальный бизнес(LocalBusiness) > Автомобильный бизнес (AutomotiveBusiness) > Автомастерская (AutoRepair)
- Место (Place) > Локальный бизнес(LocalBusiness) > Автомобильный бизнес (AutomotiveBusiness) > Автомастерская (AutoRepair)
Всего набирается около 60 полей для детального описания работы автосервиса.
Атрибуты микроразметки
Три важнейших атрибута микроразметки Schema.org представлены в таблице:
|
№ |
Атрибут |
Описание атрибута |
|
1 |
itemscope |
Указывает на объект микроразметки |
|
2 |
itemtype |
Описывает тип объекта |
|
3 |
itemprop |
Задает свойства и/или значения описанного ранее объекта в соответствии с его типом |
Теги для микроразметки
Теги, в которых можно указать атрибуты микроразметки:
|
№ |
Тег HTML |
Описание |
|
1 |
<div>…</div> |
В блоке как правила указывают свойства/атрибуты микроразметки |
|
2 |
<span>…</span> |
В теге span обычно содержится текст, то есть значение описанного ранее атрибута
|
|
3 |
<link>… href=”…” |
Эти поля не отображаются на странице и содержат ссылки на канонические страницы
|
|
4 |
<a>…</a> |
Тег интерактивной ссылки отображаются на странице
|
|
5 |
<time>…</time> |
Тег используется для указания даты, времени и/или продолжительности мероприятия
|
|
6 |
<meta> |
Тег используется для указания на странице скрытой дополнительной информации, но пользоваться им нужно в меру.
|
Пример микроразметки сайта
Имеется работающий автосервис у которого есть страница в интернет
<!-- указываем на стандарт микроразметки -->
<div itemscope itemtype = "http://schema.org/AutoRepair" >
<!-- описываем основные свойства -->
<!-- канонический адрес страницы -->
<link itemprop = "url" href = "http://sdep.ru/price" >
<!-- название организации -->
<meta itemprop="name" content= "Авторазборка" >
<!-- описание услуг организации -->
<meta itemprop="description" content="автосервис предоставляет такие услуги: … ">
<!-- язык страницы -->
<meta itemprop="inLanguage" content="RU" >
<!-- местонаходжение -->
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
Адрес:
<span itemprop="country-name">Россия</span>,
<span itemprop="region">Иркутская область</span>,
<span itemprop="locality">Иркутск</span>,
<span itemprop="street-address">Ленина ул.</span>
<span itemprop="extended-address">Октябрьский округ</span>
</div>
<!-- телефон и элпочта -->
Телефон: <span itemprop="telephone">+7 3052 000000</span>
Эл.почта: <span itemprop="email">info@sdep.ru</span>
<!-- Часы работы - работаем с понед по пятн с 9 до 20 -->
Часы работы: <time itemprop="openingHours" datetime="Mo, Tu, We, Th, Fr 9:00-20:00" >понед-пятн с 9:00 до 20:00, СБТ, ВС –выходные</time>
<!-- закрываем обьект -->
</div>
Заключение
Микроразметка Schema.org представляет собой набор словарей, который видят поисковые системы, и который улучшает поисковую выдачу страниц. Внедрение этих словарей производится в код языка html и допустима для любых сайтов.
Для определения типа разметки нужно использовать http://schema.org/docs/schemas.html
Проверить правильности установки микроразметки можно с помощью инструментов Яндекса https://webmaster.yandex.ua/microtest.xml или Google https://developers.google.com/structured-data/testing-tool/
Интересный момент: поисковая система Google уже заметила «накрутчиков» которые используют микроразметку сайтов и озвучила принятие мер против «чрезмерной» оптимизации страниц.