Для быстрого старта пакета необходимо наличие подключенной библиотеки фраймворк Bootstrap четвертой версии или выше. При разработке на тестовом стенде CMS MODX (чистая версия) воспользуйтесь пакетом Bootstrap
Подготовка
Вызовите сниппет в интересующем шаблоне, мой вызов сниппета на демо-сайте:
{'!seoTabs' | snippet}
Перед внедрением SEOtabs стоит заглянуть в системные настройки SEOtabs в раздел "Основные" и параметры сниппета seoTabs. По умолчанию там уже будут прописаны некоторые настройки, которые вы можете изменить и настроить под свои задачи.
Администрирование SEOtabs
Внимание! Для корректной работы SEOtabs необходимо включить в системных настройках MODX
Использовать дружественные URL — Да
и с конфигурированный.htaccess
в корне проекта. На странице Содержимое -> Типы содержимого -> HTML укажите актуальное расширение файла. Как правило это.html
/
илиnull
Интерфейс управления SEOtabs размещен на странице редактирования ресурса CMS MODX
Добавьте несколько табов через панель управления. Нажмите кнопку "Добавить таб" и заполните соответствующие поля:
Название | Тип поле | Описание |
---|---|---|
Заголовок таба | String | Названия таба на сайте |
Название | String | Системное название таба (псевдоним/alias) используется при кастомной шаблонизации SEOTabs. |
SEO таб | Balloon | Два режима работы. Выберите Да и включите "SEO таб" если Нет - обычный режим. |
Title | String | Тег Title необходимо заполнять в независимости от выбранного режима селектора SEO таб |
Description | String | Мета-тег Description необходимо заполнять в независимости от выбранного режима селектора SEO таб. |
Укажите переменную | String | Укажите alias поля класса modResource или modTemplateVarResource , в содержание таба выведится значение данного поля. |
Содержание | String | Значение выводится в содержание таба, разрешено использование шаблонных переменных и плейсхолдеров |
Иконка для таба | String | Дополнительно вы можете вывести иконку рядом с названием таба на сайте |
Активный | Balloon | Вы можете указать активный таб. При открытии страницы данный таб будет открыт по умолчанию. |
Включен | Balloon | Выберите Нет и снимите таб с публикации. |
Режим SEO-вкладками
При работе со SEO-вкладками вам необходимо заполнить ее псевдоним, а также вписать конструкции по которым будет формироваться Title и Description. Для работы компонента мы создали индивидуальные плейсхолдеры, которые и рекомендуем использовать вместе с переменными CMS (например, [[+pagetitle]]: [[+seotab_caption]], где [[+caption]]
— это название вкладки)
Для поля Description предусмотрено содержимое по умолчанию: [[+pagetitle]] — [[+seotab_caption]]
, чтобы Яндекс.Вебмастер на вас не ругался.
Пакет работает с редиректами, настройка которых позволяет выбрать: оставлять и не оставлять слэш на конце URL.
MODX Parser | Fenom Parser |
---|---|
[[+pagetitle]] |
{$pagetitle} |
Как работают SEO вкладки покажу на скринкасте: