Микроразметка (семантическая разметка текста) – это определенный набор атрибутов и их свойств, одинаково понимаемый и интерпретируемый роботами поисковых систем Гугл, Яндекс, Бинг, Яху. Благодаря ей можно подсказать роботам какие именно элементы текста на странице важны и что они относятся к определенному виду данных. Это нужно в силу того, что поисковики еще пока несовершенны в понимании смысла содержимого интернет-страницы.
Понятие «микроразметка» текста включает в себя несколько составляющих: это словарь и синтаксис.
Словарь – список классов, а также их свойств. Ими определяется смысл контента на интернет-ресурсе.
Синтаксис – механизм применения. С помощью этого механизма происходит выбор, как и какие теги будут использоваться.
Существует несколько форматов:
- Schema.org;
- Open Graph;
- микроформаты;
- FOAF;
- Dublin Core;
- Data vocabulary.
На картинке ниже представлена общая структура:
В данной статье более подробно разберем только несколько наиболее известных и полюбившихся форматов микроразметки.
Schema.org
Наиболее часто используемый словарь микроразметки – Schema.org. Он создается, начиная с лета 2011 г., представителями самых крупных в мире систем поиска в интернете Яндекс, Google, Bing и Yahoo. Это перманентно развивающийся динамичный стандарт. Благодаря этому формату семантической разметки у нас есть возможность получить расширенные сниппеты в SERP.
В Schema.org имеется перечень классов, которые описывают разные так называемые «сущности» и их свойства. Стоит отметить, что в Open Graph и микроформатах эти классы исчисляются десятками, а в Schema.org их значительно больше, несколько сотен.
Гугл считывает почти все сущности schema.org, а Яндекс, согласно его справке, вот эти:
- Адреса и организации
- Видео
- Вопросы и ответы
- Другие творческие работы
- Отзывы об организациях
- Программы
- Рефераты
- Рецепты
- Товары и цены
- Картинки
- Фильмы
Ниже приведен вариант микроразметки контактов и адреса организации с использованием словаря Schema.org:
1 2 3 4 5 6 7 8 9 10 11 12 13 | <div itemscope itemtype="http://schema.org/Organization"> <span itemprop="name">Рога и копыта</span> Контакты: <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> Адрес: <span itemprop="streetAddress">Ванеева, 47</span> <span itemprop="postalCode">101000</span> <span itemprop="addressLocality">Самара</span>, </div> Телефон:<span itemprop="telephone">+7 846 111–88–88</span>, Факс:<span itemprop="faxNumber">+7 846 111–88–88</span>, Электронная почта: <span itemprop="email">vasy@vasy.com</span> </div> |
Вывод контактных данных на примере Автозавода ГАЗ в поисковой системе Яндекс
А вот еще один пример разметки уже для главной страницы интернет-ресурса. Логотип и наименование организации:
1 2 3 4 | <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> |
Также приведу пример микроразметки хлебных крошек для сайта:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <div itemscope="" itemtype="http://schema.org/BreadcrumbList" id="breadcrumbs"> <span itemscope="" itemprop="itemListElement" itemtype="http://schema.org/ListItem"> <a rel="nofollow" itemprop="item" title="Главная" href="http://prodengiblog.ru"> <span itemprop="name">На Главную</span> <meta itemprop="position" content="1"> </a> </span> <span itemscope="" itemprop="itemListElement" itemtype="http://schema.org/ListItem"> <a itemprop="item" title="Оптимизация" href="http://prodengiblog.ru/optimizaciya"> <span itemprop="name">Оптимизация</span> <meta itemprop="position" content="2"> </a> </span> </div> |
Сейчас уже многие уверенно заявляют, что Schema.org это один из самых часто применяемых форматов микроразметки во всем интернете.
JSON-LD
JSON-LD – это механизм передачи связанной информации посредством текстового формата JSON. Его придумали члены Консорциума Всемирной паутины (W3C), и на сегодняшний день – наиболее современный вариант разметки контента.
Например, Яндекс.Почта применяет такой вариант разметки контента, хотя он еще не отображается в поисковой выдаче.
JSON-LD улучшает отображение интернет-ресурса в SERP. Применяя этот формат разметки данных, вы значительно повышаете вероятность иметь расширенные сниппеты, акцентирующие на себе основное внимание ваших потенциальных клиентов и увеличивающих кликабельность ссылок. Например, с помощью JSON-LD имеет смысл разметить информацию для графа знаний, сделать разметку событий.
Теперь поясню основное отличие Microdata schema.org от JSON-LD schema.org.
Microdata schema.org внедряется в код сайта, а при работе с JSON-LD нужно вставить определенный скрипт в контейнер head.
Open Graph
Формат микроразметки контента Open Graph придумали для соцсети Фэйсбук для возможности полноценного отображения любых интернет-ресурсов в ней при расшаривании.
Open Graph поддерживается многими интернет-сервисами: Фэйсбук, Vkontakte, Гугл, ЛинкедИн+, Твиттер и некоторыми другими.
Open Graph позволяет описать некоторые свойства, такие как: заголовок статьи, описание, изображение и пр.
Отечественный поисковик Яндекс считывает разметку Open Graph для передачи контента в раздел Яндекс.Видео, для аудио и некоторых других файлов, а также при генерации заголовков сниппетов.
В Яндексе и Гугл существует валидатор микроразметки, в котором вы можете проверить правильность написанного кода и, если найдены опечатки, недоработки, вы всегда можете исправить их.
Итак, подведем итоги. Какие преимущества дает микроразметка в поисковых системах Яндекс и Google? Перечислю основные из них:
- поисковики лучше отображают и понимают, содержащийся на сайте контент;
- повышается релевантность страниц в SERP;
- возможность получить расширенный сниппет, что увеличивает его привлекательность и информативность.
Даже учитывая потенциальную выгоду от использования микроразметки на вашем сайте, не стоит ей злоупотреблять, не нужно указывать абсолютно все сущности и их свойства какие только можно вписать по смыслу, т.к. перенасыщенность кодом страниц может повлечь замедление их загрузки в браузере. А это, в свою очередь, может сказаться и на понижении в ранжировании поисковыми системами.
Стремитесь к золотой середине, балансу между структурированием данных для их правильного понимания и максимального извлечения поисковиками со страниц вашего сайта и скоростью загрузки интернет-ресурса.
