Настройка микроразметки

Настройка микроразметки

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

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

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

Разметка по стандарту schema.org

Schema.org – это один из самых популярных форматов микроразметки. Разметка товара выполняется коде страницы. Товар оборачивается в контейнер с атрибутом. Для товаров это атрибут “itemtype” со значением http://schema.org/Product

                          
<div itemscope itemtype="http://schema.org/Product" >

</div>

                    
                      

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

                        
<span itemprop="price">1250</span>
                    
                    
                        
<span itemprop="description">Готовый шаблон сайта на CMS Prestashop Elite Power Gym Store купить в магазине по продаже готовых шаблонов веб сайтов Capybara Digital. Готовые сайты по тематике Кафе и Рестораны можно заказать на сайте или по телефону 8 (846) 215-04-47.</span>
                    
                    

Внутри основного контейнера могут находиться вложенные сущности. Например, http://schema.org/Offer торговое предложение, которое будет включать информацию о цене, валюте, продавце.

                        
<div itemscope itemtype="http://schema.org/Product">

<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">

</div>
                            
                        

Schema.org построена на простом синтаксисе и понятной структуре, но иногда появляются ошибки. Выявить ошибки можно с помощью валидатора микроразметки. Например, от Яндекса — https://webmaster.yandex.ru/tools/microtest/, или от Google — https://search.google.com/structured-data/testing-tool?hl=ru;

Микроразметка карточек товаров

Рассмотрим микроразметку товара на примере страницы:

Исходный код выглядит так:

(Чтобы было визуально проще сориентироваться код сокращен до минимума).

                        
<h1>Автобокс на крышу Черный ACTIVE S (320 л) Аэродинамический</h1>
                    
                    
                        
<img src="/img.jpg" itemprop="image">
                    
                   
                        
<div>12 400 руб</div>
                    
                    
                        
<div>Автомобильный бокс ACTIVE S выполнен из тиснённого АБС-пластика. Данный автобокс подойдет на крышу автомобилей с небольшой крышей, например малолитражных автомобилей, а также на автомобили с типом кузова седан или хэтчбек.</div>
                    
                    
                        
<div>Производитель: PT GROUP</div>
                    
                    
                        
<div>Модель 00002530</div>
                    
                    

После разметки карточки по правилам schema.org получается:

                        
<div itemscope itemtype="http://schema.org/Product">
                    
                    
                        
<h1 itemprop="name">Автобокс на крышу Черный ACTIVE S (320 л) Аэродинамический</h1>
                    
                    
                        
<img src="/img.jpg" itemprop="image">
                    
                    
                        
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
                    
                    
                        
<div>12 400 руб</div>
                    
                    
                        
<meta itemprop="price" content="12 400.00">
                    
                    
                        
<meta itemprop="priceCurrency" content="RUB">
                    
                    
                        
</div>
                
                    
                    
<div itemprop="description">Автомобильный бокс ACTIVE S выполнен из тиснённого АБС-пластика. Данный автобокс подойдет на крышу автомобилей с небольшой крышей, например малолитражных автомобилей, а также на автомобили с типом кузова седан или хэтчбек.</div>
                
                
                    
<div>Производитель: <span itemprop="brand">PT GROUP</span> </div>
                
                
                    
<div>Модель: <span itemprop="model">00002530</span> </div>
                
                
                    
</div>
            
                

Это и есть микроразметка товара — используя теги schema.org нужно разметить код страницы и привести к требуемому виду данные, не подходящие по формату, например потребовалось вывести цены в формате для пользователя и в формате schema.org. Для проверки корректности выполненной работы нужно воспользоваться валидатором микроразметки от Яндекс https://webmaster.yandex.ru/tools/microtest/

Контейнеры микроразметки

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

            
<div itemscope itemtype="http://schema.org/Product">
        
        
            
Размеченный код карточки товара
        
       
            
</div>
    
        

Внутри контейнера Product находится вложенный Offer. Этот блок дает понять роботу что внутри находится конкретное торговое предложение с ценой и валютой товара.

            
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
        
        
            
Размеченный код торгового предложения.
        
        
            
</div>
    
        
Название “name”

itemprop=“name” — атрибут, содержащий название товара. Выводится внутри контейнера Product. Обязательный элемент разметки.

Синтаксис: itemprop=«name»

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

            
<h1 itemprop="name">Автобокс на крышу Черный ACTIVE S (320 л) Аэродинамический</h1>
        
       
            
<span itemprop="name">Автобокс на крышу Черный ACTIVE S (320 л) Аэродинамический</span>
        
        
Валюта “priceCurrency”

itemprop=“priceCurrency” — атрибут, содержащий валюту, в которой указана цена товара. Является обязательным параметром для заполнения.

Для всех официальных валют нужно указывать код по стандарту Currency codes — ISO 4217. Например, российскому рублю соответствует код — RUB, а американскому доллару — USD.

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

            
<span itemprop="priceCurrency">RUB</span>
        
        

или в скрытом формате не показывая валюту пользователю

            
<meta itemprop="priceCurrency" content="RUB">
        
        
Модель “model”

itemprop=“model” — атрибут содержит модель изделия. Это может быть тип, вид, номер или модификация. Необязательный для заполнения.

Синтаксис: itemprop=“model”

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

            
<span itemprop="model">00002530</span>
        
        
Изображение “image”

itemprop=“image” — атрибут, указывающий что изображение является фотографией товара. Можно указывать только для тега “img”.

Синтаксис: itemprop=“image”

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

            
<img src="/img.jpg" itemprop="image">
        
        
Описание “description”

itemprop=“description” — атрибут содержащий текстовое описание товара. Не является обязательным.

Синтаксис: itemprop=“description”

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

            
<div itemprop="description">Автомобильный бокс ACTIVE S выполнен из тиснённого АБС-пластика. Данный автобокс подойдет на крышу автомобилей с небольшой крышей, например малолитражных автомобилей, а также на автомобили с типом кузова седан или хэтчбек.</div>
        
       
Продавец товара “seller”

itemprop=“seller” — атрибут, который содержит текстовое поле с названием продавца. Не обязательное поле. В разобранном примере продавец не указан, но для повышения качества страницы по возможности это поле нужно использовать.

Синтаксис: itemprop=“seller”

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

            
<span itemprop="seller">Продавец</span>
        
        

В статье описаны самые популярные схемы и атрибуты разметки страниц.

Заказать настройку микроразметки в Капибара

*Чем сделать своими руками
Легче!
1Выберите тип микроразметки
  • микроразметка страниц каталога
  • микроразметка товаров
  • микроразметка контактов
  • микроразметка статей
  • микроразметка "хлебных крошек"
2Оставьте заявку
3Мы сделаем микроразметку за вас
С вами свяжется менеджер и предложит заключить договор на выполнение услуги.
Быстрее!
Выполним настройку за 1 день!
Выгоднее!
Пакет микроразметки
для сайта услуг
  • каталог
  • контакты
  • "хлебные крошки"
4000 руб.
Пакет микроразметки
для интернет-магазина
  • каталог
  • товары
  • контакты
  • "хлебные крошки"
5000 руб.
Пакет микроразметки для контентных сайтов*
  • статьи
  • блог
  • ответы
  • рецепты
  • "хлебные крошки"

*В пакет входят все настройки, нужные для настройки отчета "Контент" в метрике

5000 руб.
Отзывы и благодарности клиентов
Бюро Правовой Поддержки «ГриЛВиЛ»

Бюро Правовой Поддержки «ГриЛВиЛ» выражает благодарность и признательность компании «Capybara Digital» и лично, её руководителю Сергиенко Николаю за долговременное успешное и результативное сотрудничество в сфере создания, поддержания и продвижения интернет представительства нашей организации: http://www.bppgrilvil.ru/, творческий и профессиональный подход к решению поставленных задач и клиентоориентированность.

Читать далее
С уважением,
Генеральный директор
Г.А. Лебедев
Интернет-гипермаркет «Гамма онлайн»

Руководство интернет-гипермаркета «Гамма онлайн» выражает благодарность компании «Capybara Digital» за успешное сотрудничество в рамках сопровождения и развития ресурса http://gammaonline.ru/.

Специалисты «Capybara Digital» проявили себя как надёжные и ответственные исполнители, готовые оперативно подключиться к решению возникших задач. Глубоко ценим оказанное содействие и надеемся на дальнейшее развитие нашего сотрудничества.

Рекомендуем компанию «Capybara Digital» как профессионалов в своём ремесле.

Читать далее
Руководитель интернет-гипермаркета «Гамма онлайн» Боин А.В.
Кубатура LUX

Управляющая компании Центра интерьера и дизайна Кубатура LUX рекомендует команду "Capybara Digital" как надёжного исполнителя: предлагающего качественный дизайн, обеспечивающего оперативные решения возникающих задач, соблюдающего сроки. "Capybara Digital" легко находит общий язык с заказчиком, взаимодействует чётко и конструктивно: Вы всегда будете понимать - за что именно Вы платите.

Читать далее
С уважением,
Директор ООО «Янко»
Т.Н. Кузьмина
Кулинарная школа при Почётном консульстве Италии в Самаре

Мы подтверждаем, что реализация сайта кулинарной школы http://www.scuola-cucina.com полностью нас устроила! Мы ощутили вашу серьёзность и профессионализм.

Читать далее
С наилучшими пожеланиями, Джангуидо Бреддо
С нами работают