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

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

Часть 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 ЛЕТ.

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

Комментарии

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

Что такое CPV (Cost Per View): формула расчета, преимущества и отличия от CPM
25 февраля 2025
1290
Что такое CPV (Cost Per View): формула расчета, преимущества и отличия от CPM
В современном интернет-маркетинге выделяют множество различных моделей ценообразования и закупки рекламы. Среди наиболее распространенных - CPM (Cost per Mille - оплата за тысячу показов), CPC (Co...
Читать
CTA (Call to Action): что это, как создать и где разместить для максимальной эффективности
18 марта 2026
169
CTA (Call to Action): что это, как создать и где разместить для максимальной эффективности
Призыв к действию, или CTA (Call to Action), является одним из самых важных элементов в интернет-маркетинге и SEO-продвижении. Он представляет собой текстовый, графический или текстово-графический...
Читать
SEO для B2B в 2026 году: как превратить сайт в системный источник многомиллионных контрактов
29 июня 2026
101
SEO для B2B в 2026 году: как превратить сайт в системный источник многомиллионных контрактов
В современной цифровой экономике SEO для B2B-сегмента претерпело фундаментальную трансформацию. Если в B2C-сегменте ключевой метрикой часто выступает объем поискового трафика, то в B2B-маркетинге ...
Читать
ТЗ копирайтеру «под ключ»
16 октября 2020
1888
ТЗ копирайтеру «под ключ»
Часто нам приходится задумываться о том какие тексты использовать на своих сайтах. Для получения качественного текста необходимо грамотно составить Техническое задание (далее — ТЗ) копирайтеру и п...
Читать
Как написать крутую статью в блог за 13 шагов: понятный алгоритм для сильных публикаций
15 декабря 2025
256
Как написать крутую статью в блог за 13 шагов: понятный алгоритм для сильных публикаций
Создать по-настоящему сильную статью в блог — задача сложнее, чем кажется. Простого набора фактов давно недостаточно: читатель ожидает пользу, структуру, живой язык и реальный опыт, а поисковые си...
Читать
Сервисы проверки скорости загрузки сайта и способы ускорить производительность страниц
7 октября 2022
2886
Сервисы проверки скорости загрузки сайта и способы ускорить производительность страниц
Что такое скорость загрузки сайта Скорость загрузки — это время с момента клика по ссылке (или нажатия пользователем Enter в адресной строке браузера) до момента, когда страница загрузится ...
Читать
Инструменты для быстрого парсинга частотностей ключевых фраз и максимальный сбор ключей из Wordstat
16 октября 2020
3242
Инструменты для быстрого парсинга частотностей ключевых фраз и максимальный сбор ключей из Wordstat
В этой статье я хочу поделиться своими методами повышения эффективности использования времени и получения качественных результатов. Мы разберем ряд инструментов и я кратко опишу их плюсы. Погнали...
Читать
Что такое дипфейк: как создать и зачем использовать в рекламе
8 ноября 2024
1553
Что такое дипфейк: как создать и зачем использовать в рекламе
Дипфейк (англ. deepfake, сокращение от deep learning и fake - "глубокое обучение" и "подделка") - это метод синтеза аудиовизуального контента с применением технологий искусственного интеллекта и м...
Читать
Как составить идеальный SEO-бриф: ключевые разделы, советы и частые ошибки
28 ноября 2025
328
Как составить идеальный SEO-бриф: ключевые разделы, советы и частые ошибки
Любое SEO-продвижение начинается не с запросов, не с технического аудита и даже не с анализа конкурентов. Первый и самый важный шаг — это грамотный бриф. Именно он определяет, насколько точно подр...
Читать
Анализ рынка: как не ошибиться в бизнесе и выбрать правильную стратегию
2 июня 2025
1022
Анализ рынка: как не ошибиться в бизнесе и выбрать правильную стратегию
Анализ рынка — это не просто модный термин из арсенала маркетологов. Это инструмент, который позволяет понять, насколько жизнеспособна бизнес-идея, какова текущая ситуация в отрасли, какие потребн...
Читать
Монополии в современной экономике: от возникновения до антимонопольной политики
7 апреля 2025
2075
Монополии в современной экономике: от возникновения до антимонопольной политики
Монополия — это ситуация на рынке, когда один хозяйствующий субъект (компания, предприятие, организация) полностью контролирует производство, поставку и реализацию определенного вида товара или ус...
Читать
Как найти скрытые точки роста сайта с помощью анализа серверных логов: Инструкция для профи
18 мая 2026
147
Как найти скрытые точки роста сайта с помощью анализа серверных логов: Инструкция для профи
В мире профессионального SEO существует огромная разница между тем, что мы думаем о поведении поисковых систем, и тем, что происходит на самом деле. Большинство специалистов привыкли полагаться на...
Читать
H1 — главный заголовок сайта: как использовать его правильно?
25 июня 2025
727
H1 — главный заголовок сайта: как использовать его правильно?
В современном SEO-продвижении важную роль играют не только внешние ссылки и поведенческие факторы, но и внутренняя структура контента. Один из базовых, но часто недооцененных элементов — это тег H...
Читать
Инструкция по созданию плитки тегов на Битрикс  с помощью меток
16 октября 2020
1706
Инструкция по созданию плитки тегов на Битрикс с помощью меток
Часть 3 — Пошаговая инструкция по созданию плитки тегов на Битрикс - Реализация с помощью меток Для уточнения. Метки — это тоже самое, что теги или ссылки. На мой взгляд самый прос...
Читать
12 основных причин, по которым ваш сайт имеет высокий показатель отказов и как это исправить
13 октября 2025
276
12 основных причин, по которым ваш сайт имеет высокий показатель отказов и как это исправить
Высокий показатель отказов (bounce rate) — это один из наиболее важных метрик, который помогает понять, как пользователи взаимодействуют с вашим сайтом. Этот показатель указывает, сколько людей по...
Читать
Поисковое продвижение в Яндекс: особенности SEO и способы раскрутки сайта
17 июня 2022
1631
Поисковое продвижение в Яндекс: особенности SEO и способы раскрутки сайта
Что такое продвижение сайта? Поисковое продвижение (SEO) — это работа с сайтом, которая направлена на его поднятие в ТОП поисковой выдачи. выдаче. Например, ваш сайт по какому-то поисковому запро...
Читать
Ошибка 502 Bad Gateway: полное руководство по диагностике и исправлению
23 июля 2024
1392
Ошибка 502 Bad Gateway: полное руководство по диагностике и исправлению
Ошибка 502 Bad Gateway - довольно распространенная проблема, с которой рано или поздно сталкиваются многие веб-мастера и пользователи интернета. Суть ее заключается в том, что веб-сервер, выступая...
Читать
Словарь для карьерного роста: разбираем C-level от А до Я
6 августа 2024
1196
Словарь для карьерного роста: разбираем C-level от А до Я
На современном этапе развития бизнеса наблюдается стремительный рост популярности использования англоязычных аббревиатур для обозначения высших руководящих должностей в компаниях. Термины вроде CE...
Читать
Негативные отзывы - не приговор: стратегия защиты репутации бренда в действии
28 марта 2025
1217
Негативные отзывы - не приговор: стратегия защиты репутации бренда в действии
В современных реалиях, когда большая часть коммуникаций переместилась в онлайн, репутация бренда в интернете становится критически важным активом. Негативные отзывы, оставленные недовольными клиен...
Читать
CTR – что это в рекламе, как посчитать и повысить кликабельность
2 декабря 2022
2076
CTR – что это в рекламе, как посчитать и повысить кликабельность
Что такое CTR и зачем его считать CTR или click-through rate — это процентное отношение числа кликов на объявление к числу его показов. Чем чаще кликают на рекламу, тем выше CTR. Значение эт...
Читать
Частотность ключевых запросов в поисковых системах: способы определения и виды
13 апреля 2022
4630
Частотность ключевых запросов в поисковых системах: способы определения и виды
Что такое частотность запросов в ПС? Частотность – количественная величина, показатель, который указывает на то, сколько раз пользователь обращался к поисковой системе с определенным запр...
Читать
Профессия директолога: подробный обзор обязанностей, зарплат и путей развития
16 апреля 2025
1539
Профессия директолога: подробный обзор обязанностей, зарплат и путей развития
В современном мире интернет-маркетинга профессия директолога играет ключевую роль в успешном продвижении бизнеса и привлечении целевой аудитории. Директолог - это специалист, который отвечает за с...
Читать
Перенос сайта на новый движок (CMS) с сохранением позиций: подробное руководство для безопасной миграции
26 ноября 2025
260
Перенос сайта на новый движок (CMS) с сохранением позиций: подробное руководство для безопасной миграции
Перенос сайта на новый движок — одна из самых рискованных операций в SEO. Любая ошибка в структуре, адресах страниц, редиректах или метатегах способна привести к резкому падению позиций, потере тр...
Читать
Что такое релевантность простыми словами
16 мая 2024
2225
Что такое релевантность простыми словами
Определение релевантности В широком смысле релевантностью называют соответствие одного объекта другому. Это понятие произошло от английского relevant — соответствующий, уместный. В SEO рел...
Читать
Руководство по оптимизации INP: от поиска Long Tasks до зеленой зоны Core Web Vitals
25 мая 2026
174
Руководство по оптимизации INP: от поиска Long Tasks до зеленой зоны Core Web Vitals
Современное поисковое продвижение сайтов в Яндекс и Google вышло далеко за рамки классической оптимизации метатегов и закупки ссылочной массы. Сегодня ключевым фактором ранжирования и удержания по...
Читать
Разработка технического задания копирайтеру на примере
18 октября 2021
1587
Разработка технического задания копирайтеру на примере
Как и обещал ранее в своей предыдущей статье, предлагаю пошаговый алгоритм, как написать Техническое задание (далее - ТЗ) для копирайтера с разбивкой по блокам. Повторяй за мной и ты сэкономишь св...
Читать
Что такое целевая аудитория, как ее определить и сегментировать
9 февраля 2023
3637
Что такое целевая аудитория, как ее определить и сегментировать
Что такое целевая аудитория Целевая аудитория — это группа людей, которые являются основными потенциальными клиентами компании и могут заказать продукт или услугу. Определять целевую аудиторию ва...
Читать
Термины SEO
25 октября 2021
3564
Термины SEO
Ассортиментная матрица или товарная матрица - это максимально полный, разделенный на категории и группы перечень всех товарных позиций определенной тематики. Базовая частотность - самая ...
Читать
Что такое Figma: полное руководство по использованию облачного редактора для командного дизайна
10 сентября 2024
1544
Что такое Figma: полное руководство по использованию облачного редактора для командного дизайна
На современном этапе развития цифровых технологий дизайн становится неотъемлемой частью многих проектов - будь то создание веб-сайтов, мобильных приложений или проектирование пользовательских инте...
Читать
Доменное имя как маркетинговый инструмент: секреты создания продающих названий для веб-ресурсов
15 июля 2024
1387
Доменное имя как маркетинговый инструмент: секреты создания продающих названий для веб-ресурсов
В современном мире практически каждая компания, большая или маленькая, имеет свой веб-сайт. Однако создание сайта - это лишь первый шаг на пути к онлайн-присутствию. Для того, чтобы ресурс стал до...
Читать
Эффективная внешняя оптимизация: как продвигать сайт с помощью ссылок и упоминаний
7 мая 2025
1450
Эффективная внешняя оптимизация: как продвигать сайт с помощью ссылок и упоминаний
Когда SEO-оптимизаторы говорят о продвижении сайта, в фокусе внимания чаще всего оказываются такие вещи, как ключевые слова, структура страниц, технические параметры, мета-теги и поведенческие сиг...
Читать
Повышаем конверсию с SEO-текстами: советы для авторов и оптимизаторов
31 октября 2024
1230
Повышаем конверсию с SEO-текстами: советы для авторов и оптимизаторов
В современном цифровом мире успех любого интернет-ресурса напрямую зависит от грамотного SEO-продвижения. Создание качественного, оптимизированного под поисковые системы контента является одним из...
Читать
смотреть все