Микроразметка хлебных крошек 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"

Нет комментариев.

Добавить комментарий

Ваш адрес email не будет опубликован.

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.