Микроразметка для чайников или как сделать свой сайт лучше

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

Микроразметка — разметка страниц сайта с помощью дополнительных HTML тегов.

На данный момент существует 4 вида микроразметки.

  • Микроданные (основа основ)
  • Микроформаты (вымирает как мамонты)
  • RDFa
  • Open Graph (незаменимый друг для разметки соц.сетей)

А теперь о каждом из этих видов мы поговорим подробнее.

И так начнем, микроданные - способ разметки которые описывают специальные данные. Например, отзывы, информацию о дате, человеке, и т.д. Микроданные применяют простые атрибуты HTML тегов (<div> ; <span>). Еще есть два вида, одни из которых микроформаты - это начало, служащие для описания типа информации на странице. Микроформаты подразумевают применения атрибута class в таких тегах как <div> и <span>. Предпоследний вид это RDFa - это такая же разметка как и микроформат с микроданными. Ну наконец то Open Graph - разработка в стенах Facebookа отлично работает с популярными соц.сетями

Польза микроразметки.

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

Информацию о установки и дальнейшей настройке микроразметки можно узнать на сайте Schema.org.

Хотел бы добавить что микроразметка на позицию в поиске не влияет.

Микроразметка Schema.org

Schema.org - набор словарей, используемых для описания объектов и сущностей на страницах сайта. Стандарт использует микроданные. На сегодняшний день насчитывается около 500 символов и их количество постоянно увеличивается.

Пример как выглядит документ без разметки Schema.org

<div>

<span>Booyakasha</span>

Контакты:

<div>

Адрес: Красный проспект, 220,

630110,

Новосибирск,

</div>

Телефон: +7-923-111-22-33

</div>

Документ с разметкой Schema.ogr

<div itemscope itemtype=”http://schema.org/Organization”>

<span itemprop=”name”>Booyakasha</span>

Контакты:<div itemscope itemtype=”http://schema.org/ProstalAddress”>

Адрес:

<span itemprop=”streetAddress”>Красный проспект,220</span>

<span itemprop=”prostalCode”>630110</span>

<span itemprop=”addressLocality”>Новосибирск</span>

</div>

Телефон:<span itemprop=”telephone”>+7-923-111-22-33</span>

</div>

Сервисы для проверки микроразметки

Для того чтобы внедрить микроразметки вебмастерами на свой сайт и проанализировать возможные ошибки, поисковики Яндекси и Google создали сервис проверки микроразметки, у Яндекса это “Валидатор микроразметки”, а у Google это “Инструмент проверки структурированных данных”.

С помощью этих сервисов каждый вебмастер сможет проверить свою микроразметку.

Итог данной статьи

Не имеет значения какую разметку вы будите использовать – schrema.org или какую-нибудь другую, главное, чтобы она была выполнена правильно и без ошибок и выделяла ключевые моменты страницы. Систематически проверяйте ее с помощью “Валидатора” и “Инструмент проверки структурированных данных”, проводите глубокий разбор вашей деятельности и у вас все получиться.

В данной статье я рассказывал про Schema.org, в следующей статье я расскажу про великую разметку соц.сетей Open Grahp.

4 комментария

Комментарий недоступен

1
Ответить

<div itemscope itemtype=”http://schema.org/ProstalAddress”>
замените на
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">

Ответить

Если уж совсем по теме и для чайников то стоит прочитать эту статью. Она для людей) https://impulse-design.com.ua/chto-takoe-mikrorazmetka-sajta.html

Ответить