Коллекции (CMS)

Индексируемая страница коллекции

14min

Что такое индексируемая страница коллекции

Индексируемая страница — это «главная страница» коллекции, на которой будет отображаться список ее элементов. 

Индексируемая страница автоматически привязана к коллекции и по умолчанию содержит виджет Collection со списком ее элементов. 

Если в вашем проекте нужна индексируемая страница, ее необходимо добавить вручную. Например, вы можете создать страницу «Услуги» с данными из вашей коллекции услуг.

Создание индексируемой страницы коллекции

1. Добавьте индексируемую страницу

Перейдите на вкладку Страницы (левая панель) и нажмите кнопку Новая страница. Выберите в списке — CMS страница, затем — название вашей коллекции и кликните на пункт Индексируемая страница.

Document image


Будет создана новая страница с названием коллекции. Страница уже содержит готовую структуру Section Container, а внутри — заголовок и виджет Collection.

Document image


Виджет Collection уже автоматически подключен к вашей коллекции — вам не нужно привязывать его дополнительно.

На индексируемую страницу можно добавить еще один или несколько виджетов Collection и привязать к ним эту же или другую коллекцию. Но виджет c семантическим URL-адресом может быть только один и его нельзя удалить, пока не назначите семантический URL другому виджету.

2. Добавьте элементы в виджет Collection

Теперь в виджет Collection нужно добавить элементы интерфейса, в которых будут отображаться данные полей коллекции.

Например, для элемента коллекции «Услуги» понадобятся два текстовых элемента (название услуги и стоимость) и картинка.

Для этого выберите в слоях Collection Item и добавьте в него нужные элементы.

Document image


Когда вы добавите нужные элементы интерфейса в один из элементов коллекции, они автоматически добавятся и во все остальные.

3. Привяжите поля коллекции к элементам на холсте 

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

Для этого выберите один из элементов внутри Collection Item на холсте или в слоях (например, Text). Перейдите в Настройки (правая панель) и в разделе Динамические данные откройте список Связанное поле. По умолчанию выбрано значение «Нет», т.к. элемент не привязан к какому-либо полю.

Document image


Выберите из списка поле, которое нужно привязать к элементу (например, «Название»).

Document image


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

Document image


Аналогичным образом привяжите к остальным элементам соответствующие поля коллекции.

Пока вы не привяжете к элементу поле коллекции, он остается статичным и данные в нем не будут динамически обновляться.

Document image


Готово! В проекте создана страница коллекции, на которой отображается список ее элементов. Остается сделать нужный дизайн. 

4. Сохраните изменения и опубликуйте страницу

Чтобы все изменения применились, сохраните страницу (Ctrl + S) и нажмите кнопку Опубликовать или воспользуйтесь горячими клавишами Ctrl + Shift + S (сохранение + публикация).

Document image


Семантический URL

Семантический URL — это понятный человеку и поисковым системам адрес страницы, который отражает ее содержание. Например, для страницы услуг это может быть — https://sitename/services.

В Taptop семантический URL используется для страниц пагинации коллекции. Он доступен только для индексируемой страницы.

Зачем нужен семантический URL

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

Для каждой страницы пагинации автоматически создается семантический URL-адрес. Эти адреса попадают в выдачу поисковых систем, что хорошо отражается на seo-продвижении сайта. 

Например, для коллекции «Услуги» страницы со списками услуг будут иметь URL-адреса вида: https://sitename/services/1, https://sitename/services/2 и т.д. 

Как настроить семантический URL

Семантический URL автоматически присваивается виджету Collection, который размещен на индексируемой странице по умолчанию. Это можно увидеть в настройках виджета на правой панели.

Document image


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

Document image


Семантический URL может быть присвоен только одному виджету на странице. Если вы переназначили его другому виджету Collection, то у предыдущего он удалится. 

Виджет Collection, которому присвоен семантический URL, не может быть удален с индексируемой страницы.

Настройки индексируемой страницы

Чтобы перейти в настройки, кликните на иконку справа от названия страницы. 

Document image


Откроется панель настроек страницы.

Document image


Чем отличаются настройки индексируемой страницы от стандартной

  • Есть поле Коллекция с названием коллекции, на основе которой создана страница. Его нельзя редактировать.
  • Поле Слаг синхронизируется со слагом коллекции в ее настройках.
  • Страницу нельзя дублировать.