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

О проекте

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