Если вы пропустили предыдущую статью про актуальность микроразметки для ссылок и социальных сетей в Битрикс рекомендую сначала прочитать ее (в конце рассказано как попробовать модуль уже сейчас, пока он на модерации).

А в этой статье речь пойдет о том как используя наш модуль (будет доступен в Marketplace в середине апреля) добавить нужную для социальных сетей семантическую разметку на ваш сайт.

Настройки

После установки модуля первое что нужно сделать - настроить его. Для этого переходим на страницу “Администрирование” -> “Настройки” -> “Настройки продукта” -> “Настройки модулей” -> “Social Media Optimizer”.

Настройки не отличаются сложностью. Для удобства везде (в настройках модуля, в параметрах компонента) где нужно указывать URL-адрес (например для картинок) можно указывать как абсолютный так и локальный адрес (без домена и http). URL будет автоматически “достроен” на основе настроек “Основной домен” и “Основной протокол”.

Из чего состоит модуль

На текущий момент модуль микроразметки для ссылок и социальных сетей содержит 2 компонента:
Компоненты Open Grap и Twitter Card
Компонент Open Graph включает 2 шаблона:
  • “По умолчанию” - описывает объект типа “website” (любая страница сайта). Используйте его если не знаете что выбрать;
  • “Статья” - описывает объект типа “article” и содержит дополнительные поля для указания авторства, категории, тегов и срока жизни (активности) статьи.
Компонент Twitter Card включает 3 шаблона:
В будущем перечень шаблонов будет пополняться.

Как использовать

В этих компонентах и настройках описаны все возможные параметры для каждого из типов разметки. Есть 3 варианта использования этих компонентов.

Вариант 1. “В лоб”.

Использовать этот вариант стоит если какая-то конкретная страница расшаривается неверно.

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

Вариант 2. “Хитрый”, с автозаполнением части полей на основе элемента инфоблока

Данный вариант подойдет если нужно добавить теги в микроразметку Open Graph / Twitter Cards ленте новостей или каталогу товаров.

В настройках компонента отметить флаг “Извлекать значения параметров из элемента инфоблока” и указать из какого элемента инфоблока брать данные.

Удобнее всего это сделать если разместить оба компонента на детальной странице комплексного. Вот так это выглядит для каталога:
Встраивание параметров в комплексный компонент
При использовании данной опции компоненты попытаются получить указанный элемент инфоблока и использовать:
  • его название;
  • анонсное описание;
  • картинки (детальную / анонсную, указанные в свойствах типа “файл”, использованные в html детального описания);
  • раздел;
  • теги;
  • даты модификации и активности;
  • канонический адрес и др. свойства, которые на большинстве сайтов используются одинаково.
Но некоторые поля придется заполнить самостоятельно (при желании), например “Автор”, “Смотрите также”. Это можно сделать, передав соответствующие параметры при вызове компонента.

Вариант 3. “Комбинированный”

Смысл подхода в следующем: в шапке сайта кладутся компоненты со значениями по умолчанию. А ниже на странице информация уточняется повторными вызовами этих же компонентов, но с более точными значениями параметров.

Способ основан на том, что при вызове одного и того же компонента несколько раз на одной странице, “в живых” останется только последний валидный.

Не наступайте на грабли

  • Не вызывайте эти компоненты в кешируемой области или как минимум передавайте им указание на родительский компонент. Все дело в том, что метатеги в 1С-Битрикс добавляются на каждом хите.
  • Параметры компонента всегда имеют приоритет над извлеченными из элемента инфоблока данными. Если вы установите название в параметрах компонента, оно никогда не затрется при извлечении данных из элемента.
  • Open Graph-разметка считается невалидной, если не указана ни одна картинка. Поэтому мы рекомендуем задавать заглушку в настройках модуля.
Не нужно наступать на грабли постоянно

Как проверить, что все работает

Когда все компоненты размещены самое время протестировать их. Если все сделано правильно, то при открытии исходного кода страницы вы должны увидеть кучу новых meta-тегов с названиями начинающимися с og: и twitter:, а также теги если вы включили соответствующую опцию для “ВКонтакте” в настройках модуля. Проверка настройки микроразметки для социальных сетей

Как добавить то, чего не хватает

Мы постарались упростить задачу добавления микроразметки Open Graph и Twitter Cards на ваш сайт на 1С-Битрикс. Но сайты бывают разные и не все может быть сделано универсально.

Возьмем такую сущность как “блог”. На одних сайтах он сделан через инфоблок и автор указывается как элемент соседнего инфоблока “Авторы”. А на других — блог это именно блог в терминах битрикса (отдельный модуль) и автором считается пользователь сайта.

Если продолжать историю с блогом — Вам может потребоваться добавить указание автора поста (в open graph). Это можно сделать “снаружи” передав ссылку на профиль автора при вызове компонента, а можно изнутри — в файле result_modifier.php соответствующего шаблона.

Все шаблоны наших компонентов работают по двум принципам:
  • в template.php не должно быть ничего кроме разрешения композитного режима;
  • все действия — в result_modifier.
И решают ровно 2 задачи:
  • заполнение дополнительных параметров (в массиве $arResult[‘RESULT’]);
  • инвалидация (если шаблон требует некоторых обязательных параметров а они при текущем вызове не получены - можно обнулить $arResult[‘RESULT’] и тогда текущий вызов не добавит на страницу никаких данных).

Бонус

На административной панели есть перечень валидаторов, которые могут быть использованы для проверки корректности микроразметки. Основными являются валидаторы от Facebook и Twitter, но и валидаторы от Яндекс и Google также видят настройку разметки Open Graph.
Инструменты валидации в CMS Битрикс: Управление сайтом
Оцените статью
01.04.2015
Понравилась статья?
Поделитесь ссылкой с друзьями и коллегами!

Статьи по теме

Продавайте больше через индивидуальные скидки и персональные цены для оптовиковВ статье рассказываем, как с помощью функционала работы с ценами и скидками можно привлекать новых b2b-клиентов и удерживать старых, создавая долгосрочные и вза...
Биллинг ИТ-компании на laravelОбычно мы рассказываем, как принесли пользу клиенту. Но сегодня у нас будет особый разговор, ведь заказчиком биллинговой системы ИТ-компании была… ИНТЕРВОЛГА! ...
Почему мы рекомендуем начинать с внедрения базовой версии b2b-платформыК нам в компанию ИНТЕРВОЛГА часто обращаются клиенты с заявками на внедрение личного кабинета дилера с длинным списком желаемых функций. Однако мы рекомендуем н...
Функция b2b-платформы — отправка рекламаций в CRMОптовые покупатели — ключевой сегмент экономики торгово-производственного предприятия, и их удовлетворённость напрямую влияет на успех бизнеса. Новый функционал...
Как b2b-платформа передает в 1С данные по новым контрагентам В этой статье мы расскажем, что происходит после того, как клиент зарегистрировал в б2б-кабинете новое юридическое лицо и сделал заказ, а также покажем, как...
Автоматизация и оптимизация бизнес-процессов — лонгрид, чтобы не запутаться Статья будет полезна всем, кто хочет улучшить эффективность своего бизнеса или узнать больше о возможностях автоматизации бизнес-процессов для повышения ко...
Мы работаем по одному из двух форматов:
  • аренда команды (от 2 человек, не менее 3 месяцев);
  • итерации с фиксированной ценой (1-3 месяца длительностью).
ИНТЕРВОЛГА предоставляет:
  • регулярные онлайн-планерки с заказчиком;
  • квалифицированных специалистов;
  • организованную команду (находятся в одном помещении, что упрощает решение рабочих вопросов);
  • полную прозрачность и регулярность отчетов о результатах.
Ключевые услуги:
  • нагруженный интернет-магазин;
  • личный кабинет;
  • оптовые продажи — B2B-платформа;
  • маркетплейс;
  • технический аудит сайта;
  • Битрикс24 — корпоративные HR-порталы;
  • Битрикс24 — построение CRM-системы;
  • Битрикс24 — личные кабинеты сотрудников;
  • Битрикс24 — аудит портала;
  • 1С — интеграция с другими системами;
  • 1С — доработка системы;
  • маркетинг — комплексное интернет-продвижение;
  • маркетинг — продвижение для B2B.
Хотите получать лучшие статьи от INTERVOLGA раз в месяц?
Подпишитесь на рассылку — спамить не будем