Редизайн и оптимизация интернет-магазина датской мебели премиум-класса. Кейс

Низкая скорость загрузки страниц, непонятная навигация, неработающие фильтры, невозможность быстро найти то, что нужно, – всё это мешает потенциальным покупателям в полной мере оценить богатство ассортимента и преимущества товаров в интернет-магазине. Как следствие, посетитель сайта уходит без покупки, а продавец остается без прибыли. Как это исправить?

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

Запрос клиента

Boconcept Online – российское подразделение датского производителя мебели премиум-класса. В работу мы получили их новый сайт, на который жаловались как потенциальные покупатели, так и сотрудники самой компании, которые попросту не могли с ним работать из-за постоянного «подвисания» системы. Клиент не понимал, почему созданный интернет-магазин работает так медленно и имеет низкие показатели по SEO. Он обратился в Fouro, чтобы мы решили проблемы, и сайт, наконец, заработал как надо, начав приводить покупателей.

Наши специалисты провели аудит сайта и обнаружили многочисленные ошибки:

• в коде сайта; 
• в настройке SEO-параметров; 
• в навигации, работе фильтров, дизайне карточек товаров.

Мы также обратили внимание на то, что, помимо недоработок в плане SEO, на рейтинг сайта в поисковых системах влияла и низкая скорость загрузки – это сказывалось на поведенческих факторах. С устранения этих проблем мы и решили начать нашу работу.

Работа над кодом и SEO-параметрами

Для того чтобы устранить критические ошибки в коде, которые замедляли работу сайта, нам пришлось почти полностью пересобрать «начинку». В результате значительно снизилось количество запросов к базе, которые и создавали основные проблемы со скоростью сайта. Свою роль в ускорении загрузки страниц сыграла и оптимизация изображений.

Кроме того, мы значительно переработали меню и некоторые разделы. Это помогло улучшить навигацию, чтобы пользователи быстрее попадали туда, куда им нужно. 

Параллельно с этим мы выполнили базовые работы по SEO:

• провели SEO-аудит; 
• настроили редиректы; 
• переписали метатеги (Title и Description); 
• настроили канониклы;
• почистили дубли; 
• настроили Турбо-страницы для Яндекса и AMP-страницы для Google, 
• добавили на сайт блог.

Всё это практически сразу дало видимый эффект – органический трафик начал расти. Но мы видели, что можно сделать больше – у проекта богатый потенциал. Так что мы продолжили работу.

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

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

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

Редизайн сайта

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

• Немного переработали оформление в целом

Мы сделали сайт более светлым и современным, сохранив преемственность.

Кроме того, мы адаптировали все страницы под разные устройства, и теперь они правильно отображаются при любой ширине экрана. 

Для удобства пользователей в левый верхний угол была добавлена кнопка «Каталог» с выпадающим меню.

До

После

• Изменили дизайн карточки товара

В старой карточке характеристики были расположены таким образом, что мало кто из посетителей сайта мог в них разобраться. Практически никто не понимал, что диван поставляется не только в том цветовом варианте, который есть на первых фотографиях, но и в сотнях других обивок. Мы выяснили это, анализируя поведение пользователей в Вебвизоре – почти никто не кликал на выбор цвета.

Мы разработали новый дизайн карточки, пересобрав характеристики, и теперь при клике по параметру «Обивка» пользователь видит всё разнообразие ассортимента (свыше 150 вариантов для некоторых моделей). Покупатели сразу понимают, что диван доступен в другом цвете и может выглядеть совсем иначе.

Кроме того, мы добавили возможность загрузки видео товара – для большей наглядности.

До

После

• Переделали фильтрацию

Старый фильтр значительно замедлял загрузку контента на сайте и к тому же был непонятен пользователям. Они не считывали, что блок «Наличие – Цена – Коллекция – Дизайнер – Ширина – Высота – Глубина – Акция» – это фильтры. Соответственно, они не задерживались на сайте, чтобы выбрать подходящие параметры и найти нужные товары.

Мы переработали фильтры, и теперь они интуитивно понятны пользователям. Как следствие, потенциальные клиенты стали пользоваться ими гораздо чаще. Увеличилось среднее время, которое пользователи проводят на сайте. Это также улучшило поведенческий опыт, потому что теперь покупателям легче найти именно то, что они искали, фильтруя товары по цене, коллекциям, материалам и т.д.

На страницах каталога теперь продемонстрирована возможность выбора обивки.

До

После

Благодаря всем этим работам улучшились поведенческие показатели, стало больше запросов с интернет-магазина и пропорционально выросло количество заказов. Также увеличилось время нахождения на сайте. Благодаря этим положительным поведенческим факторам растет и рейтинг сайта в поисковых сетях.

Яндекс:

Особенность проекта – комплексный подход

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

Параллельно с решением задач по внутреннему SEO (оптимизацией кода, настройкой технических факторов, наращиванием ссылочной массы, настройкой Турбо-страниц и пр.), мы также улучшали сам сайт и меняли пути пользователя. Мы доработали меню для быстрой навигации, переделали фильтр, чтобы им было удобно пользоваться, изменили дизайн карточки товара, чтобы она показывала все преимущества товара и всю полноту ассортимента. 

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