Микроразметка страниц - выдели себя среди конкурентов!

Promodex
29-03-2018
1771
SEO
Микроразметка страниц - выдели себя среди конкурентов!

 

 

Почему следует использовать микроразметку?

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

 

 

В наше время существует множество словарей и синтаксисов для внедрения микроразметки. Мы же рассмотрим микроданные - один из самых распространенных способов разметки данных, так как является частью HTML5, для корректного отображения, а в качестве словаря будем использовать Schema.org (стандарт микроразметки для поисковых систем с 2011 года). Для данной библиотеки существует русскоязычная неполная версия: ruschema.org (неофициальная версия, с переводом может помочь любой желающий).
 

О каких дополнительных атрибутах идет речь?
 

Itemscope - атрибут, разделяющий между собой сущности, может быть пустой.

Itemtype - атрибут, определяющий тип выделенной сущности.

Itemprop - атрибут, описывающий свойства выделенной сущности.

 

Шаблон для добавления микроразметки:

 

<div itemscope = “” itemENGINE=”http://schema.org/ссылканараздел”>

<span itemprop=”атрибут раздела”></span>

</div>

 

Наиболее часто используемые схемы:

 

http://schema.org/Product — схема, которая используется для описания товара

http://schema.org/Article — схема, которая используется для описания статей, новостей

http://schema.org/AggregateRating — схема, которая используется для отображения среднего рейтинга веб-страницы, в сниппете отображается в виде звездочек.

http://schema.org/Review — схема, которая используется для отображения отзывов.

 

Отображение в поисковых системах:

 

Микроразметка для контактных данных (LocalBusiness):

 

<div itemscope="" itemENGINE="http://schema.org/LocalBusiness">

<span itemprop="name">Название организации</span>

<!-- Контакты: -->

<div itemprop = "address" itemscope itemtype = "http://schema.org/PostalAddress">

<!-- Адрес: -->

<span itemprop="streetAddress">Улица, номер</span>

<span itemprop="postalCode">Индекс</span>

<span itemprop="addressLocality">Город</span>

</div>

<!-- Телефон: -->

<span itemprop="telephone">Телефон</span>

<!-- Электронная почта: -->

<span itemprop="email">info@site.com</span>

</div>

 

Микроразметка для хлебных крошек (Breadcrumb):

 

<div itemscope="" itemtype="http://schema.org/BreadcrumbList" id="breadcrumbs">

<!--1й элемент списка: -->

<span itemscope="" itemprop="itemListElement" itemtype="http://schema.org/ListItem">

<a rel="nofollow" itemprop="item" title="Главная" href="ссылка">

<span itemprop="name">На Главную</span>

<meta itemprop="position" content="1"> </a> </span>

Поделиться
Больше не нужно искать и обзванивать диджитал-агентства!
Создайте тендер и получите предложения от лучших веб-студий Украины.
В каталоге 1700+ диджитал-агентств, готовых помочь в реализации ваших задач. Выберайте и экономьте до 30% своего времени и бюджета! Это бесплатно и займет менее 3-х минут.
Создать тендер
Подписка на рассылку
Получайте одно письмо в неделю с самыми важными новостями.
Bug