Внедрение микроразметки в стандартные компоненты 1С Битрикс

Контекстная микроразметка - это добавление специального кода на страницу сайта, который позволяет поисковым системам лучше понимать информацию на странице и выделить ее в результатах поиска. В 1С Битрикс для внедрения микроразметки используется стандартная спецификация Schema.org.

Рассмотрим несколько примеров внедрения микроразметки в стандартные компоненты 1С Битрикс:

1. Внедрение микроразметки на странице товара

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

<div itemscope itemtype="http://schema.org/Product">
    <h1 itemprop="name"><?$APPLICATION->ShowTitle(false);?></h1>
    <img itemprop="image" src="<?=$arResult['DETAIL_PICTURE']['SRC']?>" alt="<?=$arResult['DETAIL_PICTURE']['ALT']?>">
    <p itemprop="description"><?=$arResult['DETAIL_TEXT']?></p>
    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
        <span itemprop="price"><?=$arResult['MIN_PRICE']['PRINT_VALUE']?></span>
        <link itemprop="availability" href="http://schema.org/InStock"/>
    </div>
</div>

В данном примере мы добавляем микроразметку на всю страницу товара, описывая его основные характеристики, такие как название, изображение, описание и цена.

2. Внедрение микроразметки в список товаров

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

<?foreach($arResult["ITEMS"] as $arItem):?>
   <div class="product" itemscope itemtype="http://schema.org/Product">
      <a href="<?=$arItem["DETAIL_PAGE_URL"]?>">
         <img itemprop="image" src="<?=$arItem["PREVIEW_PICTURE"]["SRC"]?>" alt="<?=$arItem["PREVIEW_PICTURE"]["ALT"]?>">
      </a>
      <h3 itemprop="name"><?=$arItem["NAME"]?></h3>
      <p itemprop="description"><?=$arItem["PREVIEW_TEXT"]?></p>
      <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
         <span itemprop="price"><?=$arItem["PRICES"]["BASE"]["PRINT_VALUE"]?></span>
         <link itemprop="availability" href="http://schema.org/InStock"/>
      </div>
   </div>
<?endforeach;?>

В данном примере мы добавляем микроразметку к каждому товару в списке, описывая его основные характеристики, такие как название, изображение, описание и цена.

3. Внедрение микроразметки в отзывы

Для добавления микроразметки в отзывы, можно использовать компонент "Отзывы". Необходимо добавить микроразметку в шаблон компонента.

<div itemprop="review" itemscope itemtype="http://schema.org/Review">
   <div itemprop="itemReviewed" itemscope itemtype="http://schema.org/Product">
      <h3 itemprop="name"><?=$arResult["ELEMENT_NAME"]?></h3>
   </div>
   <div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
      <meta itemprop="worstRating" content = "1">
      <meta itemprop="bestRating" content = "5">
      <span itemprop="ratingValue"><?=$arFields["RATING"]?></span>
   </div>
   <div itemprop="author" itemscope itemtype="http://schema.org/Person">
      <span itemprop="name"><?=$arFields["AUTHOR_NAME"]?></span>
   </div>
   <div itemprop="reviewBody">
      <?=$arFields["TEXT"]?>
   </div>
</div>

В данном примере мы добавляем микроразметку к каждому отзыву, описывая его основные характеристики, такие как название товара, рейтинг, имя автора и текст отзыва.

4. Внедрение микроразметки в блог

Для добавления микроразметки в блог, можно использовать компонент "Блог". Необходимо добавить микроразметку в шаблон компонента.

<div class="blog-post" itemscope itemtype="http://schema.org/BlogPosting">
   <h2 itemprop="headline"><?=$arResult["NAME"]?></h2>
   <div itemprop="author" itemscope itemtype="http://schema.org/Person">
      <span itemprop="name"><?=$arResult["AUTHOR_NAME"]?></span>
   </div>
   <div itemprop="datePublished"><?=FormatDate("j F Y", MakeTimeStamp($arResult["DATE_CREATE"], CSite::GetDateFormat()))?></div>
   <div itemprop="articleBody"><?=$arResult["DETAIL_TEXT"]?></div>
</div>

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

5. Внедрение микроразметки в контакты

Для добавления микроразметки в контакты, можно использовать компонент "Контакты". Необходимо добавить микроразметку в шаблон компонента.

<div itemscope itemtype="http://schema.org/Organization">
   <h2 itemprop="name"><?=$arResult["NAME"]?></h2>
   <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
      <span itemprop="streetAddress"><?=$arResult["ADDRESS"]?></span>
      <span itemprop="addressLocality"><?=$arResult["CITY"]?></span>,
      <span itemprop="addressRegion"><?=$arResult["REGION"]?></span>
      <span itemprop="postalCode"><?=$arResult["ZIP"]?></span>,
      <span itemprop="addressCountry"><?=$arResult["COUNTRY"]?></span>
   </div>
   <div itemprop="telephone"><?=$arResult["PHONE"]?></div>
   <div itemprop="email"><?=$arResult["EMAIL"]?></div>
   <div itemprop="url"><?=$arResult["WEBSITE"]?></div>
</div>

В данном примере мы добавляем микроразметку к контактным данным организации, описывая ее основные характеристики, такие как название организации, адрес, телефон, электронная почта и веб-сайт.

6. Внедрение микроразметки в новости

Для добавления микроразметки в новости, можно использовать компонент "Новости". Необходимо добавить микроразметку в шаблон компонента.

<div class="news-item" itemscope itemtype="http://schema.org/NewsArticle">
   <h2 itemprop="headline"><?=$arResult["NAME"]?></h2>
   <div itemprop="author" itemscope itemtype="http://schema.org/Person">
      <span itemprop="name"><?=$arResult["AUTHOR_NAME"]?></span>
   </div>
   <div itemprop="datePublished"><?=FormatDate("j F Y", MakeTimeStamp($arResult["DATE_CREATE"], CSite::GetDateFormat()))?></div>
   <div itemprop="articleBody"><?=$arResult["DETAIL_TEXT"]?></div>
</div>

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

7. Внедрение микроразметки в категории товаров

Для добавления микроразметки в категории товаров, можно использовать компонент "Каталог". Необходимо добавить микроразметку в шаблон компонента.

<div itemscope itemtype="http://schema.org/ItemList">
   <h2 itemprop="name"><?=$arResult["NAME"]?></h2>
   <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <a itemprop="item" href="<?=$arResult["SECTION_PAGE_URL"]?>">
         <span itemprop="name"><?=$arResult["NAME"]?></span>
      </a>
      <meta itemprop="position" content="1">
   </div>
</div>

В данном примере мы добавляем микроразметку к каждой категории товаров, описывая ее основные характеристики, такие как название категории.

8. Внедрение микроразметки в результаты поиска

Для добавления микроразметки в результаты поиска, можно использовать компонент "Поиск". Необходимо добавить микроразметку в шаблон компонента.

<div class="search-result" itemscope itemtype="http://schema.org/SearchResultsPage">
   <h2 itemprop="name"><?=$arResult["QUERY"]?></h2>
   <div itemprop="description"><?=$arResult["DESCRIPTION"]?></div>
   <div itemprop="numberOfItems"><?=count($arResult["SEARCH"])?></div>
   <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <a itemprop="item" href="<?=$arItem["URL"]?>">
         <h3 itemprop="name"><?=$arItem["TITLE_FORMATED"]?></h3>
      </a>
      <meta itemprop="position" content="<?=$key+1?>">
      <div itemprop="description"><?=$arItem["BODY_FORMATED"]?></div>
   </div>
</div>

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

Заключение

Микроразметка - это важный инструмент для улучшения визуального и семантического аспектов вашего сайта. Битрикс предоставляет множество возможностей для внедрения микроразметки в различные компоненты вашего интернет-магазина. В данной статье мы рассмотрели примеры внедрения микроразметки в список товаров, страницу товара, отзывы, контакты, новости, категории товаров и результаты поиска.

Надеюсь, что данная статья окажется полезной для вас и поможет вам внедрить микроразметку на вашем сайте.