|
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.
|
|