Увеличиваем вероятность перехода на сайт с помощью микроразметки хлебных крошек

RDFa и RDFa Lite

RDFa — старая и довольно сложная модель представления данных, которая отчасти послужила причиной внедрения новых стандартов попроще, как microdata, так и JSON-LD.


Тем не менее, есть «облегчённая» версия RDFa Lite, которая оперирует пятью основными атрибутами:

  • — указывает на словарь (как правило Schema.org)

  • —определяет описываемую сущность, например Article (статья).

  • — свойство объекта.

  • — идентификатор для каждого описываемого объекта.

  • — служит для объединения нескольких словарей для одного объекта.

Пример использования всех атрибутов:

    
	<body vocab="http://schema.org/">
		...
		<div property="breadcrumb">
		  <a href="http://www.ibm.com/developerworks/">IBM developerWorks</a> >
		  <a href="http://www.ibm.com/developerworks/web/">Web development</a> >
		  <a href="http://www.ibm.com/developerworks/views/web/library.jsp"
		  >Technical library</a>
		</div>
		<div typeof="Article">
		  <div property="name">Введение в RDF</div>
		  <p property="author" resource="#uche.ogbuji" typeof="Person">
		  by <span property="name">Uche Ogbuji</span>, <span property="jobTitle">Партнёр</span>,
		  <span property="worksFor">Zepheira</span>.
		  </p>
		  <div>Published: <span property="datePublished">01 Dec 2000</span></div>
		  <div property="description">
		  <b>Аннотация</b>: статья о формате Resource Description Framework (RDF),
		  разработанном W3C.
		  </div>
		  <div>Теги для статьи:
		  <span property="keywords">Введение в rdf</span>,
		  <span property="keywords">rdf</span>,
		  <span property="keywords">Руководство</span>
		  .</div>
		  <div prefix="fben: http://www.freebase.com">
		  Статья предназначена для широкой аудитории.
		 </div>
		</div>
		...
	</body>
    

Показ навигационной цепочки

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

$APPLICATION->ShowNavChain();

Отложенные функции — технология, позволяющая задавать заголовок страницы, пункты навигационной цепочки, CSS стили, дополнительные кнопки в панель управления, мета-теги и т.п. с помощью функций, используемых непосредственно в теле страницы. Соответствующие результаты работы этих функций выводятся в прологе, то есть выше по коду, чем они были заданы.

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

Показ навигационной цепочки может быть отключен на определенных страницах или в определенном разделе сайта. Управление отображением навигационной цепочки также осуществляется с помощью свойств страницы (раздела). Для этого необходимо:

  • На странице настроек модуля «Управление структурой», секция «Настройки для сайтов», создать свойство для страниц «Не показывать навигационную цепочку» с кодом
  • Если навигационная цепочка не должна отображаться на определенной странице или страницах какого-либо раздела, то для этой страницы или раздела нужно установить значение данного свойства равным

Кроме того, значение свойства «Не показывать навигационную цепочку» может быть задано непосредственно в коде страницы с помощью метода :

<?php
require($_SERVER"DOCUMENT_ROOT"."/bitrix/header.php");
$APPLICATION->SetTitle(".....");
$APPLICATION->SetPageProperty("description", ".....");
$APPLICATION->SetPageProperty("keywords", ".....");
// не показывать навигационную цепочку
$APPLICATION->SetPageProperty("NOT_SHOW_NAV_CHAIN", "Y");

Обычные, расширенные и избранные сниппеты сайта

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

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

Расширенный фрагмент (сниппет)

Другой тип сниппета ― это избранный сниппет. Это новый вид результатов, который появляется в верхней части страниц результатов поиска, даже до первого органического результата поиска ― так сказать, в нулевой позиции. Контент для этих избранных сниппетов взят со страниц, которые лучше всего отвечают на конкретный вопрос в его содержании. И получить такой фрагмент, нужно постараться. Вот один из таких фрагментов, на этот раз для поискового запроса .

Избранный сниппет

Этот расширенный сниппет берет полный ответ на этот вопрос из статьи «что такое фокусное ключевое слово» и помещает его прямо вверху страницы.

Сниппет для Яндекса

Поисковик Яндекс формирует сниппет автоматически. Главные слова берет из заголовков указанных в статье тегами title, h1, h2. Для описания берет информацию из тега description. Если конечно, он у вас заполнен. Если нет, то будет сформировано описание именно из заголовков в которых есть ключевые слова подходящие под контент на странице.

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

Как изменить сниппет в яндексе

Для начала сайт должен быть добавлен в , магазин — в Яндекс.Маркет

  • В Яндекс справочник необходимо добавить сведения о компании;
  • Микроразметка Open Graph или schema.org;
  • Можно попробовать переделать фокусные ключевые слова отражающие суть статьи наиболее конкретно и точно;
  • Манящие заголовки статей, так же имеют значение.

Как сделать сниппеты в google

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

Но в отличии от Яндекса, Google имеет хорошие инструменты для создания и изменения сниппетов.Кроме изменения заголовков и описания, можно использовать следующие инструменты:

  1. Для удобства добавления микроразметки schema.org в код, есть — Мастер разметки структурированных данных. С его помощью можно добавить необходимые данные о странице, сформировать html-код и внедрить его на страницу;
  2. Еще один инструмент — Маркер в . Без добавления кода на сайт, можно указать различные типы данных.

Что сделали в обновлении seo-модуля

Мы давно хотели сделать микроразметку хлебных крошек на bitrix без привлечения программиста. В версии SEO-модуля 2.4.x мы добавили возможность установить микроразметку навигационной цепочки одной галочкой.

Как это работает

В настройках модуля появился флажок «Включить микроразметку хлебных крошек».

При включенной галочке на все страницы сайта, кроме главной, модуль добавляет невидимый компонент «Навигационная цепочка» с микроразметкой Schema.org. Все просто.

Пример кода навигационной цепочки:

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

Код проходит валидацию в инструменте проверки структурированных данных google.

Проверим хлебные крошки той же страницы в валидаторе Яндекса.

Что произойдет, если на странице уже есть навигационная цепочка?

У вас на странице будет две строки с хлебными крошками. Так как модуль выводит «невидимые» хлебные крошки, для пользователя ничего не изменится. Поисковик сам решит, какая микроразметка ему больше подходит, и будет использовать ее .

Может ли валидатор показывать ошибки?

Мы проверили работу новой функции на нескольких сайтах. Ошибок не было.

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

В этом случае добавление второй навигационной цепочки с помощью SEO-модуля только улучшит ситуацию.

Как отключить функцию?


Функция легко отключается, и поисковик перестает «видеть» микроразметку. Достаточно снять флажок в настройках и сохранить.

Пример той же страницы с выключенной галочкой микроразметки.

How to mark up your content using microdata

1a. Why use microdata?

Your web pages have an underlying meaning that people understand when they read the web pages. But search engines have a limited understanding of what is being discussed on those pages. By adding additional tags to the HTML of your web pages—tags that say, «Hey search engine, this information describes this specific movie, or place, or person, or video»—you can help search engines and other applications better understand your content and display it in a useful, relevant way. Microdata is a set of tags, introduced with HTML5, that allows you to do this.

1b. itemscope and itemtype

Let’s start with a concrete example. Imagine you have a page about the movie Avatar—a page with a link to a movie trailer, information about the director, and so on. Your HTML code might look something like this:

<div>
 <h1>Avatar</h1>
 <span>Director: James Cameron (born August 16, 1954)</span>
 <span>Science fiction</span>
 <a href="../movies/avatar-theatrical-trailer.html">Trailer</a>
</div>

To begin, identify the section of the page that is «about» the movie Avatar. To do this, add the itemscope element to the HTML tag that encloses information about the item, like this:

<div itemscope>
  <h1>Avatar</h1>
  <span>Director: James Cameron (born August 16, 1954) </span>
  <span>Science fiction</span>
  <a href="../movies/avatar-theatrical-trailer.html">Trailer</a>
</div>

By adding , you are specifying that the HTML contained in the block is about a particular item.

But it’s not all that helpful to specify that there is an item being discussed without specifying what kind of an item it is. You can specify the type of item using the attribute immediately after the .

<div itemscope itemtype="http://schema.org/Movie">
  <h1>Avatar</h1>
  <span>Director: James Cameron (born August 16, 1954)</span>
  <span>Science fiction</span>
  <a href="../movies/avatar-theatrical-trailer.html">Trailer</a>
</div>

This specifies that the item contained in the div is in fact a Movie, as defined in the schema.org type hierarchy. Item types are provided as URLs, in this case .

1c. itemprop

What additional information can we give search engines about the movie Avatar? Movies have interesting properties such as actors, director, ratings. To label properties of an item, use the attribute. For example, to identify the director of a movie, add to the element enclosing the director’s name. (There’s a full list of all the properties you can associate with a movie at http://schema.org/Movie.)

<div itemscope itemtype ="http://schema.org/Movie">
  <h1 itemprop="name">Avatar</h1>
  <span>Director: <span itemprop="director">James Cameron</span> (born August 16, 1954)</span>
  <span itemprop="genre">Science fiction</span>
  <a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a>
</div>

Note that we have added additional tags to attach the attributes to the appropriate text on the page. tags don’t change the way pages are rendered by a web browser, so they are a convenient HTML element to use with .

Search engines can now understand not just that http://www.avatarmovie.com is a URL, but also that it’s the URL for the trailer for the science-fiction movie Avatar, which was directed by James Cameron.

1d. Embedded items

Sometimes the value of an item property can itself be another item with its own set of properties. For example, we can specify that the director of the movie is an item of type Person and the Person has the properties and . To specify that the value of a property is another item, you begin a new immediately after the corresponding .

<div itemscope itemtype ="http://schema.org/Movie">
  <h1 itemprop="name">Avatar</h1>
  <div itemprop="director" itemscope itemtype="http://schema.org/Person">
  Director: <span itemprop="name">James Cameron</span> (born <span itemprop="birthDate">August 16, 1954</span>)
  </div>
  <span itemprop="genre">Science fiction</span>
  <a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a>
</div>

Плагины хлебные крошки для ВордПресс сайта

Самый популярный модуль на сегодняшний день — это Breadcrumb NavXT.

Плагин для WordPress Breadcrumb NavXT

Breadcrumb NavXT — это плагин совместимый с WordPress версий 4.0 и выше. Он генерирует локальные цепочки для вашего блога/сайта на ВордПресс. Поскольку Breadcrumb NavXT последовательно отображает иерархию страниц, она поможет обеспечить преимущества SEO.

Устанавливаете и активируете его стандартным способом. Далее, по желанию, можно его настроить под себя. Настройки — Breadcrumb NavXT. Плагин на русском языке. Думаю большинству пользователей подойдут настройки по умолчанию.

И снова нам понадобится редактировать файл Отдельная запись ( single.php ) и/или Отдельная страница ( page.php ). Можно использовать файл Заголовок ( header.php ). Берём код:

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

Установка кода Breadcrumb NavXT на страницу сайта

Сохраняетесь. Открываем страницу блога и смотрим результат:

Навигационные ссылки на странице блога

Добавьте этот же код в файл Отдельная запись ( single.php, ) как показано для Yoast SEO. Хороший плагин? О, да! Не подходит? Да, без проблем.

Заходим Плагины — Добавить новый и в поле поиска по плагинам вбиваем ключевое слово Breadcrumb. Выбирайте, друзья:

Плагины хлебных крошек для WordPress

Ориентируйтесь по обновлениям

Обратите внимание на plugin SEO Breadcrumbs:

SEO Breadcrumbs (хлебные крошки)

Плагин WordPress SEO Breadcrumbs

SEO Breadcrumbs — это мощный и простой в использовании плагин, который может добавить пять различных навигаций по хлебным крошкам на ваш сайт WordPress. Он полностью настраиваемый и отзывчивый. Плагин показывает панировочные сухари в сообщениях, страницах, пользовательских таксономии, архивах, вложениях. Так же в ошибках 404, результатах поиска.

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

Как установить хлебные крошки WordPress без плагина

Этот хак (нашел за бугром) подойдет для тех, кто не пользуется плагином . Открываем файл «Функции темы» ( functions.php ) и перед закрывающим тегом (в самом низу) ?> вставляем такой длинный код (не забудьте сделать резервную копию файла):

Обновите файл. Для вызова функции так же, как описано выше, в файлы single.php (одна запись); page.php (шаблон страницы); archive.php (архивы); search.php (результаты поиска) вставьте код:

Всё. Если понадобится задать стиль CSS для хлебных крошек (под дизайн вашей темы) заключите строчку в:

Откройте файл «Таблица стилей» ( style.css ) и в конце кода вставьте:


Настройте стиль под ваш дизайн блога/сайта.

В заключение

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

Благодаря микроразметке Breadcrumbs (навигационная цепочка) встраивается в выдачу Google. В Яндекс такой функции нет, но поисковик может самостоятельно подстроить структуру сайта под шаблон микроразметки.

На этом у меня все. До новых встреч. Удачи.

Продвижение сайта должно быть комплексным

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

Мы специализируемся на продвижении ecommerce-проектов на платформе 1С-Битрикс. Высокие технические и маркетинговые компетенции позволяют нам приносить пользу заказчикам и помогать в развитии бизнеса.

Для удобства работы SEO-специалистов с проектами на 1С-Битрикс несколько лет назад мы выпустили собственную разработку — модуль «Инструменты SEO-специалиста». Модуль дополняет SEO-функции битрикса и является хорошим решением для экономии времени маркетологов и контент-менеджеров. Также, мы стараемся с помощью SEO-модуля закрывать необходимые для продвижения технические функции, не предоставленные платформой.

Статьи из базы знаний:

  • https://www.intervolga.ru/blog/marketing/prodvizhenie-sayta-na-bitrikse-s-pomoshchyu-seo-modulya/
  • https://www.intervolga.ru/blog/marketing/404-lookup/
  • https://www.intervolga.ru/blog/marketing/razvitie-seo-modulya-dlya-bitriks-rabota-s-utm-metkami/

Эта статья про новую функцию нашего SEO-модуля (вышла в версии 2.4.1) — Микроразметка хлебных крошек одной кнопкой. Она серьезно экономит время на доработку сайта .

Плагин Breadcrumb NavXT

Для установки плагина Breadcrumb NavXT нужно войти в «Админ-панель WordPress» => «Плагины» => «Добавить новый». В поле «Поиск» нужно ввести выражение «Breadcrumb NavXT», а после этого нужно нажать на кнопку «Поиск плагинов». В окне «Установить плагин» под названием плагина «Breadcrumb NavXT» следует нажать на ссылку «Установить».

Далее в окне подтверждения установки плагина нужно нажать на кнопку «ОК».

В открывшемся окне «Установка плагина: Breadcrumb NavXT» необходимо нажать на ссылку «Активировать плагин». После этого в боковой панели «Админ-панели WordPress» появился новый пункт «Breadcrumb NavXT». Если нажать на этот пункт, то тогда можно будет войти в настройки плагина хлебных крошек.

В окне «Настройки Breadcrumb NavXT» расположено довольно много настроек этого плагина. Настройки Breadcrumb NavXT можно оставить сделанными по умолчанию. Во вкладке «Основные» можно, если вы хотите, изменить пункт «Ссылка на главную».

В подпункте «Заголовок ссылки на главную» можно поменять выражение «Главная» на другое, например, на название вашего сайта. Но это изменение настроек вносить совсем не обязательно, все зависит от вашего желания.

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

Для того, чтобы вставить этот код нужно войти в «Админ-панель WordPress» => «Внешний вид» => «Редактор» => «Шаблоны».

В шаблон «Одна запись (single.php)», который отвечает за страницы со статьями, код вставляется так, как показано на этом изображении.

После вставки кода, нажимаете на кнопку «Обновить файл».

Далее нужно будет вставить код в файл «Шаблон страницы (page.php)», который отвечает за статические страницы (например, страницы «О сайте», «Обо мне», «Рекомендую» и т. п.).

Код вставлен, затем нужно нажать на кнопку «Обновить файл».

В файл «Архивы (arhvie.php)», который отвечает за рубрики, также нужно будет вставить этот код.

После того, как код вставлен, нажимаете на кнопку «Обновить файл».

И в завершении установки кода в файлы темы WordPress, код вставляется в файл «Результаты поиска (search.php)», который отвечает за поиск по сайту. Вставляете код в то место, как это показано на изображении.

Далее нажимаете на кнопку «Обновить файл».

На этом изображении видно как выглядит навигация хлебные крошки. Имя главной страницы не было изменено на название сайта.

Можно также вставить в файл «Таблица стилей (style.ccs)» такой код (это делать необязательно):

В этом коде можно менять размер и шрифт (font:bolder 12px «Trebuchet MS», Verdana, Arial), отступы (padding-bottom: 10px), а также цвет ссылок хлебных крошек в статическом состоянии и при наведении на них курсора мыши (можно менять цифровые значения).

Показания в этом коде можно менять по своему усмотрению, или найти другой подобный код в Интернете. Также можно вообще обойтись и без установки этого кода в файл «Таблица стилей (style.ccs)». В установленной у меня теме, после установки кода, немного изменился шрифт.

В этой статье было рассмотрена установка хлебных крошек на сайт с помощью плагина Breadcrumb NavXT. В следующей статье будет рассмотрен такой вопрос — как установить хлебные крошки без использования плагина.

JSON-LD

Ещё один способ обозначить элементы на странице и структурировать данные с помощью Schema.org. Напомним, что Джон Мюллер из Google рекомендует использовать именно этот синтаксис, но для Яндекса пока стоит использовать microdata.


Как правило, JSON-объект подключается с помощью тега <script> в заголовок страницы, но можно размещать и в рамках тега <body>. Например, для хлебных крошек код будет выглядеть так:

    
    <html>
	  <head>
		<title>The title of the page</title>
		<script type="application/ld+json">
		 {
		  "@context": "https://schema.org",
		  "@type": "BreadcrumbList",
		  "itemListElement": [{
		  "@type": "ListItem",
		  "position": 1,
		  "name": "Books",
		  "item": "https://example.com/books"
		 },{
		  "@type": "ListItem",
		  "position": 2,
		  "name": "Authors",
		  "item": "https://example.com/books/authors"
		 },{
		  "@type": "ListItem",
		  "position": 3,
		  "name": "Ann Leckie",
		  "item": "https://example.com/books/authors/annleckie"
		 },{
		  "@type": "ListItem",
		  "position": 4,
		  "name": "Ancillary Justice",
		  "item": "https://example.com/books/authors/ancillaryjustice"
		 }]
		 }
		</script>
	  </head>
	<body>
	</body>
  </html>
    

Где:

  • «@context»: «https://schema.org» — объявление используемой схемы.

  • «@type»: «BreadcrumbList» — сущность, которая в примере выполняет роль контейнера.

  • «itemListElement» — массив, который включает в себя отдельные элементы-разделы, то есть хлебные крошки с указанием очередности, анкора и ссылки.

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

    
	<script type="application/ld+json">
	  {
		"@context": "https://schema.org/",
		"@type": "Product",
		"name": "Executive Anvil",
		"image": [
		"https://example.com/photos/1x1/photo.jpg",
		"https://example.com/photos/4x3/photo.jpg",
		"https://example.com/photos/16x9/photo.jpg"
		],
		"description": "Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height.",
		"sku": "0446310786",
		"mpn": "925872",
		"brand": {
		"@type": "Thing",
		"name": "ACME"
		},
		"review": {
		"@type": "Review",
		"reviewRating": {
		"@type": "Rating",
		"ratingValue": "4",
		"bestRating": "5"
		},
		"author": {
		"@type": "Person",
		"name": "Fred Benson"
		}
		},
		"aggregateRating": {
		"@type": "AggregateRating",
		"ratingValue": "4.4",
		"reviewCount": "89"
		},
		"offers": {
		"@type": "Offer",
		"url": "https://example.com/anvil",
		"priceCurrency": "USD",
		"price": "119.99",
		"priceValidUntil": "2020-11-05",
		"itemCondition": "https://schema.org/UsedCondition",
		"availability": "https://schema.org/InStock",
		"seller": {
		"@type": "Organization",
		"name": "Executive Objects"
		}
		}
	  }
    </script>
    

В SERP Google результат может выглядеть так:

В выдаче по картинкам также подтянется рейтинг, цена, навигация и описание:

Также для витальных запросов полезно добавить разметку для поиска по сайту прямо в SERP:

Такой поиск работает как оператор и покажет релевантные результаты также в выдаче Google. Реализуется с помощью сущности . В случае JSON-LD можно использовать такой шаблон:

    
      <script type="application/ld+json">
	   {
		"@context": "http://schema.org",
		"@type": "WebSite",
		"url": "http://example.com/",
		"potentialAction": {
		"@type": "SearchAction",
		"target": "http://example.com/search?&q={query}",
		"query": "required"
		}
	   }
      </script>
    

Важное правило при использовании JSON-LD: все элементы, которые добавляются в код разметки, должны быть доступны и видны пользователям:

Разумеется, ручная разметка рискует превратиться в раздражающую рутину, поэтому на помощь приходят плагины под популярные CMS и инструменты. Например:

  • Мастер разметки структурированных данных от Google

Популярные плагины под WordPress и Битрикс:

Микроразметка статьи

Данный тип микроразметки предназначен для статей и любых других информационных материалов, как на коммерческих, так и на обычных сайтах. Например, для страницы, которую вы читаете, справедлива следующая структура:

Конкурентность поисковых запросов

//Определение атрибута «Имя публикации» Содержимое статьи. //Определение атрибута «Содержимое статьи»

Средняя арифметическая оценкаМаксимальное значение оценкиМинимальное значение оценкиКоличество оценок

Тут всё тоже самое, что и для хлебных крошек, кроме следующего:

  • Атрибут «Дата публикации» должен быть указан в формате ISO-8601 вида YYYY-MM-DDTHH:MM, где T — просто символ, YYYY — год, MM — месяц, DD — дата, HH — час, а MM — минута.
  • При определении атрибута «Категория публикации» и «Имя публикации» совершенно не страшно, что в область значения попадает также и ссылка — робот вытянет лишь соответствующие ожидаемому для атрибута значения данные.

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

Микроразметка контактов организации

Еще одна из самых популярных микроразметок — страница контактов. Подобная микроразметка через JSON-LD выглядит следующим образом:

Как мы видим, по сравнению с предыдущим примером у нас поменялся тип разметки: с Organization на @type LocalBusiness.

Обязательными атрибутами являются name и image, рекомендуемые — telephone, address и priceRange (атрибут, в котором указывается ценовой диапазон ваших услуг).

Более подробное описание полей можно найти здесь.

Что делать, если у вас несколько телефонов?

В LocalBusiness можно указать только один, основной телефон. Но дополнительные телефоны мы всегда можем указать в описании организации — схема Organization из пункта ранее.

Если же у вас несколько адресов, через запятую повторяем фигурные скобки после address (включая их содержимое), обрамив все адреса в квадратные скобки.

И опять-таки — главное не наставить лишних запятых, которые сломают нам микроразметку.

Микроразметка с помощью микроданных выглядела бы следующим образом:

В примере выделены элементы микроразметки. Как ее сделать?

  1. Как и всегда, присваиваем контейнеру тип объекта (в данном случае — Organization)
  2. У вложенных элементов выделяем название организации, ее телефон, email, адрес (который тоже является объектом, со своими атрибутами — улицей, страной, городом и т.д.). Если необходимо добавить в микроразметку элемент, которого не должно быть видно пользователю, можно воспользоваться тегом meta:

Выводы

Регулярный мониторинг и корректировка сниппетов с целью увеличения CTR позволяет добиться повышения документа в поисковой выдаче. Рассмотрим такой случай: первое место в результатах поиска занимает сайт http://siteA.com/, а второе – сайт http://siteB.com/. Если пользователи чаще кликают на сайт http://siteB.com/, то велика вероятность (при всех прочих равных факторах), что в выдаче в ближайшем времени с пересчетом поведенческих факторов документ с сайта B обойдет документ с сайта A.

Не работать над сниппетами сейчас невозможно, так как без некоторой информации в сниппете на первую страницу поисковой выдачи можно вообще не попасть. Например, без выведенных контактов: все первые позиции в Яндексе сейчас занимают сайты с контактной информацией.

При проведении работ со сниппетами можно достичь следующих результатов:

  • Увеличение количества кликов по документу из поиска
  • Оказание косвенного влияния на позицию страницы в выдаче
  • Лучшее понимание структуры Вашего сайта поисковиками

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


С этим читают