Мы с вами дошли до еще одного интересного урока в данном курсе разработки интернет-магазина с помощью шаблонизатора Fenom. Сегодня мы с вами займемся настройкой SEOFilter’ров с помощью платного компонента SEOFilter из репозитория modstore.pro. Данный компонент позволяет с помощью фильтрации mFilter2 создать кучу посадочных страниц по поисковые запросы.
Установив данный компонент в панели управления и перейдя в “Приложения -> SEOFilter” мы с вами увидим следующую картину:
Объясню, что значит каждая из вкладок:
- Поля фильтра – это те опции и поля товаров, по которым мы в дальнейшем будем формировать виртуальные страницы.
- Правила SEO – это правила для конкретных страниц каталога, на основе которых будут формироваться виртуальные страницы.
- Словарь – это все возможные значения опций, которые встретились в БД. В данном блоке мы можем заполнить падежи, склонения и так далее.
- Таблица URL – это таблица сгенерированных виртуальных страниц.
Далее мы с вами будем разбираться на конкретных примерах. Предлагаю вам за основу взять страницу “Одежда и аксессуары” и реализовать SEOFilter’ы на основе полей “Производитель” и “Покрой”:
Я думаю, что этих полей нам хватит для того, чтобы научиться настраивать данный компонент. Теперь перейдем в “Приложения -> SEOFilter” и заполним поля нашего фильтра.
Поле производителя:
Поле покрой:
Значение опции синоним вы можете подсмотреть в вызове mFilter2 в параметре aliases:
Если вы заметили, то у нас заполнилась вкладка словарь теми значениями, которые компонент нашел в базе данных. Для того, чтобы сформировать страницы, нам необходимо создать правила.
Первым создадим правило для поля vendor:
- Наименование – Одежда и аксессуары (по производителю)
- Страница – ищем нашу страницу
Далее нужно сохранить это правило и перейти в его редактирование, чтобы привязать поля, на основании которых будет происходить генерация виртуальных страниц. В нашем случае, это будет поле “Производитель”, которое мы создали ранее:
Также мы с вами можем заполнить поля на вкладке SEO, которые будут заменять нам значения по умолчанию:
- Заголовок страницы – “Купить одежду и аксессуары {$vendor} по низким ценам в Перми”
- Заголовок H1 – “Одежда и аксессуары {$vendor}”
- Описание – “В интернет-магазине {$_modx->config.site_name} вы можете приобрести одежду и аксессуары {$vendor} по низким ценам с доставкой по России.”
- Контент – “
Описание одежды и аксессуаров {$vendor}
”
Заметили плейсхолдер {$vendor}? – это и есть переменная, которая у нас будет подставляться на той или иной странице бренда. Теперь нам нужно вывести H1 и контент на странице, чтобы он у нас подменялся. Для этого перейдем в шаблон каталога товаров и вставим на место H1:
<h1 class="sf_h1">{$_modx->getPlaceholder('sf.h1')?:$_modx->resource.longtitle?: $_modx->resource.pagetitle}</h1>
На место контента:
<div class="sf_content">{$_modx->getPlaceholder('sf.content')?:$_modx->resource.content}</div>
На место title в чанке meta:
<title>{$_modx->getPlaceholder('sf.title')?:$_modx->resource.seotitle ?: $_modx->resource.pagetitle}</title>
На месте description:
<meta name="description" content="{$_modx->getPlaceholder('sf.description')?:$_modx->resource.seodescription}">
Отлично! Теперь мы с вами можем пощелкать по фильтру и у нас будет подменяться содержимое на страницах. Также станут доступны страницы вида odezhda-i-aksessuaryi/adidas для поисковых систем. На вопрос как заставить поискового робота их проиндексировать я вам расскажу в одном из следующих уроков.