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

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

14min

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

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

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

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

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

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

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

Document image


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

Document image


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

Для корректной работы индексируемой страницы на ней обязательно должен быть виджет 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


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

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

/