+7 951 349 5454
звонок по России бесплатный
Созданию плитки тегов на Битрикс
Часть 1 — Пошаговая инструкция по созданию плитки тегов на Битрикс
Данная инструкция включает себя 3 варианта реализации. На основании статьи вы сможете написать ТЗ для своего разработчика.
В данной — 1 части рассмотрим первый вид.
Вариант 1 – Создание страницы через коллекции товаров с прикреплением к странице
Коллекции – это страница типа категории, которая наполняется товарами согласно ей. Для кого-то коллекция – это тег, метка или категорияю
Рассмотрим приницп работы коллекции в битрикс.
Нахождение коллекции в блоке с каталогом
Рисунок 1.1 – Нахождение коллекции в блоке с каталогом
Папка коллекция
Рисунок 1.2 – Папка коллекция
Папки коллекции необходимы для структурирования страниц, можно перенести структуру согласно проработанной карты сайта.
На рисунке 1.2 – жмем и переходим в папку
Добавление новой коллекции
Рисунок 1.3 – Добавление новой коллекции
Перед добавление необходимо найти на карте, проработанной структуру нужную страницу. Находим и выбираем, рисунок 1.4
Спецпредложение! Бесплатный аудит вашего сайта.
Заполните заявку и получите от меня бесплатный аудит на 3 000 руб. вашего сайта с планом работы на 3 месяца.
Структурная карта (обозначения на карте у всех могут быть разные)
Рисунок 1.4 – Структурная карта (обозначения на карте у всех могут быть разные)
Заполнение коллекции
Рисунок 1.5 – Заполнение коллекции
Из рисунка 1.5:
1) Название со структурной карты (Н1).Туже после добавление формируется «Символьный код»
Вид ссылки на коллекцию будет /collection/svetodiodnye-lampy-e27-par16-220v>
2) Автоописание в конец страницы
3) Выбор наполнения товарами с помощью родительской категории – это первый метод наполнения товарами.
Если категория установлена, то остальные не работают метода.
Метод 2 - Прикрепление товара к коллекции
Ищем в каталоге необходимы товар для коллекции, рисунок 1.6
Поиск товара
Рисунок 1.6 – Поиск товара
Заходим в товар.
Рисунок 1.7 – Жмем выбор коллекции
Выбираем коллекцию, которую мы создали.
Рисунок 1.8 – Выбираем коллекцию и сохраняем.
Все данный метод позволил прикрепить к коллекции нужный товар.
Метод 3- Загрузка товаров файлом к коллекции
Выбор импорта в админке Битрикса
Рисунок 1.9 – Выбор импорта в админке Битрикса
Выбор профиля загрузки
Рисунок 1.10 – Выбор профиля загрузки
Файл для загрузки
Рисунок 1.11 – Файл для загрузки
Коллекция – это ID коллекции, к которой необходимо добавить данный товар
Добавляем файл
Рисунок 1.12 – Добавляем файл
Добавление файла и сохранение
Рисунок 1.13– Добавление файла и сохранение
Продолжаем работу по созданию коллекции. Осталось заполнить мета данные.
Переходим в раздел SEO коллекции
Рисунок 1.14 – Переходим в раздел SEO коллекции
Открываем файл с подготовленными метаданными
Рисунок 1.15 – Открываем файл с подготовленными метаданными
1) Н1 2) Title 3) DescriptionЗаполнение
Рисунок 1.16 – Заполнение
Из рисунка 1.16:
1) Title2) В keywords – можно добавить н1, можно не добавлять ничего
3) Description
4) Заголовок элементы – это Н1 для хлебных крошек
Рисунок 1.17 – Жмем сохранить
Все коллекция готова.
Если не была прикреплена категория, то сейчас она пустая и необходимо воспользоваться 2-ым методом или 3-им методом для наполнения товарами.
Теперь необходимо прикрепить данную страницу в облако – ссылок, или тегов или меток.
РАЗРАБОТКА САЙТОВ
SEO продвижение
РАЗРАБОТКА НА CMS 1С-БИТРИКС
Добавление в облако тегов
Заходим в модуль тегов
Рисунок 1.18 – Заходим в модуль тегов
Нажимаем добавить элемент
Рисунок 1.19 – Нажимаем добавить элемент
Наполнение тега (метки или ссылки)
Рисунок 1.20 – Наполнение тега (метки или ссылки)
Из рисунка 20:
1) Название – то как нам надо чтобы было в навязни тега, может не равняться Н12) Ссылка на коллекцию, которую получили выше
3) Выбор по ID страницы, к которой необходимо прикрепить тег.
В данном проекте можно добавить в шапку сайта или подвал.
Рисунок 1.21 – Жмем сохранить
Рисунок 1.23 – Тег появился на странице
Рисунок 1.23 – Вид коллекции через заполнение с помощью категории
Мы рассмотрели метода добавление через коллекции. Данная инструкция позволит написать ТЗ для разработчика, который может реализовать данный функционал
Автор
Артём Опарин
ИНТЕРНЕТ-МАРКЕТОЛОГ С ОПЫТОМ БОЛЕЕ 10 ЛЕТ.
Подписывайтесь в соцсетях:
Вам также может понравиться
Что такое аутрич и для чего он нужен: полное руководство по аутрич-стратегии для SEO, маркетинга и брендов
Аутрич давно перестал быть просто техническим инструментом для получения ссылок. Сегодня это полноценная маркетинговая стратегия, сочетающая элементы PR, контента, персональных коммуникаций и парт...
Читать
Профессия директолога: подробный обзор обязанностей, зарплат и путей развития
В современном мире интернет-маркетинга профессия директолога играет ключевую роль в успешном продвижении бизнеса и привлечении целевой аудитории. Директолог - это специалист, который отвечает за с...
Читать
Траст сайта: как заслужить доверие Google и Яндекса
В эпоху цифровой конкуренции и информационного шума завоевание высоких позиций в поисковой выдаче стало задачей стратегического уровня для любого онлайн-проекта. SEO уже давно перестало быть прост...
Читать
Как продвинуть сайт в поисковых системах своими руками: пошаговая инструкция
Продвижение сайта в поисковых системах — это не разовое действие, а системная работа, направленная на рост видимости, трафика и конверсий. Недостаточно просто создать сайт и наполнить его контенто...
Читать
Трудности перевода: почему идеальный hreflang не работает без глубокой локализации контента
В условиях глобализации электронной коммерции и масштабирования контентных проектов выход на зарубежные рынки становится логичным шагом развития бизнеса. Однако просто перевести интерфейс и текстовую ...
Читать
Как узнать и изменить User Agent в любом браузере — пошагово и понятно
User Agent — это уникальная строка, которая передаётся сайту при каждом открытии веб-страницы. Её основная задача — сообщить серверу, какое именно устройство, операционная система и браузер исполь...
Читать
Сайт-визитка — просто, быстро, эффективно: инструкция для начинающих
Сайт-визитка — это компактный веб-ресурс, состоящий из одной или нескольких страниц (обычно до 10), основная цель которого — кратко и четко представить бизнес, специалиста или услугу в интернете. ...
Читать
Путь к органическому процветанию: Освойте лучшие практики SEO для роста онлайн-бизнеса
В современном мире, где интернет стал неотъемлемой частью нашей жизни, важность присутствия в онлайн-пространстве для любого бизнеса сложно переоценить. Однако создание качественного сайта - это л...
Читать
Путь к успеху с push-уведомлениями: стратегии, метрики, юридические нюансы
Пуш-уведомления (от англ. push - "проталкивать") - это технология мгновенной доставки актуального контента и информационных сообщений на пользовательские устройства. В отличие от email-рассылок, S...
Читать
Гайд по лид-магнитам: как собирать подписчиков и греть лиды
В условиях высокой конкуренции и перегрузки информацией пользователь редко совершает покупку сразу. Сегодня важно не только привлечь внимание, но и вовлечь потенциального клиента — мягко, ненавязч...
Читать
Email-маркетинг с нуля: что это, как работает и чем помогает бизнесу
Email-маркетинг остаётся одним из самых стабильных, рентабельных и управляемых инструментов коммуникации. Даже в условиях роста конкуренции, изменения алгоритмов социальных сетей и удорожания рекл...
Читать
Что такое омниканальность в маркетинге и как внедрить её для роста бизнеса
Омниканальность — одно из ключевых понятий современного маркетинга, которое определяет, насколько бизнес умеет выстраивать целостное взаимодействие с клиентами. Сегодня потребитель не ограничивает...
Читать
Мониторинг посещаемости сайтов конкурентов - залог успешного интернет-маркетинга
Посещаемость сайта - это ключевой показатель, отражающий количество уникальных пользователей, которые заходили на веб-ресурс за определенный период времени. Анализ посещаемости позволяет оценить э...
Читать
Как отличить кликбейт от цепляющих заголовков и составлять правильные анонсы
Кликбейт - это провокационный метод привлечения внимания пользователей к контенту посредством ярких, интригующих, а зачастую и вводящих в заблуждение заголовков и описаний. Термин происходит от ан...
Читать
URL-адрес: путеводитель по созданию оптимальных веб-адресов
URL (Uniform Resource Locator) представляет собой уникальный унифицированный указатель ресурса, используемый для идентификации местоположения документа, изображения, веб-страницы или другого цифро...
Читать
Всё про показатель отказов: что такое, как уменьшить, где смотреть
Что такое показатель отказов
Показатель отказов, Bounce Rate — это количество таких посещений сайта, когда посетитель сразу же покидает страницу. Он указывает на то, насколько содержимое ре...
Читать
Словарь для карьерного роста: разбираем C-level от А до Я
На современном этапе развития бизнеса наблюдается стремительный рост популярности использования англоязычных аббревиатур для обозначения высших руководящих должностей в компаниях. Термины вроде CE...
Читать
5 требований к поиску по сайту, которые помогут улучшить пользовательский опыт и повысить конверсии
Внутренний поиск по сайту — это важнейший элемент пользовательского опыта (UX), который напрямую влияет на конверсии и успешность вашего сайта. В условиях насыщенного интернета, когда пользователи...
Читать
Перенос сайта на новый движок (CMS) с сохранением позиций: подробное руководство для безопасной миграции
Перенос сайта на новый движок — одна из самых рискованных операций в SEO. Любая ошибка в структуре, адресах страниц, редиректах или метатегах способна привести к резкому падению позиций, потере тр...
Читать
Robots.TXT: полная инструкция по созданию, настройке и использованию директив под нужды SEO
Что такое robots.txt
Robots.txt — это стандартный текстовый файл в кодировке UTF-8 с расширением .txt, который содержит директивы и инструкции индексирования сайта, его страниц или разделов. Он н...
Читать
10 ключевых правил копирайтинга для создания эффективных и продающих текстов
Копирайтинг — это искусство создания текстов, которые не только информируют, но и убеждают. В современном мире, насыщенном информацией, эффективный копирайтинг стал ключевым элементом в маркетинге...
Читать
Полный гид по использованию Вебвизора Яндекс.Метрики: Настройка, анализ и оптимизация
Что такое Яндекс.Метрика?
Яндекс.Метрика — это бесплатный сервис веб-аналитики, предоставляемый Яндексом. Он позволяет владельцам сайтов отслеживать поведение пользователей, анализировать статист...
Читать
Как привлечь поток клиентов с карт: стратегия продвижения в Яндекс, Google и 2ГИС для малого бизнеса
В современном цифровом пространстве модель поведения потребителя претерпела значительные изменения. Сегодня, прежде чем совершить покупку или обратиться за услугой, пользователь обращается к карта...
Читать
SPA SEO: Как подружить современные фреймворки с поисковыми роботами
Современная веб-разработка практически полностью перешла на использование JavaScript-фреймворков, таких как React, Vue и Angular. Технология Single Page Application (SPA) обеспечила пользователям ...
Читать
Как эффективно управлять зеркалами сайта в Яндекс.Вебмастере для улучшения SEO
Управление зеркалами сайтов — это неотъемлемая часть SEO-оптимизации, особенно когда речь идет о поисковых системах, таких как Яндекс и Google. Зеркала сайтов — это копии одного ресурса, доступные...
Читать
H1 — главный заголовок сайта: как использовать его правильно?
В современном SEO-продвижении важную роль играют не только внешние ссылки и поведенческие факторы, но и внутренняя структура контента. Один из базовых, но часто недооцененных элементов — это тег H...
Читать
LSI-копирайтинг: Как использовать семантические фразы для улучшения контента и SEO
В условиях постоянных изменений в алгоритмах поисковых систем, важно создавать контент, который будет не только полезным для пользователей, но и соответствовать современным требованиям SEO. Одним из т...
Читать
ТЗ копирайтеру «под ключ»
Часто нам приходится задумываться о том какие тексты использовать на своих сайтах. Для получения качественного текста необходимо грамотно составить Техническое задание (далее — ТЗ) копирайтеру и п...
Читать
Что такое дипфейк: как создать и зачем использовать в рекламе
Дипфейк (англ. deepfake, сокращение от deep learning и fake - "глубокое обучение" и "подделка") - это метод синтеза аудиовизуального контента с применением технологий искусственного интеллекта и м...
Читать
Как перевести сайт на HTTPS протокол без потери трафика и позиций?
Что такое HTTPS
Все сайты по умолчанию начинают свой путь с HTTP-протокола передачи данных в интернете. Он предполагает использование технологии «клиент-сервер», которая работает следующим...
Читать
Что такое контент-план: Полное руководство по созданию и оптимизации для бизнеса
В современном мире цифрового маркетинга контент стал одним из ключевых инструментов влияния на целевую аудиторию. Будь то блог, социальные сети, YouTube-канал или e-mail-рассылки — все они требуют...
Читать
Что такое макет сайта: полное руководство от проектирования до передачи в разработку в 2026 году
В современной индустрии веб-разработки запуск качественного ресурса невозможен без предварительного планирования. Любой профессиональный проект начинается с создания макета — визуального образа, к...
Читать
Комментарии