Микроданные для Google и Яндекс в OpenCart

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

В этой статье я вам расскажу, как могут увеличится продажи за счёт такого инструмента.  Ознакомившись с документацией на google.com, решил все-таки попробовать. Так как уже в последнее большинство интернет магазинов показывают свою цену, отзывы и наличие данного товара.

Шаг 1. Добавьте свой сайт в Веб Мастер Google и Яндекс

Шаг 2. Создайте файловую резервную копию вашего Интернет Магазина и БД.

Шаг 3. Теперь уверенно можем приступать к работе.

            Для начало откроем программный код нашего шаблона. Хочу предупредить код который будет ниже – код предустановленного шаблона после установки OpenCart. Нам понадобиться открыть файл product.tpl – catalog/view/default/product/product.tpl. Копировать весь код не буду, акцент сделаю на нужных строках. 

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

1	<div id="content">

И добавим в тег 

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

После этого блока внутри него нужно разместить некоторые расширенные данные о станице в целом

1 2 3 4 5

<meta property="og:title" content="<?php echo $product_info['heading_title']; ?>"/> <!-- Титл Страницы --> <meta property="og:url" content="<?php echo "http://".$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI']; ?>"/> <!-- url Страницы --> <meta property="og:image" content="<?php if ($thumb || $images) { if ($thumb) { echo $popup; } } ?>"/> <!-- Изображение товара --> <meta property="og:type" content="product"/> <!-- Тип данных --> <meta property="og:site_name" content="exemple.web"/> <!-- Адрес вашего сайта -->

Теперь пометим микроданными "Хлебные крошки" путь к товару.

1 2 3 4 5

<div class="breadcrumb"> <?php foreach ($breadcrumbs as $breadcrumb) { ?> <?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a> <?php } ?> </div>

Данный код должен быть переобразован в этот. Это нам даст непонятный набор цифр и букв, или сильного длинного ЧПУ, который поиск как то не понятно считывает его. Но из-за скорости сканирование, лучше его писать - это обеспечит вам результат в других поисковиках. Так вот

1 2 3 4 5

<div class="breadcrumb" xmlns:v="http://rdf.data-vocabulary.org/#"> <?php foreach ($breadcrumbs as $breadcrumb) { ?> <?php echo $breadcrumb['separator']; ?><a typeof="v:Breadcrumb" rel="v:url" property="v:title" href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a> <?php } ?> </div>

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

1	<h1><?php echo $heading_title; ?></h1>

Тут бы обозначаем имя товара

1	<h1 itemprop="name"><?php echo $heading_title; ?></h1>

Теперь добавляем цену товара

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

<?php if ($price) { ?> <div class="price"><?php echo $text_price; ?> <?php if (!$special) { ?> <?php echo $price; ?> <?php } else { ?> <span class="price-old"><?php echo $price; ?></span> <span class="price-new"><?php echo $special; ?></span> <?php } ?> <br /> <?php if ($tax) { ?> <span class="price-tax"><?php echo $text_tax; ?> <?php echo $tax; ?></span><br /> <?php } ?> <?php if ($points) { ?> <span class="reward"><small><?php echo $text_points; ?> <?php echo $points; ?></small></span><br /> <?php } ?> <?php if ($discounts) { ?> <br /> <div class="discount"> <?php foreach ($discounts as $discount) { ?> <?php echo sprintf($text_discount, $discount['quantity'], $discount['price']); ?><br /> <?php } ?> </div> <?php } ?> </div> <?php } ?>

И код должен будет выглядеть так

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

<?php if ($price) { ?> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"><?php echo $text_price; ?> <?php if (!$special) { ?> <span itemprop="price"> <?php echo $price; ?></span> <?php } else { ?> <span class="price-old"><?php echo $price; ?></span> <span class="price-new" itemprop="price"><?php echo $special; ?></span> <?php } ?> <br /> <?php if ($tax) { ?> <span class="price-tax"><?php echo $text_tax; ?> <?php echo $tax; ?></span><br /> <?php } ?> <?php if ($points) { ?> <span class="reward"><small><?php echo $text_points; ?> <?php echo $points; ?></small></span><br /> <?php } ?> <?php if ($discounts) { ?> <br /> <div class="discount"> <?php foreach ($discounts as $discount) { ?> <?php echo sprintf($text_discount, $discount['quantity'], $discount['price']); ?><br /> <?php } ?> </div> <?php } ?> <meta itemprop="priceCurrency" content="UAH" /> <!-- Валюта --> <link itemprop="availability" href="http://schema.org/InStock" /> <!-- Наличие --> </div> <?php } ?>

И заключительная часть это обозначить рейтинг товара. Значит оригинальный код выглядит так

1 2 3 4 5 6 7 8 9 10

<?php if ($review_status) { ?> <div class="review"> <div><img src="catalog/view/theme/default/image/stars-<?php echo $rating; ?>.png" alt="<?php echo $reviews; ?>" />&nbsp;&nbsp;<a onclick="$('a[href=\'#tab-review\']').trigger('click');"><?php echo $reviews; ?></a>&nbsp;&nbsp;|&nbsp;&nbsp;<a onclick="$('a[href=\'#tab-review\']').trigger('click');"><?php echo $text_write; ?></a></div> <div class="share"><!-- AddThis Button BEGIN --> <div class="addthis_default_style"><a class="addthis_button_compact"><?php echo $text_share; ?></a> <a class="addthis_button_email"></a><a class="addthis_button_print"></a> <a class="addthis_button_facebook"></a> <a class="addthis_button_twitter"></a></div> <script type="text/javascript" src="//s7.addthis.com/js/250/addthis_widget.js"></script> <!-- AddThis Button END --> </div> </div> <?php } ?>

Отмеченный код с рейтингом( отзывов ) имеет такой вид:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<?php if ($review_status) { ?> <div class="review" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <div><img src="catalog/view/theme/default/image/stars-<?php echo $rating; ?>.png" alt="<?php echo $reviews; ?>" />&nbsp;&nbsp; <meta itemprop="ratingValue" content="<?php echo $rating; ?>" /> <meta itemprop="bestRating" content="5" /> <?php if(!$rating == 0) { ?><meta itemprop="reviewCount" content="<?php echo $this->model_catalog_review->getTotalReviewsByProductId($this->request->get['product_id']); ?>" /><?php } ?> <a onclick="$('a[href=\'#tab-review\']').trigger('click');"><span ><?php echo $rating; ?></span><?php echo $reviews; ?></a>&nbsp;&nbsp;|&nbsp;&nbsp;<a onclick="$('a[href=\'#tab-review\']').trigger('click');"><?php echo $text_write; ?></a></div> <div class="share"><!-- AddThis Button BEGIN --> <div class="addthis_default_style"><a class="addthis_button_compact"><?php echo $text_share; ?></a> <a class="addthis_button_email"></a><a class="addthis_button_print"></a> <a class="addthis_button_facebook"></a> <a class="addthis_button_twitter"></a></div> <script type="text/javascript" src="//s7.addthis.com/js/250/addthis_widget.js"></script> <!-- AddThis Button END --> </div> </div> <?php } ?>

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

• https://support.google.com/webmasters/answer/146750?hl=ru&ref_topic=4599102 - разметка товара от google
• http://schema.org/Product - разметка от http://schema.org/
• https://www.google.com/webmasters/tools/richsnippets - Инструмент проверки структурных данных

Для результаты проделанной работы вы можете посмотреть по этой ссылке - https://www.google.com/webmasters/tools/richsnippets?q=http%3A%2F%2Fstylezvuka.com.ua%2Fvideoregistratory%2Favtomobilnye-videoregistratory%2Fdvr-parkcity%2Fparkcity-dvr-hd-590

Categories: микроданные, яндекс, google, opencart, yandex