Реализация микроразметки предполагает использование дополнительных тегов и атрибутов для четкого структурирования информации, указывая поисковым роботам на то, о чем написано на странице. К примеру, таким образом можно структурировать контактную информацию организации и данные о товарах в ассортименте интернет-магазина.
Поисковики, в свою очередь, в долгу не останутся. Структурированная разметка поможет сайту выделиться на странице результатов поисковой системы (SERP), что потенциально может привести к повышению показателя кликабельности (CTR).
Тем не менее, спешить с реализацией семантической разметки не стоит. Слишком уж много развелось самых разных стандартов, словарей и синтаксисов. Для начала рекомендуем сосредоточиться только на Schema.org.
Это один из самых распространенных и дружественных к новичкам стандартов. Дружественность выражается хотя бы в наличии широкого перечня уже готовых схем практически на все случаи жизни: от страниц мероприятий до обзорников. Выбрать наиболее подходящую схему можно тут . Привлекательности стандарту Schema.org добавляет и тот факт, что к его разработке приложили руку практически все крупнейшие поисковики, включая Google, Bing, Яндекс и Yahoo!
После внедрения семантической разметки рекомендуется проверить ее на предмет корректности с использованием специальных инструментов Google и Яндекса. В случае Google для проверки корректности микроразметки применяется инструмент Structured Data Testing Tool . Яндекс, в свою очередь, интегрировал специальный валидатор в свой Вебмастер.
И напоследок реальный пример применения микроразметки для структурирования контактных данных организации:
<div itemscope itemtype="http://schema.org/Organization"> <span itemprop="name">Название организации</span> Контакты: <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> Адрес: <span itemprop="streetAddress">Мира, 100</span> <span itemprop="postalCode">101000</span> <span itemprop="addressLocality">Москва</span>, </div> Телефон:<span itemprop="telephone">+7 495 000–00–00</span>, Факс:<span itemprop="faxNumber">+7 495 000–00–00</span>, Электронная почта: <span itemprop="email">mail@pr-cy.ru</span> </div>
А также пример разметки для главной страницы. Логотип и название компании.
<div itemscope itemtype="http://schema.org/Organization"> <a itemprop="url" href="http://www.example.com/">Главная</a> <img itemprop="logo" src="http://www.example.com/logo.png" /> </div>