О проекте
Bestballon.ru – интернет-магазин латексных и фольгированных воздушных шаров. Компания является прямым импортером продукции ТМ Bestbal (Китай) и FlexMetal (Испания). В их каталоге около 1000 наименований шариков, а также аксессуаров для них.
Цель – провести работы по внутренней оптимизации ресурса для поискового продвижения и адаптации шаблона к экранам с разным разрешением.
Точка старта
Представители интернет-магазина Bestbal обратились в «Красный хамелеон» с целым рядом проблем: ошибки интеграции с 1С, которые препятствовали нормальной выгрузке товаров на сайт, крайне медленная работа ресурса, внесение правок в шаблон после комплексного СЕО-аудита, проведенного нашими партнерами – агентством маркетинга Inweb.
Нужно было внести ряд изменений, улучшить адаптивность и юзабилити ресурса.
До «Красного хамелеона» компания сотрудничала с несколькими топовыми разработчиками «Битрикс» и успела потратить приличный бюджет, но не добилась результата.
Наш опыт разработки интернет-магазинов на Битрикс позволил успешно справиться с поставленными задачами.
Поставленные задачи
- Исправить ошибки и настроить интеграцию CMS «Битрикс» с 1С.
- Ускорить сайт на Битрикс.
- Проверить и доработать адаптивность верстки.
- Обеспечить мультирегиональность.
- Обеспечить обратную связь.
- Исправить шаблон для улучшения поведенческих характеристик пользователей.
- Исключить появление дублей страниц.
- Настроить корректную пагинацию.
- Предотвратить индексацию малоинформативных и служебных страниц.
- Доработать меню сайта.
Всего в технических заданиях по сайту было поставлено около 90 задач.
Сложность
4 из 5
Что было сделано
Скорость и корректность работы сайта
Главной причиной «торможения» ресурса были многочисленные вирусы и трояны. Их количество и глубина проникновения определили довольно высокую сложность реализации проекта. Программистам пришлось вручную перепроверить массу файлов ядра в поисках вирусов и подозрительных файлов.
В результате сайт был очищен от мусора и вредоносного кода, начал работать правильно и довольно шустро.
Интеграция с 1С
Мы проанализировали ошибки интеграции и перенастроили связь с 1С заново. Многочисленные тесты показали, что взаимная передача данных осуществляется без ошибок. После этого сайт был наполнен товарами без проблем.
SEO
Сформированы шаблоны для автоматической генерации мета-тегов title, description и тега H1. Они включают наименование товара, цену, название интернет-магазина и прочую важную информацию для пользователя и продвижения. В мета-описания и заголовки добавлены эмоджи для повышения привлекательности и CTR сниппета в поисковой выдаче.
Сформирован файл robots.txt, где закрыты от поисковых краулеров:
- служебные страницы;
- административная область сайта;
- персональная область;
- страницы поиска.
Добавлена ссылка на sitemap.xml.
Закрыты от индексации «мусорные» и малоинформативные страницы. При помощи атрибута rel=«canonical» исключены дубли при пагинации, а также при присвоении товару двух и более категорий.
Настроен 301 редирект с удаленных и 404 страницы. Склеены зеркала сайта с www и без. Сделаны перенаправления со страниц, URL которых заканчивался на /index.php, чтобы избежать дублирования.
Внедрена автогенерация sitemap.xml по расписанию. В карту сайта не включаются «мусорные» страницы, ресурсы, закрытые от индексации в robots.txt или при помощи атрибута content=«noindex, nofollow».
Внедрена микроразметка schema.org для повышения презентабельности сниппета в выдаче. Размечены:
- логотип;
- информация о компании;
- строки поиска;
- карточки товара;
- категории каталога.
Для формирования презентабельного и информативного превью страниц сайта для размещения их в лентах соцсетей внедрен код разметки Open Graph.
Дизайн и адаптивность
В карточки товара добавлена информация о:
- способе доставки;
- сроках доставки;
- гарантии.
При работе с проектом bestballon.ru был исправлен ряд ошибок в шаблоне.
Тестирование и правки касались:
- некорректного отображения контента на планшетах и мобильных устройствах с разными размерами дисплеев и разрешением;
- ошибок в построении страниц и отдельных блоков в разных браузерах (IE, Safari).
На маленьких экранах пропадали кнопки сравнения товаров и «Купить в 1 клик», что могло существенно снизить продажи товаров пользователям с мобильных устройств. Неадаптивные таблицы влекли растягивание страниц на маленьких дисплеях, что значительно ухудшало верстку и удобство использования сайта.
Верстальщики добавили горизонтальный скролл для таблиц, настроили корректное выведение кнопок и блоков, проработали кроссбраузерность.
Доработано меню сайта: элементы, которые не вмещаются в одну строку на экране, скрываются под кнопку с иконкой «Меню».
Мультирегиональность
Для продвижения по отдельным регионам были созданы поддомены. Каждому реализована автогенерация карты сайта (sitemap.xml) для улучшения индексации страниц. Сайтмап оптимизирован, чтобы не плодить ошибки в Вебмастере и Google Search Console. В него добавляются только актуальные страницы, которые не закрыты для индексации.
Во все мета-теги вставлена переменная города, чтобы обеспечить уникальность тайтлов и дескрипшнов.
Реализована функция актуализации товара для конкретного региона. Если позиция в определенном городе отсутствует, кнопка «Купить» становится неактивной.
Раздел «Новости» сделан единым для всех поддоменов. Чтобы обеспечить мультирегиональность, при переходе на другие страницы сайта появляется попап с текстом «Ваш город Москва?» и кнопками «Да», «Нет». При клике на «Нет» всплывает модальное окно с возможностью выбора региона.
ЮзабилитиИзначально для оформления заказа на сайте требовалась регистрация. Это отпугивало значительный процент посетителей.
Чтобы уменьшить количество отказов, была реализована возможность совершать покупки без обязательной регистрации.
После нажатия кнопки «Оформление заказа» в «Корзине» предлагается форма авторизации, где можно решить, создавать аккаунт на сайте или продолжить без регистрации.
При выборе последнего варианта можно продолжить оформление заказа
и автоматически пройти процедуру регистрации.
Клиенту сообщается, что заказ успешно оформлен, и он автоматически появляется в базе данных пользователей.
На странице регистрации пользователя на сайте вместо стандартной капчи внедрена Google Recaptcha. Она упрощает процедуру и характеризуется высокой надежностью проверки.
Для взаимодействия с пользователями сайта добавлен код бизнес-мессенджера Jivosite.
Инструмент позволяет повысить продажи и удержать клиента.
Выводы
Все поставленные задачи и дополнительные доработки были реализованы за 3,5 месяца.
Одной из самых больших сложностей проекта можно отметить чистку сайта от вирусов. Эта работа заняла много времени и сил, так как проводилась полностью вручную. Но благодаря профессионализму и доскональному знанию CMS, нашим программистам удалось успешно побороть проблему и восстановить нормальную работоспособность ресурса.
Перенастройка интеграции 1С позволила наполнить сайт контентом и синхронизировать товары на сайте и складах с учетом регионов.
Мы доработали адаптивность, юзабилити сайта, оптимизировали ресурс под требования поисковых систем для ускорения продвижения.
Мы взяли проект, с которым не справились другие разработчики, и отдали заказчикам отличный ресурс, работающий как часики. В этом главная миссия «Красного хамелеона».