it@jump-studio.net

Статьи


Внедрение микроразметки в стандартный компонент хлебных крошек 1C-Битрикс

Размещено: 20.11.2013 16:22

Здравствуйте, уважаемые читатели блога! 

Сегодня я хочу поговорить с вами о замечательной задумке инженеров Google, а именно - микроразметке.

Микроразметка - это инструмент, позволяющий разработчикам сайтов указывать метаданные для поисковых ботов, что дает им возможность читать данные в несколько ином формате и выводить их в поисковой выдаче более корректно.

Отличным примером применения микроразметки могут стать "хлебные крошки" или так называемый BreadCrumb. Внедрив микроразметку в хлебные крошки вы получаете такой результат:

Микроразметка и хлебные крошки 1С-Битрикс

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

Итак, мы имеем компонент BreadCrumb и находится он здесь:

Компонент хлебных крошек 1С-Битрикс

Код для интеграции в шаблон, который будет вызывать компонент BreadCrumb:
<?$APPLICATION->IncludeComponent(
    "bitrix:breadcrumb",
    "",
    Array(
        "START_FROM" => "0",
        "PATH" => "",
        "SITE_ID" => "-"
    )
);?>
Далее нам понадобиться отредактировать стандартный код компонента, так как битрикс, как очень умная система, всегда дает Вам возможность откатиться и выбрать рабочий шаблон. Для этого нам необходимо в режиме редактирования сайта навести на уже размещенный компонент хлебных крошек мышь и кликнуть на "копировать шаблон компонента":

Копирование шаблона компонента в Битрикс

Создав копию шаблона компонента мы можем перейти к его редактированию, кнопка "Редактировать шаблон компонента", как на скриншоте выше у Вас появится после копирования.

Войдя во внутрь мы видим стандартный код компонента хлебные крошки.
Выделяем весь код и сохраняем его на всякий случай в каком-нибудь текстовом редакторе, я бы посоветовал Notepad++. Далее копируем мой уже готовый код микроразметки и вставляете его:
<?
if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();

//delayed function must return a string
if(empty($arResult))
    return "";

$strReturn = '<ul class="breadcrumb-navigation">';

for($index = 0, $itemSize = count($arResult); $index < $itemSize; $index++)
{
    if($index > 0)
        $strReturn .= '<li><span>&nbsp;&gt;&nbsp;</span></li>';

    $title = htmlspecialcharsex($arResult[$index]["TITLE"]);
    if($arResult[$index]["LINK"] <> "")
        $strReturn .= '<li itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb"><span><a itemprop="url" href="'.$arResult[$index]["LINK"].'" title="'.$title.'"><span itemprop="title">'.$title.'</span></a></span></li>';
    else
        $strReturn .= '<li itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title">'.$title.'</span></li>';
}

$strReturn .= '</ul>';
return $strReturn;
?>
После вставки данного кода просто нажмите кнопку сохранить. Обновить кэш на сайте. Внешне вы вряд ли заметите разницу, но для проверки правильности установки микроразметки вы можете воспользоваться специальным сервисом Google Structured Data Testing Tool.

Думаю, что с такой подробной инструкцией у Вас обязательно удастся внедрить микроразметку в свои хлебные крошки на CMS 1C-Bitrix.

Удачи Вам!

comments powered by Disqus

Поделитесь с друзьями данной статьей:


                 
Тема: Внедрение микроразметки в стандартный компонент хлебных крошек 1C-Битрикс
Тэги: notepad, микро, микроразметка, хлебные крошки, крошки, внедрение, breadcrumb, битрикс, bitrix
   
Возможно вам будут интересны:

02.09.2014 Преимущества разработки сайта компании

11.12.2013 Иконки для рускоязычного сервиса DynDNS

Рады представить Вам работу нашего дизайнера над иконками русскоязычного сервиса DynDNS...

17.05.2016 Увеличиваем количество клиентов с сайта. Обзор сервиса удержания клиентов с сайта
Сегодня я хочу с вами поделиться очень-очень-очень крутым сервисом, который поможет увеличить продажи с вашего сайта! Это проверено на очень крупном проекте с посещаемостью около 1500-1700 человек и количеством заявок с него, стремящимся к нулю!

24.10.2015 Как вывести свойство "привязка к элементу"
Для своих клиентов мы почти полностью отказались от стандартных компонентов битрикса, вроде компонента каталог, элемент каталога детально и т.д. в пользу API Битрикс. Чаще всего использование апи помогает избежать многих проблем, одна из которых - вывод названия свойства "привязка к элементу" без лишних ссылок, ID и т.д.

20.11.2013 Внедрение микроразметки в стандартный компонент хлебных крошек 1C-Битрикс

Внедрение микроразметки в стандартный компонент хлебных крошек/breadcrumb 1С-Битрикс.

Возврат к списку

Голосов: 14, Оценка: 4.64 / 5