Микроразметка или семантическая разметка, это по сути собирательный термин для особого способа разметки вашего сайта. Под особой разметкой, я имею в виду разметку с использованием тегов и атрибутов, которые сообщают поисковой системе о чем эта страница.

Микроразметка сайта состоит из словаря и синтаксиса. Словарь это набор классов и свойств с помощью который можно указать что находится на странице. А синтаксис, это способ указать эти классы и свойства.

Популярные словари микроразметки:

  • Schema.org (разработан и дополняется всеми крупными поисковыми системами)
  • Open Graph (разработка Facebook и поддерживается всеми крупными соц. сетями)
  • Микроформаты (разработан инициативной группой)
  • FOAF (специализируется на связях между людьми, их взаимодействиях и объединениях)
  • Dublin Core (используется в электронных библиотеках и документах)
  • Data Vocabulary (разработка Google, уже не развивается, все наработки уходят в schema.org)
  • Good Relations (стандарт для описания продуктов электронной торговли)

Синтаксис микроразметки:

  • Микроданные (рекомендуется поисковыми системами для schema.org)
  • RDFa (рекомендуется создателями Open Graph для словаря Open Graph)
  • Микроформаты (синтаксис для микроформатов)
  • JSON-LD (как и микроданные рекомендован для schema.org)

Вы можете выбрать тот словарь, который имеет достаточный набор свойства для вашей задачи, а для его реализации, удобный или рекомендуемый синтаксис.

Пример микроразметки сайта

У нас есть сайт с фильмами, задача сделать семантическую микроразметку для формирования сниппета в поисковой выдаче.

Для формирования сниппета в поисковой выдаче, самый популярный словарь микроразметки schema.org. Этот словать имеет сущность Thing, которая в свою очередь имеет подтипы, один из этих подтипов, это Movie, то что нам нужно. Этот тип позволяет нам описать названия фильма (name), режисер (director), продолжительность (duration), жанр (genre), актерский состав (actor) и многие другие свойства.

А с помощью синтаксиса, мы размечаем наш сайт выше перечисленными свойствами. В итоге поисковый робот парся сайт, определит, что это описания фильма, у него есть названия, перечислены актеры, режиссеры, жанр и продолжительность.

Благодаря этому, поисковая система сформирует привлекательный и информативный сниппет вашего сайта.

Пример сформированного сниппета микроразметки сайта с фильмами:

Пример микроразметки сайтаВы должны понимать, что сейчас мы выбрали только словарь, который имеет термины описывающие сайт с фильмами или страницу с фильмом, а то как мы впишем эти термины в наш сайт, зависит от того, какой синтаксис мы выберем.

Как сделать микроразметку сайта

Для реализации такого примера на практике, вам нужно будет выбрать синтаксис. Для словаря schema.org, свойства которого мы использовали на примере, можно выбрать синтаксис микроданных, RDFa, JSON-LD.

Поисковые системы рекомендуют для словаря schema.org использовать синтаксис микроданных, он собственно и есть самый популярный и используемый.

Пример реализации микроразметки для сайта с фильмами:

Ключевые элементы микроданных — это атрибуты itemscope, itemtype и itemprop, указывающие на сущности и их свойства. Вот так атрибуты микроразметки просто вписываются в ваш html код.

О том как подробно использовать микроразметку в Яндекс и Google, будет рассмотрено в следующих публикациях. Целью это публикации было показать вам, что из себя представляет микроразметка и как она может повлиять на сниппет в поисковой выдаче.

Подробно о том, как устроен мир семантической разметки, читайте на хабре.

Пример микроразметки сайта. Как сделать микроразметку? Владимир Полковниченко Микроразметка,,,,
Микроразметка или семантическая разметка, это по сути собирательный термин для особого способа разметки вашего сайта. Под особой разметкой, я имею в виду разметку с использованием тегов и атрибутов, которые сообщают поисковой системе о чем эта страница. Микроразметка сайта состоит из словаря и синтаксиса. Словарь это набор классов и свойств с...
<strong>Микроразметка</strong> или <strong>семантическая разметка</strong>, это по сути собирательный термин для особого способа разметки вашего сайта. Под особой разметкой, я имею в виду разметку с использованием тегов и атрибутов, которые сообщают поисковой системе о чем эта страница. <a title="Микроразметка сайта" href="/category/seo/optimizaciya/mikrorazmetka" target="_blank">Микроразметка сайта</a> состоит из словаря и синтаксиса. <strong>Словарь</strong> это набор классов и свойств с помощью который можно указать что находится на странице. А <strong>синтаксис</strong>, это способ указать эти классы и свойства. <strong>Популярные словари микроразметки:</strong> <ul> <li><a title="Schema.org" href="/seo/optimizaciya/mikrorazmetka/mikrorazmetka-schema-org-primery-kak-sozdat.html" target="_blank">Schema.org</a> (разработан и дополняется всеми крупными поисковыми системами)</li> <li>Open Graph (разработка Facebook и поддерживается всеми крупными соц. сетями)</li> <li>Микроформаты (разработан инициативной группой)</li> <li>FOAF (специализируется на связях между людьми, их взаимодействиях и объединениях)</li> <li>Dublin Core (используется в электронных библиотеках и документах)</li> <li>Data Vocabulary (разработка Google, уже не развивается, все наработки уходят в schema.org)</li> <li>Good Relations (стандарт для описания продуктов электронной торговли)</li> </ul> <strong>Синтаксис микроразметки:</strong> <ul> <li>Микроданные (рекомендуется поисковыми системами для schema.org)</li> <li>RDFa (рекомендуется создателями Open Graph для словаря Open Graph)</li> <li>Микроформаты (синтаксис для микроформатов)</li> <li>JSON-LD (как и микроданные рекомендован для schema.org)</li> </ul> Вы можете выбрать тот словарь, который имеет достаточный набор свойства для вашей задачи, а для его реализации, удобный или рекомендуемый синтаксис. <h2>Пример микроразметки сайта</h2> У нас есть сайт с фильмами, задача сделать семантическую микроразметку для формирования сниппета в поисковой выдаче. Для формирования сниппета в поисковой выдаче, самый популярный словарь микроразметки <a title="schema.org" href=" target="_blank">schema.org</a>. Этот словать имеет сущность Thing, которая в свою очередь имеет подтипы, один из этих подтипов, это Movie, то что нам нужно. Этот тип позволяет нам описать названия фильма (<strong>name</strong>), режисер (<strong>director</strong>), продолжительность (<strong>duration</strong>), жанр (<strong>genre</strong>), актерский состав (<strong>actor</strong>) и многие другие свойства. А с помощью синтаксиса, мы размечаем наш сайт выше перечисленными свойствами. В итоге поисковый робот парся сайт, определит, что это описания фильма, у него есть названия, перечислены актеры, режиссеры, жанр и продолжительность. Благодаря этому, поисковая система сформирует привлекательный и информативный сниппет вашего сайта. Пример сформированного сниппета микроразметки сайта с фильмами: <a href="/wp-content/uploads/2015/04/primer-microrazmetki-saita.jpg"><img class="aligncenter size-full wp-image-493" src="/wp-content/uploads/2015/04/primer-microrazmetki-saita.jpg" alt="Пример микроразметки сайта" width="644" height="134" /></a>Вы должны понимать, что сейчас мы выбрали только словарь, который имеет термины описывающие сайт с фильмами или страницу с фильмом, а то как мы впишем эти термины в наш сайт, зависит от того, какой синтаксис мы выберем. <h2>Как сделать микроразметку сайта</h2> Для реализации такого примера на практике, вам нужно будет выбрать синтаксис. Для словаря schema.org, свойства которого мы использовали на примере, можно выбрать синтаксис микроданных, RDFa, JSON-LD. Поисковые системы рекомендуют для словаря schema.org использовать синтаксис микроданных, он собственно и есть самый популярный и используемый. <strong>Пример реализации микроразметки для сайта с фильмами:</strong> [crayon-56611e828046d287277951/] Ключевые элементы микроданных — это атрибуты itemscope, itemtype и itemprop, указывающие на сущности и их свойства. Вот так атрибуты микроразметки просто вписываются в ваш html код. О том как подробно использовать микроразметку в Яндекс и Google, будет рассмотрено в следующих публикациях. Целью это публикации было показать вам, что из себя представляет микроразметка и как она может повлиять на сниппет в поисковой выдаче. Подробно о том, как устроен <a title="мир семантической разметки" href="/company/yandex/blog/211638/" target="_blank">мир семантической разметки</a>, читайте на хабре.