Микроразметка карточки товара [Product]
Как сделать микроразметку schema.org карточки товара в магазине
Микроразметка карточки товара очень важный элемент работающего магазина. Размечая товар мы передаем поисковому роботу много дополнительной информации с помощью которой в поисковой выдаче формируется красивы и выразительный сниппет. Такой сниппет привлекает больше внимания а следовательно и посетителей.
На первый взгляд на этом преимущества и заканчиваются, но это не так. Помимо красивого сниппета, поисковой системе сайт с микроразметкой понимается более ясно и прозрачно. Робот сканируя страницу отчетливо понимает где описание товара, а где его название и модель. Вся структурированная информация может обрабатываться не только поисковыми системами, так и различными программами и агрегаторами, что несомненно является большим плюсом для популярности интернет магазина.
Как добавить микроразметку в карточку товара?
Для добавления микроразметки в формате json-ld надо внести такой код:
<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Product", "url": "https://microdata.pro/demo/index.php?route=product/product&product_id=28", "category": "Телефоны и PDA", "image": "https://microdata.pro/demo/image/catalog/demo/htc_touch_hd_1.jpg", "brand": "HTC", "manufacturer": "HTC", "model": "Товар 1", "gtin12": "upc", "gtin8": "ean", "productID": "isbn", "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.5", "reviewCount": "2" },"description": "Описание товара", "name": "HTC Touch HD", "offers": { "@type": "Offer", "availability": "https://schema.org/InStock", "price": "122.00", "priceCurrency": "RUB" }, "review": [ { "@type": "Review", "author": "Тест 2", "datePublished": "2016-06-06", "description": "Текст отзыв", "reviewRating": { "@type": "Rating", "bestRating": "5", "ratingValue": "5", "worstRating": "1" } },{ "@type": "Review", "author": "Тест имени для отзыва", "datePublished": "2016-06-06", "description": "Текст отзыва", "reviewRating": { "@type": "Rating", "bestRating": "5", "ratingValue": "4", "worstRating": "1" } }],"isRelatedTo": [ { "@type": "Product", "image": "https://microdata.pro/demo/catalog/demo/apple_cinema_30.jpg", "url": "https://microdata.pro/demo/index.php?route=product/product&product_id=42", "name": "Apple Cinema 30"", "description": "Описание товара", "offers": { "@type": "Offer", "price": "777.00", "priceCurrency": "RUB" } } ] } </script>
Эта же разметка в синтаксисе microdata:
<div itemscope itemtype="https://schema.org/Product"> <meta itemprop="name" content="HTC Touch HD" /> <link itemprop="url" href="https://microdata.pro/demo/index.php?route=product/product&product_id=28" /> <link itemprop="image" href="https://microdata.pro/demo/image/catalog/demo/htc_touch_hd_1.jpg" /> <meta itemprop="brand" content="HTC" /> <meta itemprop="manufacturer" content="HTC" /> <meta itemprop="model" content="Товар 1" /> <meta itemprop="gtin12" content="upc" /> <meta itemprop="gtin8" content="ean" /> <meta itemprop="productID" content="isbn" /> <meta itemprop="category" content="Телефоны и PDA" /> <div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="4.5"> <meta itemprop="reviewCount" content="2"> </div> <div itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <meta itemprop="priceCurrency" content="RUB" /> <meta itemprop="price" content="122.00" /> <link itemprop="availability" href="https://schema.org/InStock" /> </div> <meta itemprop="description" content="Описание товара" /> <div itemprop="review" itemscope itemtype="https://schema.org/Review"> <meta itemprop="author" content="Тест 2" /> <meta itemprop="datePublished" content="2016-06-06" /> <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating"> <meta itemprop="worstRating" content = "1" /> <meta itemprop="ratingValue" content="5" /> <meta itemprop="bestRating" content="5" /> </div> <meta itemprop="description" content="Текст отзыва" /> </div> <div itemprop="review" itemscope itemtype="https://schema.org/Review"> <meta itemprop="author" content="Тест имени для отзыва" /> <meta itemprop="datePublished" content="2016-06-06" /> <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating"> <meta itemprop="worstRating" content = "1" /> <meta itemprop="ratingValue" content="4" /> <meta itemprop="bestRating" content="5" /> </div> <meta itemprop="description" content="Текст отзыва" /> </div> <div id="related-product-1" itemprop="isRelatedTo" itemscope itemtype="https://schema.org/Product"> <meta itemprop="name" content="HTC Touch HD" /> <meta itemprop="description" content="рус " /> <link itemprop="url" href="https://microdata.pro/demo/index.php?route=product/product&product_id=28" /> <link itemprop="image" href="https://microdata.pro/demo/catalog/demo/htc_touch_hd_1.jpg" /> <div itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <meta itemprop="priceCurrency" content="RUB" /> <meta itemprop="price" content="122.00" /> </div> </div> </div>
Как видим способ представления отличается, но данные передаются одни и те же.
Какие настройки выбирать в модуле MicrodataPro во вкладке Продукт
Размечать хлебные крошки - этот пункт лучше оставить. Хлебные крошки важный элемент навигации не только для пользователя и для поисковых роботов и их лучше размечать. [подробнее о хлебных крошках]
Размечать отзывы - если на сайте используются отзывы этот пункт отмечаем. Отзывы очень важны для всех т.к. позволяют оценить товар, его рейтинг и отношение покупателей. Кроме того разметив отзывы мы добавляем звездочки в поисковую выдачу.
Размечать сопутствующие товары - если магазин использует функционал рекомендуемых товаров включает этот пункт. Таким образом поисковой системе мы передаем информацию какие товары похожие на представленный.
Размечать атрибуты (характеристики) - Если для описания характеристик товара вы используете стандартный функционал атрибутов, отмечайте этот пункт. Он размечает все характеристики товара. Официальной информации где используются эти данные нет. Но я думаю что в будущем это будут использовать.
Размечать дополнительные данные SKU, UPC, EAN, ISBN, MPN - настройка, которая позволяет выводить в разметку эту информацию. Если на сайте вы прописываете их - отмечайте необходимые.
Синтаксис разметки страницы - рекомендуется оставить Microdata + JSON-LD как наиболее универсальный вариант. [подробнее о синтаксисах microdata vs json-ld]
Описание товара, если у него нет описания - это текстовое поле ввода создано для того что бы в случае отсутствия описания у товара выводился этот текст. Это необходимая мера т.к. если товар без описания - валидаторы выдают ошибку микроразметки. Хоть какой-то текст должен присутствовать на странице.