5 основных типов микроразметки

Слышали о семантической разметке? Должны были! Все говорят об этом. Это важно для поискового маркетинга.

Пока нет доказательства, что семантическая разметка оказывает влияние на поисковую выдачу, но она как минимум оказывает влияние на поведенческие факторы. Это потенциальное улучшения параметра click-through rate (CTR).

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

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

Facebook Open Graph

Open Graph позволяет сайтам подключать свои страницы к социальному графу. С практической точки зрения, наиболее распространенным применением является определение способа отображения веб-страницы в Facebook. Иными словами, микроразметка даёт возможность контролировать то, как будут представлены страницы сайта в новостной ленте на Facebook.

Образец разметки:

<meta property=”og:url” content=”http://www.yelp.com/biz/del-taco-san-diego”>
<meta property=”og:image” content=”http://img_url... ”>
<meta property=”og:title” content=”Del Taco”>

Результат:



Про Open Graph

Хлебные крошки

Эта разметка, которая позволяет вашим хлебным крошкам отображаться в результатах поиска Google вместо полного URL страницы.

В отличии от кликабельных крошек, просто URL который отображается в результатах поиска по умолчанию не является ссылкой. Хлебные крошки расскажут посетителю Google о структуре вашего сайта.

Образец разметки:

<span itemscope itemtype=”http://data-vocabulary.org/Breadcrumb”>
<a href=”/c/san-diego/restaurants” itemprop=”url”> 
<span itemprop=”title”>Restaurants</span></a> 
<span itemscope itemprop=”child” itemtype=”http://data-vocabulary.org/Breadcrumb”> 
<a href=”/c/san-diego/hotdogs” itemprop=”url”> 
<span itemprop=”title”>Fast Food</span></a>

Результат:



Ghj Rich snippets — Breadcrumbs

Рейтинг

Этот тип разметки позволяет указать рейтинг ваших товаров в поисковой выдаче.

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

Образец разметки:

<div itemprop=”aggregateRating” itemscope itemtype=”http://schema.org/AggregateRating”> 
<div> 
<i title=”3.5 star rating”><img alt=”3.5 star rating” height=”303″ src=”http://img_url... ” width=”84″> </i> 
<meta itemprop=”ratingValue” content=”3.5″> 
</div>
 <span class=”review-count rating-qualifier”> 
<span itemprop=”reviewCount”>44</span> reviews
</span> 
</div>

Результат:



Про отзывы

Google Авторство

Эта разметка позволяет выводить в поиску вашу фотографию из Google+. Что обеспечивает более привлекательный вид вашего сайта в Google.

Образец разметки:

Разметка результат:



Про Link to your Google+ profile using rel=author

Видео

VideoObject Schema. Обеспечивает повышение показателя кликабельности CTR. Эта разметка на странице выдачи в поисковой системе размещает наглядные доводы того, что на сайте есть видео.

Образец разметки:

<div id=”cols” itemprop=”video” itemscope itemtype=”http://schema.org/VideoObject”> 
<meta itemprop=”name” content=”Del Taco Super Special Show: Webisode 02″> 
<meta itemprop=”playpageUrl” content=”http://vimeo.com/9412581″> 
<meta itemprop=”discussionUrl” content=”http://vimeo.com/9412581″> 
<meta itemprop=”thumbnailUrl” content=”http://img_url... ”> 
<meta itemprop=”url” content=”http://vimeo.com”> 
<meta itemprop=”logo” content=”http://img_url... ”> 
</div>

Результат:



Про VideoObject

Как вы можете видеть, в целом преимущество семантической разметки в первую очередь отражается на улучшении отображения сайта результатах поиска Google. Компания Google, может, будет придавать большее значение семантической разметке. Но, сейчас микроразметка — это средство для улучшения текущего CTR в выдачи Google.

Дополнительные источники
http://schema.org/
http://schema-creator.org/