Доработка и оптимизация интернет-магазина продукции для пчеловодства «ПаркПлюс»

«ПаркПлюс» это интернет-магазин пчеловодческого инвентаря. Компания сама изготавливает ульи, рамки, нуклеусы, воскотопки и прочее оборудование, а также представляет товары популярных в нише брендов.

Посмотреть проект

О проекте

Цель – обновление и актуализация сайта, обеспечение беспроблемного обмена данными, устранение явлений, снижающих продажи и лояльность клиентов.

Первый этап доработок интернет магазина

Администрация компании «ПаркПлюс» обратились в веб-агентство «Красный хамелеон», имеющее большой опыт создания интернет-магазинов на Битрикс и их доработки, первоначально для решения ряда общих задач:

  • исправить ошибки интеграции с 1С;
  • интегрировать и настроить шаблон Аспро Некст на сайт на 1С: Битрикс;
  • подобрать хостинг.

Для понимания текущего состояния сайта был заказан ряд аудитов (SEO, UX-дизайн, PPC), результаты которых были представлены соответствующими техническими задачами от специалистов. Разработчикам и верстальщикам «Красного хамелеона» предстояло внедрить многочисленные правки из них.

На сайте также обнаружены ошибки, которые необходимо было исправить.

Основные задачи по доработке

  • Настроить интеграцию с 1С.
  • Применить новый шаблон.
  • Выполнить первичную внутреннюю оптимизацию.
  • Исправить детали, влияющие на коммерческие факторы продвижения.
  • Настроить интеграции с рекламными системами и торговыми площадками.
  • Исправить ошибки.
  • Настроить оповещения о заказах в Телеграм.
  • Обеспечить передачу данных в расширенную аналитику электронной коммерции.

Всего нужно было решить свыше 230 задач на сайте, что заняло более 250 рабочих часов.

Сложности при доработке сайта

3 из 5

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

Какие работы входили в доработку сайта

Хостинг

В качестве площадки для разворачивания сайта была выбрана Туча. Разработчики «Красного хамелеона» перенесли и настроили ресурс на новом хостинге.

Шаблон

На сайт был установлен новый шаблон – «Аспро Некст».

Обилие кастомного функционала приводило к частым ошибкам после обновления темы. Все баги исправлены, и интернет-магазин работает на последней версии шаблона.

Исправлены ошибки и настроена корректная интеграция с 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/ – объемный проект, который потребовал большой вовлеченности команды «Красного хамелеона». Однако, несмотря на количество поставленных задач, все они были решены, и заказ доведен до логического завершения.

Давайте обсудим ваш проект