Микроразметка хлебных крошек OpenCart

25.12.2020 | Написав

Хлебные крошки улучшают юзабилити, помогая пользователю понять иерархию сайта. И в Shema.org есть специальная разметка для них. Как ее внедрить на сайте OpenCart ниже.

Находим во всех файлах шаблона:

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

и меняем на:

  <ul class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList" id="navigation">
    <?php foreach ($breadcrumbs as $i => $breadcrumb) { ?>
      <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <a href="<?php echo $breadcrumb['href']; ?>">
          <span itemprop="name"><?php echo $breadcrumb['text']; ?></span>
          <meta itemprop="position" content="<?php echo $i+1; ?>" />
          <meta itemprop="item" content="<?php echo $breadcrumb['href']; ?>" />          
        </a>
      </li>
    <?php } ?>
  </ul>

В итоге получим правильно размеченые хлебные крошки на всех страницах магазина на OpenCart.

Рубрика: Веброзробка
Позначки:
Коментарі читачів статті "Микроразметка хлебных крошек OpenCart"

Немає коментарів.

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься.

Цей сайт використовує Akismet для зменшення спаму. Дізнайтеся, як обробляються ваші дані коментарів.