12  /  12

Настройка title, h1 и хлебных крошек. Взаимодействие со стандартными возможностями SEO

Внимание: В статье приведены примеры, описывающие принцип реализации. Для внедрения рекомендуется обратиться к разработчикам.

Не так давно возникала задача задать разные значения для заголовка окна браузера (title), заголовка страницы (H1) и цепочки навигации.

Камнем преткновения стала цепочка навигации. Как оказалось, если использовать шаблоны SEO для META, то цепочка навигации формируется на базе нее.

Кастомизировать логику формирования хлебных крошек оказалось себе дороже, было решено пойти по более легкому пути, а именно менять логику формирования title и H1. Иными словами для хлебных крошек использовать стандартные возможности SEO (вкладка SEO в карточке редактирования товаров или разделов ), а для title и H1 использовать свойства товаров (элементов) и пользовательские поля разделов.

В настройках комплексного компонента bitrix:catalog есть параметры "Установить заголовок окна браузера из свойства" и "Установить заголовок окна браузера из свойства раздела". Их у будем использовать.

Для случая с товарами в работе поможет модуль Инструменты, коллекции, групповые действия, данный программный продукт существенно облегчит работу и позволит более универсально задавать значения title и H1. 

Вопрос решается в несколько этапов:

1) Необходимо создать 2 свойства для товаров, например:

  • ЗАГОЛОВОК (H1) с кодом H1
  • ЗАГОЛОВОК ОКНА БРАУЗЕРА с кодом  TITLE, данное свойство указывается в параметре "Установить заголовок окна браузера из свойства" компонента bitrix:catalog (см. выше)
2) Значения этих свойств нужно заполнить. Для проекта, который мы реализовывали необходимо было заполнить по следующим шаблонам:
  • TITLE: #НАЗВАНИЕ_ТОВАРА# купить онлайн с доставкой,
  • H1: #НАЗВАНИЕ_ТОВАРА#  не дорого,
Если перевести на макросы, то:
  • #NAME# купить онлайн с доставкой
  • #NAME# не дорого

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

Настройки коллекции:

шаблон title

Таким образом решается задача определения Заголовка окна браузер.

Аналогично настраивается коллекция и для свойства ЗАГОЛОВОК (H1). Но чтобы названия брались из этого свойства, придется кастомизировать шаблоны вывода, где это необходимо.


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