О проекте
https://parkplus.com.ua/ – это интернет-магазин пчеловодческого инвентаря. Компания сама изготавливает ульи, рамки, нуклеусы, воскотопки и прочее оборудование, а также представляет товары популярных в нише брендов.
Цель – обновление и актуализация сайта, обеспечение беспроблемного обмена данными, устранение явлений, снижающих продажи и лояльность клиентов.
Первый этап доработок интернет магазина
Администрация компании «ПаркПлюс» обратились в веб-агентство «Красный хамелеон», имеющее большой опыт создания интернет-магазинов на Битрикс и их доработки, первоначально для решения ряда общих задач:
- исправить ошибки интеграции с 1С;
- интегрировать и настроить шаблон Аспро Некст на сайт на 1С: Битрикс;
- подобрать хостинг.
Для понимания текущего состояния сайта был заказан ряд аудитов (SEO, UX-дизайн, PPC), результаты которых были представлены соответствующими техническими задачами от специалистов. Разработчикам и верстальщикам «Красного хамелеона» предстояло внедрить многочисленные правки из них.
На сайте также обнаружены ошибки, которые необходимо было исправить.
Основные задачи по доработке
- Настроить интеграцию с 1С.
- Применить новый шаблон.
- Выполнить первичную внутреннюю оптимизацию.
- Исправить детали, влияющие на коммерческие факторы продвижения.
- Настроить интеграции с рекламными системами и торговыми площадками.
- Исправить ошибки.
- Настроить оповещения о заказах в Телеграм.
- Обеспечить передачу данных в расширенную аналитику электронной коммерции.
Всего нужно было решить свыше 230 задач на сайте, что заняло более 250 рабочих часов.
Сложности при доработке сайта
3 из 5
Особенность проекта в том, что задачи в основном невысокого уровня сложности, но их было, действительно, много.
Какие работы входили в доработку сайта
Хостинг
В качестве площадки для разворачивания сайта была выбрана Туча. Разработчики «Красного хамелеона» перенесли и настроили ресурс на новом хостинге.
Шаблон
На сайт был установлен новый шаблон – «Аспро Некст».
Обилие кастомного функционала приводило к частым ошибкам после обновления темы. Все баги исправлены, и интернет-магазин работает на последней версии шаблона.
1С
Исправлены ошибки и настроена корректная интеграция с 1С для бесперебойного двустороннего обмена данными.
Выполнено автоматическое обновление товарных позиций при редактировании их свойств в 1С.
Отлажена корректная передача параметров при оформлении заказа в 1 клик.
Решена проблема с перезаписью уже отгруженных заказов новыми в базе данных.
Первичная SEO-оптимизация сайта
Добавили сайт в панели вебмастера поисковых систем Google и Яндекс.
Установили код системы аналитики Яндекс Метрика через сервис Google Tag Manager.
Устранили дубли внутренних страниц сайта, которые возникали из-за добавления в конце адреса:
/index.html |
настройкой 301 редиректа |
// (двойного слеша) |
настройкой 301 редиректа |
РеГистр (символами разного регистра) |
настройкой 301 редиректа |
/?id=XXX (GET-запросов) |
через robots.txt |
Переписали текст файла robots.txt с учетом рекомендаций SEO-оптимизатора и поисковой системы. Обновленные правила закрыли от индексации:
- админ-панель сайта;
- директории, не имеющие прямого отношения к сайту;
- URL с запросами параметром GET и т.п.
Оптимизаторы выявили свыше 750 дублированных мета-тегов для разных страниц title, descriptions, keywords и h1. Мы удалили автогенерацию keywords. Остальные проблемы решили установкой и настройкой модуля умного СЕО-фильтра, способного ставить уникальные мета-теги для каждого варианта выбора параметров.
Настроено автообновление карты сайта Sitemap.xml. Удалены все внутренние ссылки с кодом 3xx (редиректы/перенаправления) и 4хх (страницы не существует) или заменены их на ссылки с кодом 200.
В URL карточек товаров добавлена категория.
Настроено отображение информативной и оптимизированной страницы ошибки 404. Она не выводилась корректно из-за кода со старой версии сайта.
На страницах пагинации, а также фильтров (свыше двух параметров) настроена генерация тегов, запрещающих индексацию <meta name="robots" content="noindex,follow"/>.
Для исключения дублирования страниц при сортировке товаров в списке установлен тег rel=«canonical» основной страницы.
Для решения проблемы низкой скорости работы сайта:
- сжали изображения на страницах ресурса по рекомендации Google;
- внедрили функцию Lazy Loading для картинок;
- задействовали системные функции повышения скорости загрузки;
- установили модуль Ammina Optimizer.
Добились повышения оценок c 43 для мобайла и 83 для десктопа до 64 и 96, соответственно, по сервису по Page Speed.
До:
После:
Внедрены оптимизированные шаблоны генерации мета-тегов title, descriptions, h1, предложенные Luxeo.
На страницах и в блоках провели оптимизацию заголовков h2-h6. Удалили лишние подзаголовки, заменив их другими элементами разметки.
Убрали лишние выделения контента тегами <b>, чтобы не попасть под санкции переоптимизации поисковых систем.
На страницах сайта внедрили генерацию естественного вхождения трафикогенерирующих коммерческих слов:
- купить
- цена
- Киев
- стоимость
- Украина
- покупка
- продажа.
Дополнили необходимой информацией микроразметку Schema.org на страницах контактов, карточек товаров, подразделов.
Вместо стандартной шапки сайта сверстали фиксированную, которая видна при скроллинге страницы. Элемент содержит меню и координатами для обратной связи.
Добавлен функционал моментального заказа обратного звонка.
Создана и протестирована украинская версия сайта.
Аналитика
Установлен код Пикселя Facebook. Настроены события для отслеживания добавления товаров в корзину, оплаты, взаимодействий с клиентами и т.д.
После добавления нового функционала клиентом и изменения шаблонов вывода некоторых страниц был удален код вставки Google Analytics и Пикселя Facebook. Наши программисты восстановили скрипты. В корзине для корректной работы кода был полностью переписан функционал учета удаления товаров.
Внедрена расширенная Google Analytics электронной торговли по техническому заданию от Netpeak. Модуль помогает передавать для анализа максимум информации о совершенных конверсиях, промежуточных действиях, рекламной эффективности, отслеживать каждый этап воронки продаж. На сайт добавлены возможности отслеживать:
- просмотры товаров в каталоге;
- клики по товарам;
- просмотры карточек товаров;
- добавление товара в корзину;
- удаление товара из корзины;
- шаги оформления заказа;
- варианты оформления заказа;
- совершенные покупки.
Дизайн
Перенастроены страницы карточки товара, корзины, оформления заказа.
Для мобильной версии сайта:
- создан скрипт, определяющий устройство, с которого зашел на страницу пользователь, чтобы перенаправлять на мобильный шаблона;
- переверстана расстановка блоков «Хит», «Новинка», «Акции» по два в ряд;
- перестроена расстановка элементов на разных страницах сайта;
- изменен дизайн карточки товара, страниц оформления заказа и оплаты;
- настроен вывод сортировки в разделах каталога: добавлен текст «По популярности», «По цене», «Фильтр», показ стрелочки в зависимости от направления сортировки.
После UX-анализа сайта специалистами компании Luxeo внесли многочисленные изменения в десктопную и мобильную версию интернет-магазина.
Десктоп:
- сделали заметную кнопку обратного звонка;
- заменили кнопку «Подробнее» на «Купить» при наведении на товар в списке;
- переоформлен блок вывода полезных статей, обзоров и советов;
- исправлено отображение блока «Ранее вы смотрели»;
- добавлены элементы в слайдер;
- исправлен функционал добавления отзывов на сайт для повышения доверия к проекту;
- откорректированы ссылки телефонных номеров на странице «Контакты»;
- добавлены основные характеристики на карточки товаров при отображении списком.
Мобайл:
- исправлен порядок вывода информации на странице «Контакты» (на первом экране клиенту показывалась карта);
- исправили отображение контактов филиалов компании на Google-карте;
- добавили ссылки для контактных данных;
- исправили отображение оценки (рейтинга) в карточке товара;
- блок с ценой и кнопкой «Купить» установлен над краткими характеристиками позиции;
- исправлено отображение способа оплаты после оформления заказа.
Функционал
Настроена функция смены статуса заказа после его оплаты. Проблема возникала ввиду некорректной настройки связи 1С: Битрикс с системой оплаты LiqPay.
Для карточек товара, страниц каталога и корзины были созданы переключатели единиц измерения на десктопной и мобильной версии сайта. Варианты выбора установлены для товаров, которые можно заказать в метрах и тоннаже. Настроена передача данных о заказе в 1С в указанных покупателем единицах измерения.
Организован и настроен функционал отправки уведомлений о заказах в Телеграм и оповещений в Вайбер.
Настроена отправка почты через модуль Отправка электронной почты через SMTP.
Организована оценка геолокации для корректного вывода города, в котором находится покупатель.
Добавлен и настроен модуль компании «Интайм», а также организована подгрузка отделений Укрпочты на сайт для оформления доставки.
Ошибки
Исправлен выявленный баг с бесплатной доставкой.
Устранены проблемы функционирования модуля Новой почты: ошибка отправки СМС при доставке, невозможность выбрать конкретный склад при оформлении заказа.
Исправлена проблема отсутствия кнопки «Купить» и выбора нужного количества товара для некоторых позиций.
Исправлены ошибки автоматического создания резервной копии сайта и базы данных.
При обмене 1С с сайтом возникала ошибка «CREATE INDEX». Анализ показал, что проблема, вероятнее всего, связана с «пересечением» обменов, так как один процесс блокирует таблицы базы данных и другой не может получить к ним доступ. Чтобы не появлялась ошибка, рекомендовано:
- Не запускать обмен вручную в ходе автоматического обмена.
- Повысить лимит времени автоматического обмена.
Решена проблема вывода активного списка размеров в карточке товара. Перенастроен компонент и указано корректное поле для заполнения данных при обмене с 1С.
Не работала ссылка изменения пароля, отправляемая в письме на почту. После перехода с нее появлялось сообщение, что пользователя не существует.
В ходе исследования выявили, что причина в редиректах на стороне модуля rodzeta.redirect: при переходе сбрасывались параметры url. Внесли правки для корректной работы компонента.
Исправлена ошибка отправки СМС при изменении статуса заказа в админке. В текст сообщения были добавлены кавычки для корректной обработки в коде.
Устранена проблема некорректного поиска. При некоторых запросах не выводились результаты. Для решения отключили USE_LANGUAGE_GUESS.
Устранена проблема дублирования отзывов на страницах товаров.
Фиды
Налажена интеграция с сервисом Google Merchant Center, исправлены ошибки передачи данных и сканирования контента.
Созданы и настроены автоматически формируемые и регулярно обновляемые фиды товаров со всеми необходимыми параметрами для представления товарных объявлений из категории «Пчеловодство» в Google AdWords.
Создан и настроен скрипт для выгрузки товаров на площадку rozetka.com.ua. Добавлено свойство для выбора товаров, которые не должны экспортироваться. В коде установлены все необходимые параметры для корректного отображения товарных позиций на Розетке.
PCC
По техзаданию от Netpeak внедрили код динамического ремаркетинга в шаблон страниц сайта:
- главная;
- поиск;
- корзина;
- карточка товара;
- каталог;
- оформление заказа.
Код передает структурированные данные (JSON) для формирования ретаргетингового объявления – с товарами, которыми интересовался пользователь, но так и не оформил покупку.
Результат работ по доработке и оптимизации сайта
Все работы по проекту заняли около 9 месяцев.
Нам удалось:
- перенести рабочий проект на новый хостинг;
- установить выбранный клиентом шаблон, обновить и настроить его так, чтобы в работе сайта не было ошибок;
- добиться существенного повышения скорости работы сайта – на 15,5% на десктопе и пости на 50% на мобайле;
- интегрировать и обеспечить корректную передачу данных с 1С;
- исправить ошибки ресурса;
- организовать отслеживание места положения пользователя, отправку СМС, e-mail, а также сообщений в Viber и Telegram;
- составить корректные фиды для передачи сведений о товарах в GoogleAds и Розетку;
- настроить оформление информации для ретаргетинга;
- добавить события для расширенной аналитики.
Сейчас сайт отлично работает на последней версии купленного шаблона. Все внесенные правки дали нужный результат: страницы быстро грузятся, минимизировано число ошибок.
https://parkplus.com.ua/ – объемный проект, который потребовал большой вовлеченности команды «Красного хамелеона». Однако, несмотря на количество поставленных задач, все они были решены, и заказ доведен до логического завершения.