Швидка розмітка хлібних крихт в Opencart

Евгений Кравчук

15 500 0

(5,00 из 5 на основе 5 оценок(ки))

У попередній статті ми описували як можна додати на Opencart розмітку хлібних крихт. У нас вже є готовий мануал для впровадження мікророзмітки на сайт. В цьому випадку ми розберемо реалізацію на CMS Opencart. Там ми це робили за допомогою милиць і у нас мікророзмітка виглядала наступним чином:
Домен → Назва сторінки (h1).

Це не зовсім правильна реалізація

 У цій статті я вам розповім як можна швидко зробити розмітку хлібних крихт на CMS Opencart.

Аліна Глазиріна

головний редактор блогу Inweb

Підпишіться і будьте в курсі!

Аліна пише про головні новини інтернет-маркетингу

Підписатися на розсилку від Inweb

Я згоден (-на) з умовами Користувальницької угоди

Насамперед заходимо на FTP:

Знаходимо потрібні нам файли в каталозі catalog/view/theme/ВАША ТЕМА/template/product.

Для роботи нам необхідно змінювати наступні файли:

category.tpl – шаблон категорії;
product.tpl – шаблон картки товару;
manufacturer_list.tpl – перелік виробників;
manufacturer_info.tpl – сторінка виробника.

Перед тим як приступити до впровадження мікророзмітки обов’язково потрібно зробити бекап змінюваних файлів.

Стандартний код, який відповідає за виведення хлібних крихт ми коментуємо (можна видалити):p>

<?php foreach ($breadcrumbs as $breadcrumb) { ?>

<?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>

<?php } ?>

</div>

Додаємо код хлібних крихт, але вже з розміткою:

<?php foreach ($breadcrumbs as $breadcrumb) { ?>

<?php echo $breadcrumb['separator']; ?>

<a href="<?php echo $breadcrumb['href']; ?>" rel="v:url" property="v:title"><?php echo $breadcrumb['text']; ?></a>

</span>

<?php } ?>

</div>

Переходимо за посиланням https://developers.google.com/structured-data/testing-tool/ і перевіряємо що у нас вийшло.

baletki

Бачимо що останнє посилання в хлібних крихтах активне. Якщо ви хочете, щоб у вас були розмічені хлібні крихти, але останнє посилання було не активне, тоді вам потрібно додавати ось цей код:

<?php

$breadcount =count($breadcrumbs)-1;

foreach ($breadcrumbs as $iterator => $breadcrumb) {

if ($iterator != $breadcount) {

echo $breadcrumb['separator'].'.$breadcrumb['href'].'" rel="v:url" property="v:title">'.$breadcrumb['text'].'';

} else {

echo $breadcrumb['separator'].$breadcrumb['text'];

}

} ?>

</div>

Дивимося що у нас вийшло:

Це ми зробили для сторінок категорій. Теж саме для сторінок товару(product.tpl), виробників (manufacturer_list.tpl) та іншого.

В принципі, це все, досить просто, чи не так? У разі якщо все-таки є питання — пишіть в коментарях.

На блозі ми також розповідаємо, як встановити eCommerce на CMS Opencart.

Розмітка хлібних крихт для Opencart 3.0

Вариант №1. Купити та встановити модуль

Наприклад: https://opencart3x.ru/module/seo-smm/microdata. В цьому модулі багато можливостей:

Варіант №2. Замінити старий код розмітки на новий

Ось цей код:

{% for key, breadcrumb in breadcrumbs %}

{% if key + 1 < breadcrumbs|length %}

<a itemprop="url" href="{{ breadcrumb.href }}"><span itemprop="name">{{

breadcrumb.text }}</span></a>

</li>

{% else %}

<a itemprop="url" href="{{ breadcrumb.href }}"><span itemprop="name">{{

breadcrumb.text }}</span></a>

</li>

{% endif %}

{% endfor %}

</ul>

Нам необхідно зайти на ФТП й правити наступні файли:

category.twig
product.twig
manufacturer_info.twig

Наприклад: відкриваємо файл — product.twig та змінюємо код:

{% for breadcrumb in breadcrumbs %}

<li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>

{% endfor %}

</ul>

на ось цей:

{% for key, breadcrumb in breadcrumbs %}

{% if key + 1 < breadcrumbs|length %}

<a itemprop="url" href="{{ breadcrumb.href }}"><span itemprop="name">{{ breadcrumb.text }}</span></a>

</li>

{% else %}

<a itemprop="url" href="{{ breadcrumb.href }}"><span itemprop="name">{{ breadcrumb.text }}</span></a>

</li>

{% endif %}

{% endfor %}

</ul>

Отримуємо:

Зберігаємо та дивимося результат:

Не пропустіть