Ответ
Примеры семантической разметки - 5 основных типов Опции темы
Старый 22.05.2014, 17:58
  #1
Ребиллер
 
Регистрация: 01.01.2012
Сообщений: 423

Примеры семантической разметки - 5 основных типов
Слышали ли вы когда-то о семантической разметке? Я думаю, все присутствующие слышали о ней и не раз, а некоторые и работали. Поэтому моя статья для той части аудитории что слышала, но не работала еще с ней. В последнее время слишком много разговоров о ней идёт среди маркетологов. Но в чем же ее важность?





В конце концов, семантическая разметка это далеко не фактор ранжирования. Ее добавление ни никак не продвинет сайт на первую страницу результатов SERP Google. Так стоит ли работа потраченного времени?

Ответ: да. В то время как семантическая разметка не может улучшить рейтинг в поисковых системах, она может улучшить существующую страницу результатов поиска (SERP).

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

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

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

1. Facebook Open Graph

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

Такая разметка помогает веб-сайтам контролировать, как будут их страницы/содержание представляться в Facebook и других социальных сетях, которые обрабатывает Open Graph. Эта разметка является ключом к обеспечению наличия правильного заголовка и изображения при распространении вашего контента в этих сетях.

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

 <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”>
Результат выполнения:





http://opengraphprotocol.org/

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

Эта разметка позволяет использовать хлебные крошки для того, чтобы показать их в результатах поиска 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>
Результат выполнения:





https://support.google.com/webmaster...r/185417?hl=en

3. Продукция/Рейтинги

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

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

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

<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>
Результат выполнения:





https://support.google.com/webmaster..._topic=4599102

4. Авторство Google

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

Суть разметки – изображение из профиля аккаунта, отображаемое рядом со статьей и ссылка на все ваши статьи, что обеспечивает более привлекательный вид вашего контента в поисковой выдаче Google.

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

<link href=”https://plus.google.com/106020397206556740428″ rel=”author” />
Результат выполнения:





https://support.google.com/webmaster.../2539557?hl=en

5. Схема для VideoObject

Эта разметка отображает выводимые данные с элементом видео на странице SERP поисковых систем.

Она позволяет работать с миниатюрами вашего видео, чтобы показать их рядом с текстовыми результатами в поиске Google. Эта разметка сообщает пользователям, что на вашей странице имеется видео, чем может значительно увеличить 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=”https://vimeo.com”> 
<meta itemprop=”logo” content=”http://img_url........”> 
</div>
Результат выполнения:





http://schema.org/VideoObject

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

Ответ
 
 

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Влияние разметки Rich Snippets на позицию в SERP Cookie Статьи 0 30.04.2014 00:33
12 типов постов для привлечения пользователей Midas Статьи 0 28.04.2014 19:09
16 типов монетизации ресурсов 0pium Партнёрки 3 01.02.2014 04:16

Метки
ctr, rich snippets, разметка


Здесь присутствуют: 1 (пользователей: 0, гостей: 1)
 
Опции темы

Быстрый переход


Текущее время: 15:18. Часовой пояс GMT +3.