Микроразметка для чайников или как сделать свой сайт лучше
Здравствуйте, меня зовут Владислав и сегодня мы поговорим про микроразметку, что это такое, какие виды бывают, а также покажу наглядные примеры.Сделаем максимум шума и начнем.
Микроразметка — разметка страниц сайта с помощью дополнительных 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.
Комментарий недоступен
<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