Созданию плитки тегов на Битрикс

Созданию плитки тегов на Битрикс

Часть 1 — Пошаговая инструкция по созданию плитки тегов на Битрикс

Данная инструкция включает себя 3 варианта реализации. На основании статьи вы сможете написать ТЗ для своего разработчика.

В данной — 1 части рассмотрим первый вид.

Часть 1 — Пошаговая инструкция по созданию плитки тегов на Битрикс, изображение №1

Вариант 1 – Создание страницы через коллекции товаров с прикреплением к странице

Коллекции – это страница типа категории, которая наполняется товарами согласно ей. Для кого-то коллекция – это тег, метка или категорияю

Рассмотрим приницп работы коллекции в битрикс.

Нахождение коллекции в блоке с каталогом

Рисунок 1.1 – Нахождение коллекции в блоке с каталогом

Рисунок 1.1 – Нахождение коллекции в блоке с каталогом

Папка коллекция

Рисунок 1.2 – Папке коллекция

Рисунок 1.2 – Папка коллекция

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

На рисунке 1.2 – жмем и переходим в папку

Добавление новой коллекции

Рисунок 1.3 – Добавление новой коллекции

Рисунок 1.3 – Добавление новой коллекции

Перед добавление необходимо найти на карте, проработанной структуру нужную страницу. Находим и выбираем, рисунок 1.4

Спецпредложение! Бесплатный аудит вашего сайта.

Заполните заявку и получите от меня бесплатный аудит на 3 000 руб. вашего сайта с планом работы на 3 месяца.

Структурная карта (обозначения на карте у всех могут быть разные)

Рисунок 1.4 – Структурная карта (обозначения на карте у всех могут быть разные)

Рисунок 1.4 – Структурная карта (обозначения на карте у всех могут быть разные)

Заполнение коллекции

Рисунок 1.5 – Заполнение коллекции

Рисунок 1.5 – Заполнение коллекции

Из рисунка 1.5:

1) Название со структурной карты (Н1).
Туже после добавление формируется «Символьный код»
Вид ссылки на коллекцию будет /collection/svetodiodnye-lampy-e27-par16-220v>
2) Автоописание в конец страницы
3) Выбор наполнения товарами с помощью родительской категории – это первый метод наполнения товарами.
Если категория установлена, то остальные не работают метода.

Метод 2 - Прикрепление товара к коллекции

Ищем в каталоге необходимы товар для коллекции, рисунок 1.6

Поиск товара

Рисунок 1.6 – Поиск товара

Рисунок 1.6 – Поиск товара

Заходим в товар.

Рисунок 1.7 – Жмем выбор коллекции

Рисунок 1.7 – Жмем выбор коллекции

Выбираем коллекцию, которую мы создали.

Рисунок 1.8 – Выбираем коллекцию и сохраняем.

Рисунок 1.8 – Выбираем коллекцию и сохраняем.

Все данный метод позволил прикрепить к коллекции нужный товар.

Метод 3- Загрузка товаров файлом к коллекции

Выбор импорта в админке Битрикса

Рисунок 1.9 – Выбор импорта в админке Битрикса

Рисунок 1.9 – Выбор импорта в админке Битрикса

Выбор профиля загрузки

Рисунок 1.10 – Выбор профиля загрузки

Рисунок 1.10 – Выбор профиля загрузки

Файл для загрузки

Рисунок 1.11 – Файл для загрузки

Рисунок 1.11 – Файл для загрузки

Коллекция – это ID коллекции, к которой необходимо добавить данный товар

Добавляем файл

Рисунок 1.12 – Добавляем файл

Рисунок 1.12 – Добавляем файл

Добавление файла и сохранение

Рисунок 1.13– Добавление файла и сохранение

Рисунок 1.13– Добавление файла и сохранение

Продолжаем работу по созданию коллекции. Осталось заполнить мета данные.

Переходим в раздел SEO коллекции

Рисунок 1.14 – Переходим в раздел SEO коллекции

Рисунок 1.14 – Переходим в раздел SEO коллекции

Открываем файл с подготовленными метаданными

Рисунок 1.15 – Открываем файл с подготовленными метаданными

Рисунок 1.15 – Открываем файл с подготовленными метаданными
1) Н1 2) Title 3) Description

Заполнение

Рисунок 1.16 – Заполнение

Рисунок 1.16 – Заполнение

Из рисунка 1.16:

1) Title
2) В keywords – можно добавить н1, можно не добавлять ничего
3) Description
4) Заголовок элементы – это Н1 для хлебных крошек

Рисунок 1.17 – Жмем сохранить

Рисунок 1.17 – Жмем сохранить

Все коллекция готова.

Если не была прикреплена категория, то сейчас она пустая и необходимо воспользоваться 2-ым методом или 3-им методом для наполнения товарами.

Теперь необходимо прикрепить данную страницу в облако – ссылок, или тегов или меток.

РАЗРАБОТКА САЙТОВ
SEO продвижение
РАЗРАБОТКА НА CMS 1С-БИТРИКС

Добавление в облако тегов

Заходим в модуль тегов

Рисунок 1.18 – Заходим в модуль тегов

Рисунок 1.18 – Заходим в модуль тегов

Нажимаем добавить элемент

Рисунок 1.19 – Нажимаем добавить элемент

Рисунок 1.19 – Нажимаем добавить элемент

Наполнение тега (метки или ссылки)

Рисунок 1.20 – Наполнение тега (метки или ссылки)

Рисунок 1.20 – Наполнение тега (метки или ссылки)

Из рисунка 20:

1) Название – то как нам надо чтобы было в навязни тега, может не равняться Н1
2) Ссылка на коллекцию, которую получили выше
3) Выбор по ID страницы, к которой необходимо прикрепить тег.
В данном проекте можно добавить в шапку сайта или подвал.

Рисунок 1.21 – Жмем сохранить

Рисунок 1.21 – Жмем сохранить

Рисунок 1.23 – Тег появился на странице

Рисунок 1.23 – Тег появился на странице

Рисунок 1.23 – Вид коллекции через заполнение с помощью категории

Рисунок 1.23 – Вид коллекции через заполнение с помощью категории

Мы рассмотрели метода добавление через коллекции. Данная инструкция позволит написать ТЗ для разработчика, который может реализовать данный функционал

Автор

Артём Опарин

Артём Опарин

ИНТЕРНЕТ-МАРКЕТОЛОГ С ОПЫТОМ БОЛЕЕ 10 ЛЕТ.

Подписывайтесь в соцсетях:

Комментарии

Вам также может понравиться

Покупки по картинке: гид по использованию ТОП-3 сервисов визуального поиска
25 февраля 2025
4958
Покупки по картинке: гид по использованию ТОП-3 сервисов визуального поиска
В эпоху стремительного развития электронной коммерции и повсеместного перехода потребителей к онлайн-шопингу возможность поиска товаров по фотографиям стала невероятно востребованной. Нередко мы с...
Читать
Нетворкинг - формула успеха для карьерного роста
16 августа 2024
1313
Нетворкинг - формула успеха для карьерного роста
Цели и преимущества нетворкинга Нетворкинг преследует несколько основных целей, напрямую связанных с карьерным ростом, развитием бизнеса и личной эффективностью: Доступ к экспертным...
Читать
Симбиоз SEO-специалиста и ИИ: пошаговое руководство по генерации и кластеризации семантики без галлюцинаций
8 июня 2026
103
Симбиоз SEO-специалиста и ИИ: пошаговое руководство по генерации и кластеризации семантики без галлюцинаций
Современный рынок поисковой оптимизации (SEO) находится в состоянии перманентной трансформации. Алгоритмы поисковых систем Яндекс и Google регулярно обновляются, выдвигая все более жесткие требова...
Читать
Эволюция доверия: Как прокачать E-E-A-T сайта, чтобы попасть в рекомендации Google и AI Overviews
17 апреля 2026
174
Эволюция доверия: Как прокачать E-E-A-T сайта, чтобы попасть в рекомендации Google и AI Overviews
В современной экосистеме поискового продвижения концепция E-E-A-T трансформировалась из набора рекомендаций в фундаментальный фильтр качества, определяющий видимость ресурса. Поисковая система Goo...
Читать
Как создать эффективный баннер для сайта: пошаговая инструкция
27 августа 2025
567
Как создать эффективный баннер для сайта: пошаговая инструкция
В условиях постоянного информационного шума и стремительной конкуренции в digital-пространстве эффективная визуальная коммуникация становится ключом к успеху любого онлайн-проекта. Один из самых д...
Читать
Зеркало сайта: как переехать на новый домен или HTTPS без потери позиций и трафика
6 апреля 2026
216
Зеркало сайта: как переехать на новый домен или HTTPS без потери позиций и трафика
Зеркало сайта — это полная или частичная копия веб-ресурса, размещенная под другим URL-адресом. С технической точки зрения зеркалами считаются сайты, чей контент совпадает более чем на 90%, включа...
Читать
Коллтрекинг - ключ к эффективной рекламе и максимизации продаж
9 апреля 2025
979
Коллтрекинг - ключ к эффективной рекламе и максимизации продаж
Для современного бизнеса, ориентированного на клиентоцентричность, телефонные звонки от потенциальных покупателей играют крайне важную роль. Согласно исследованиям, более 60% людей перед совершени...
Читать
Как продвигать мобильные приложения в 2025: выход в топ App Store и Google Play
25 августа 2025
501
Как продвигать мобильные приложения в 2025: выход в топ App Store и Google Play
В 2025 году рынок мобильных приложений стал максимально конкурентным. Пользователи скачивают только то, что быстро находят в топе App Store или Google Play, а алгоритмы учитывают не только количес...
Читать
Холодные звонки: техника, скрипты, этапы — как продавать с первого "алло"
3 июня 2025
1229
Холодные звонки: техника, скрипты, этапы — как продавать с первого "алло"
В условиях высокой конкуренции на рынке и перегруженности традиционных каналов маркетинга, холодные звонки остаются одним из самых недооценённых, но при этом действенных инструментов продаж. Несмо...
Читать
ТЗ копирайтеру «под ключ»
16 октября 2020
1879
ТЗ копирайтеру «под ключ»
Часто нам приходится задумываться о том какие тексты использовать на своих сайтах. Для получения качественного текста необходимо грамотно составить Техническое задание (далее — ТЗ) копирайтеру и п...
Читать
7 шагов к эффективной визуализации структуры сайта: Гайд для оптимизации и SEO
10 октября 2025
341
7 шагов к эффективной визуализации структуры сайта: Гайд для оптимизации и SEO
Структура сайта — это его фундаментальная основа, которая определяет, как пользователи и поисковые системы воспринимают ресурс. Визуализация этой структуры позволяет упростить проектирование, сдел...
Читать
Мощь облачных технологий: Подробный обзор функционала Google Docs для продуктивной работы в 2024
28 мая 2024
2323
Мощь облачных технологий: Подробный обзор функционала Google Docs для продуктивной работы в 2024
Google Docs – это облачный офисный пакет, разработанный компанией Google для создания, редактирования и совместной работы с текстовыми документами, электронными таблицами и презентациями. Этот бес...
Читать
Разоблачение реферального маркетинга: открой Истину и получай прибыль
17 декабря 2024
1853
Разоблачение реферального маркетинга: открой Истину и получай прибыль
Рефералы играют все более значимую роль в современных маркетинговых стратегиях и бизнес-моделях. Согласно исследованию Ambassadors+, 92% компаний считают, что реферальные программы стали важным ка...
Читать
Алгоритм Panda от Google: Защита сайта, диагностика, восстановление
12 мая 2025
1474
Алгоритм Panda от Google: Защита сайта, диагностика, восстановление
В мире поисковой оптимизации трудно найти термин, вызывающий больше опасений у веб-мастеров, чем Google Panda. Этот алгоритм, внедрённый Google в 2011 году, стал своеобразным «санитаром леса» в эк...
Читать
Что такое PBN-сети и как использовать ссылки с них для успешного продвижения сайта
30 января 2026
172
Что такое PBN-сети и как использовать ссылки с них для успешного продвижения сайта
Ссылочное продвижение сайта — это один из ключевых факторов, влияющих на его позиции в поисковых системах. Без качественных внешних ссылок попасть в топ поисковой выдачи становится крайне сложно. ...
Читать
Негативные отзывы - не приговор: стратегия защиты репутации бренда в действии
28 марта 2025
1211
Негативные отзывы - не приговор: стратегия защиты репутации бренда в действии
В современных реалиях, когда большая часть коммуникаций переместилась в онлайн, репутация бренда в интернете становится критически важным активом. Негативные отзывы, оставленные недовольными клиен...
Читать
Продвижение мобильных приложений: полный гайд по ASO, рекламе и аналитике
25 февраля 2026
143
Продвижение мобильных приложений: полный гайд по ASO, рекламе и аналитике
В условиях стремительно развивающегося рынка мобильных приложений, продвижение играет ключевую роль в успешном выходе продукта на рынок и его дальнейшем росте. Сотни новых приложений каждый день п...
Читать
Профессия SEO-специалист: всё, что нужно знать
20 августа 2024
1259
Профессия SEO-специалист: всё, что нужно знать
На сегодняшний день эффективное присутствие компании в интернете является критически важным для успеха бизнеса. По данным статистики, более 90% пользователей начинают поиск товаров и услуг именно ...
Читать
SEO в эпоху LLM: Как подготовить архитектуру сайта к генеративному поиску и AI-выдаче
3 июня 2026
136
SEO в эпоху LLM: Как подготовить архитектуру сайта к генеративному поиску и AI-выдаче
Архитектура глобальной сети Интернет переживает фундаментальную трансформацию. На протяжении десятилетий поисковая оптимизация (SEO) базировалась на взаимодействии с традиционными роботами-индекса...
Читать
Получайте новых клиентов по модели CPA: теория, практика, оптимизация
4 сентября 2024
1999
Получайте новых клиентов по модели CPA: теория, практика, оптимизация
Cost Per Action (CPA) или "оплата за действие" - это высокоэффективная модель монетизации рекламного трафика, при которой рекламодатель оплачивает исключительно целевые действия посетителей, приве...
Читать
В чем опасность не тестированного сайта?
15 августа 2022
1485
В чем опасность не тестированного сайта?
Создание сайта – процесс кропотливый и небыстрый. При этом работа над ним не заканчивается сразу после того, как он сверстан, поскольку он еще не готов к просмотрам интернет-пользователей. Даже ес...
Читать
Повышаем конверсию с SEO-текстами: советы для авторов и оптимизаторов
31 октября 2024
1224
Повышаем конверсию с SEO-текстами: советы для авторов и оптимизаторов
В современном цифровом мире успех любого интернет-ресурса напрямую зависит от грамотного SEO-продвижения. Создание качественного, оптимизированного под поисковые системы контента является одним из...
Читать
Новый алгоритм Яндекса против малополезного контента: как защитить сайт и вернуть позиции
4 февраля 2026
225
Новый алгоритм Яндекса против малополезного контента: как защитить сайт и вернуть позиции
Алгоритмы поисковых систем становятся умнее каждый год, и 2025-й — один из самых заметных этапов их развития. Яндекс усилил контроль за качеством контента и обновил фильтры, направленные на борьбу...
Читать
Удаление негативных отзывов в интернете: профессиональный подход
16 мая 2024
1307
Удаление негативных отзывов в интернете: профессиональный подход
Негативные отзывы в интернете способны нанести серьезный урон репутации любого бренда или компании. В эпоху социальных сетей и свободного обмена информацией недовольные клиенты получают мощный инс...
Читать
Что такое временная почта: зачем она нужна и как её создать
27 февраля 2026
190
Что такое временная почта: зачем она нужна и как её создать
Сегодня почти каждый онлайн-сервис требует указать адрес электронной почты: для регистрации, получения бонусов, доступа к контенту или пробного периода. В результате основной почтовый ящик быстро ...
Читать
Словарь для карьерного роста: разбираем C-level от А до Я
6 августа 2024
1188
Словарь для карьерного роста: разбираем C-level от А до Я
На современном этапе развития бизнеса наблюдается стремительный рост популярности использования англоязычных аббревиатур для обозначения высших руководящих должностей в компаниях. Термины вроде CE...
Читать
Продающий прайс-лист 2026: как оформить прейскурант, который превращает читателей в покупателей
30 марта 2026
161
Продающий прайс-лист 2026: как оформить прейскурант, который превращает читателей в покупателей
В современной торговле и динамичной сфере услуг прайс-лист играет фундаментальную роль в формировании воронки продаж и выстраивании эффективного взаимодействия с целевой аудиторией. Многие предпри...
Читать
Ошибка 429: выявляем источник проблемы и находим эффективные пути решения
24 марта 2025
2053
Ошибка 429: выявляем источник проблемы и находим эффективные пути решения
Ошибка 429 Too Many Requests является распространенной проблемой, с которой нередко сталкиваются веб-разработчики, администраторы сайтов и даже обычные пользователи интернета. Эта ошибка HTTP-стат...
Читать
Маркетинг: Путь к Успешным Продажам
30 мая 2024
1574
Маркетинг: Путь к Успешным Продажам
Маркетинг - это комплексный процесс, направленный на выявление и удовлетворение потребностей клиентов с целью получения прибыли. Термин происходит от английского "marketing", что можно перевести к...
Читать
Как лидеры рынка добиваются роста прибыли на 30%? Секрет в кросс-продажах!
3 февраля 2025
1731
Как лидеры рынка добиваются роста прибыли на 30%? Секрет в кросс-продажах!
Кросс-продажи - это эффективная маркетинговая стратегия, направленная на увеличение среднего чека и повышение лояльности клиентов. Суть ее заключается в том, чтобы предлагать покупателям дополните...
Читать
Инструменты для быстрого парсинга частотностей ключевых фраз и максимальный сбор ключей из Wordstat
16 октября 2020
3235
Инструменты для быстрого парсинга частотностей ключевых фраз и максимальный сбор ключей из Wordstat
В этой статье я хочу поделиться своими методами повышения эффективности использования времени и получения качественных результатов. Мы разберем ряд инструментов и я кратко опишу их плюсы. Погнали...
Читать
Поисковые системы Яндекс и Google: Сравнение методов ранжирования и SEO-оптимизации
14 января 2026
240
Поисковые системы Яндекс и Google: Сравнение методов ранжирования и SEO-оптимизации
Поисковые системы — это не просто инструменты для поиска информации в интернете. Они играют ключевую роль в SEO (поисковой оптимизации) и определяют, как сайты занимают позиции в поисковой выдаче...
Читать
смотреть все