+7 495 797-38-68
15
  • Продвижение
  • 18.11.2016
  • Читается за 4 минуты

Использование микроразметки

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

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

Существует несколько типов такой разметки: микроданные, микроформаты, RDFa. В основном используются микроданные. В данной статье мы подробно остановимся на этом вопросе.

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

Существует несколько правил по разметке текста. Эти правила называются синтаксисом, а набор такого синтаксиса - словарем. Рассмотрим наиболее популярные из них.

Schema.org

Это словарь, который создавался непосредственно поисковыми компаниями: Яндекс, Google, Bing, Yahoo. Словарь Sсhema содержит около 550 классов описывающих различные свойства. Принцип работы с данным словарем заключается в том, что контент на сайте размечается в виде схемы с указанием типов данных. Каждый тип имеет набор свойств.

Разберем более конкретней на примере. Если на странице представлена информация о товаре, следует использовать тип разметки Product. Данный тип должен обязательно содержать свойство offers, находящееся в подтипе разметки Offer. Полная же разметка страницы выглядит следующим образом:

<!--Указывается тип разметки Product.-->
<div itemscope itemtype="http://schema.org/Product">
<!--В данном поле указывается наименование товара.-->
<h1 itemprop="name">Название</h1>
<!--В данном блоке указывается описание товара.-->
<span itemprop="description">Описание</span>
<!--В данном блоке отмечатеся изображение для товара товара.-->
<img src="put-k-izobrazheniju/image.jpg" itemprop="image">
<!--Указывается тип разметки Offer.-->
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<!--В данном блоке указывается стоимость товара.-->
<span itemprop="price">Цена</span>
<!--В данном блоке указывается валюта.-->
<span itemprop="priceCurrency">Валюта</span>
</div>
</div>

OpenGraph

Данный тип словаря является более простым. В основном используется для удобства публикации ссылки на сайт в социальных сетях. Благодаря использованию OpenGraph публикуемые ссылки на сайт могут содержать видео, краткое описание страницы, изображение.

На одной странице разметкой OpenGraph может быть описан только один объект. Отличается OpenGraph от Schema тем, что разметка прописывается не в самом контенте, а в коде странице, в блоке <head></head>.

Обязательными элементами разметки являются:

  • og:title — Наименование объекта.
  • og:type — тип описываемого объекта (видео, человек, книга, веб-сайт).
  • og:image — Путь к изображению, описывающего объект.
  • og:url — URL-адрес объекта, который будет использован в качестве постоянного значения.
Другие статьи
18
  • Продвижение
  • 18.11.2016
  • Читается за 5 минут
Оптимизация сайта под «мобильную выдачу»
В начале ноября компания Google начала вносить изменения в технологию мобильной выдачи.