Кейс: мікророзмітка за стандартом Schema.org: Organization
Мікророзмітка — це мова оформлення смислових одиниць на сайтах, стандарти якої були позначені далекого 2011 року. На ньому «розмовляють» і його розуміють всі основні пошукові роботи: Google, Bing, Yahoo.
У загальному сенсі, семантична мікророзмітка — це набір спеціальних тегів та їхнього вмісту для покращення розуміння пошуковими системами того, як зміст несе той чи інший вміст сторінки. Як наслідок, алгоритми швидше і чіткіше знаходять потрібну користувачам інформацію на сторінках сайту, а також правильніше подають її в результатах пошуку.
Яка буває мікророзмітка?
Як зробити мікророзмітку даних про компанію на сайті?
Словник
Для початку нам потрібно визначитися зі словником мікророзмітки — набір класів і властивостей, що дозволяє вказати на суть вмісту сторінки.
Словників існує досить багато: Open Graph, FOAF, Dublin Core, Data Vocabulary, Microformats і т. д. Тому ми будемо розглядати тут і далі найбільш застосовуваний нашими фахівцями словник . Його основна спрямованість — формування розширеного сніпету в пошуковику та підвищення релевантності сторінки.
Синтаксис
Після того, як ми визначилися зі словником (у нашому випадку, це словник schema.org), нам необхідно підібрати зручний для нас синтаксис з кількох варіантів: мікродані (microdata), RDFa і RDFa Lite, JSON і JSON-LD. Фахівці Webnauts застосовують синтаксис стандарту мікроданих, який здається нам оптимальним за складністю впровадження та результативністю.
Коротко: цей синтаксис включає різний вміст, властивості та атрибути, використовуючи для кожного з них свій тег:
- через itemscope визначаються дані опису об’єкта, що знаходяться в тезі.
- через itemtype посиланням вказується на тип об’єкта;
- через itemprop визначаються властивості об’єкта.
Як правило, розмічаються дані, які вже є на сторінці та видно користувачеві. Мікророзмітка за стандартом microdata досить легко інтегрується в код, практично не впливаючи на продуктивність сайту. Бувають ситуації, коли потрібно поєднати зрозумілий для користувача та роботів формат даних. У такому разі рекомендується вказувати інформацію в атрибуті будь-якого тегу чи, як рекомендує Яндекс, додати тег.
Більш детальну документацію ви можете знайти на .
Як перевірити?
Для того, щоб цей процес не йшов «наосліп», головні пошукові системи розробили спеціальні інструменти перевірки правильності впровадження мікророзмітки для вебмайстрів: від Google та аналогічний інструмент від Яндекса — «».
Приклад впровадженої мікророзмітки
Продемонструємо впроваджену семантичну розмітку за стандартом Schema.org Organization на сайті нашого клієнта:
Результати «ДО» та «ПІСЛЯ»:
Микроразметка — это язык оформления смысловых единиц на сайтах, стандарты которого были обозначены в далёком 2011 году. На нём «говорят» и его понимают все основные поисковые роботы: Google, Bing, Yahoo.
В общем смысле, семантическая микроразметка — это набор специальных тегов и их содержимого для улучшения понимания поисковиками того, как смысл несет то или иное содержимое страницы. Как следствие, алгоритмы быстрее и четче находят нужную пользователям информацию на страницах сайта, а также правильнее представляют её в результатах поиска.
Какая бывает микроразметка?
Различных смыслов, которые можно разметить, множество: вы можете размечать статьи, товарные предложения, отзывы, а также (что для кого-то будет наиболее важным) — данные об организации. Их, в свою очередь, можно классифицировать и отнести к одному из видов бизнеса, которые выделяет для себя выбранная спецификация микроразметки.
Как сделать микроразметку данных о компании на сайте?
Словарь
Для начала нам нужно определиться со словарём микроразметки — набором классов и свойств, позволяющим указать на суть содержимого страницы.
Словарей существует довольно много: Open Graph, FOAF, Dublin Core, Data Vocabulary, Microformats и т. д. Поэтому мы будем рассматривать здесь и далее наиболее применяемый нашими специалистами словарь — . Его основная направленность — формирование расширенного сниппета в поисковике и повышение релевантности страницы.
Синтаксис
После того, как мы определились со словарём (в нашем случае, это словарь schema.org), нам необходимо подобрать удобный для нас синтаксис из несколько вариантов: микроданные (microdata), RDFa и RDFa Lite, JSON и JSON-LD. Специалисты Webnauts применяют синтаксис стандарта микроданных, который кажется нам оптимальным по сложности внедрения и по результативности.
Вкратце: данный синтаксис включает различное содержимое, свойства и атрибуты, используя для каждого из них свой тег:
- через itemscope определяются находящиеся в теге данные описания объекта.
- через itemtype ссылкой происходит указание на тип объекта;
- через itemprop определяются свойства объекта.
Как правило, размечаются данные, которые уже присутствуют на странице и видны пользователю. Микроразметка по стандарту microdata довольно легко интегрируется в код, практически не влияя на производительность сайта. Бывают ситуации, когда нужно совместить понятный для пользователя и роботов формат данных. В таком случае рекомендуется указывать информацию в атрибуте content любого тега или добавить тег.
Более подробную документацию вы с лёгкостью можете найти на .
Как проверить?
Для того чтобы этот процесс не шёл «в слепую», главные поисковые системы разработали специальные инструменты проверки правильности внедрения микроразметки для веб-мастеров: инструмент от Google и аналогичный инструмент от Яндекса — .
Пример внедрённой микроразметки
Продемонстрируем внедрённую семантическую разметку по стандарту Schema.org Organization на сайте нашего клиента:
Комментарии