Как мы увеличили трафик более чем в два раза в Яндексе засчет оптимизации мобильной версии сайта

Всем привет👋 На связи команда KUKOYAKA.PRO.

Мы уже давно плодотворно сотрудничаем с официальным дилером производителей из России и ближнего зарубежья — mebel169.ru. В сентябре 2024 года перед нами встал новый вызов. Задача была довольно стандартная — увеличить трафик, улучшить конверсию. Сразу забегая наперед скажем, что нам удалось ее решить на 5+ 😉 Но обо всем — по порядку:)

В первую очередь к работе подключился наш аналитик. Он всегда первым чувствует, когда что-то «пахнет жареным» (и это мы не про вкусные пирожки, а про проблемы с трафиком). Оказалось, что трафик распределяется неравномерно: большинство пользователей заходят на сайт с мобильных устройств.

Звучит нормально, правда? Но не тут-то было! Мы провели тестирование и поняли, что взаимодействие с сайтом на мобильных устройствах оставляет желать лучшего: скорость загрузки со смартфонов — как у болида на пенсии, интерфейс сложный, конверсионных элементов недостаточно, а SEO нуждается в доработке, как запылившийся винтажный шкаф (со всем уважением к винтажным шкафам 😅).

Отсутствие оптимизации мобильной версии сайта — большая проблема. Только за 2024 год мобильная доля трафика в РФ выросла на 10,6% и составила 42,3%. И эти цифры продолжают расти. Однако, как показывает наш опыт, на практике эти значения часто больше: 70–80% интернет-пользователей в России предпочитают использовать мобильные телефоны для посещения интернет-магазинов.  Итак, мобильная версия сайта требовала апгрейда! 🚑

После обнаружения всех проблем наши разработчики, дизайнеры, SEO-маги начали мозговой штурм, чтобы создать интуитивно понятный и быстрый интерфейс для мобильных пользователей. Мы составили план работ по улучшению мобильной версии сайта, который включал: Ускорение загрузки страниц. Улучшение навигации с помощью добавления и доработки фильтров, чтобы пользователи не чувствовали себя археологами на раскопках. Внедрение конверсионных элементов, включая отображения видео на страницах товаров (ведь смотреть проще, чем читать), отзывы покупателей и другие фишки, которые помогают быстрее принять решение о покупке. Проработку сайта под Google Search Console. Мы зафиксировали и исправили ошибки, такие как чрезмерное значение показателя INP (Interaction to Next Paint) — более 200 мс на мобильных устройствах. Теперь же наш сайт реагирует быстрее, чем бариста готовит эспрессо. Перевод страниц в формат WebP: мы заменили старые добрые JPEG и PNG на современный WebP, чтобы изображения весили меньше и загружались быстрее. И сайт полетел ✈ Оптимизацию структуры DOM. Привели в порядок HTML-код, чтобы браузеры не запутывались в нем, как туристы в незнакомом городе. Это улучшило производительность и сделало сайт более отзывчивым. Работу с SEO: переименование товаров в листингах с учетом ключевых запросов, чтобы повысить кликабельность и перейти с Яндексом на новый уровень дружбы 📈

Наиболее конверсионный трафик приходит именно из Яндекса, что снова подтверждает: SEO не умирает! Не верьте тем, кто говорит, что оно не работает. Эти ребята просто не умеют его готовить 😏

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

Убираем головоломки. Читать длинные описания, изучать материалы, комплектацию, представлять, как открываются шкафчики — задачка со звездочкой. Поэтому на страницы категорий и товаров мы добавили видеообзоры продукции. Теперь пользователи могут просто нажать Play и увидеть все в движении — никаких догадок, никаких лишних переходов. Как итог: больше полезной информации => больше уверенности => больше покупок. А еще меньше отказов, ведь люди теперь не убегают в поисках роликов с обзорами.

настраиваем SEO-детекторы. Во время аудита мы обнаружили, что названия товаров не оптимизированы под ключевые запросы. Кто будет вводить в поиск артикул? Единицы. Кто будет искать «кухня в стиле лофт/сканди»? Все. Поэтому мы переписали заголовки. Теперь товары находят по ключевым запросам, а не по случайному стечению обстоятельств. Результат — увеличение кликабельности, поисковой видимости и продаж 😉

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

Также мы добавили отображение рейтинга и отзывов. Очень рекомендуем такое решение. Во-первых, люди доверяют людям, во-вторых, — мало кто хочет быть первым, кто рискнет (разве что, кроме Колумба).  Поэтому рейтинги и отзывы — мастхэв. Они повышают доверие потенциальных покупателей, помогают им быстрее принять решение о покупке, увеличивают вероятность конверсии 😉

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

Если на сайте сотни позиций и всего пара фильтров, велика вероятность, что пользователи просто «не дойдут» до того самого товара, который «попадет в сердечко», и зависнут в бесконечном скролле, как в ленте TikTok. Только тут они не получат дозу мемов, а просто уйдут без покупки. А нам это не нужно! Поэтому недоработки с фильтрами нужно срочно исправлять.

В случае с mebel169.ru мы приняли решение внедрить и оптимизировать систему фильтрации. Это помогло улучшить навигацию и удобство выбора товаров на мобильной версии сайта.

Мы реализовали фильтры по основным параметрам, среди которых: Категории товаров (например, стили кухонь — классика, модерн, лофт). Цвет и материал. Цена с указанием диапазона и стоимости за погонный метр. Наличие и статус (быстрая доставка, акция, новинка).

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

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

Мы разделили фильтры на логические группы по характеристикам (например, цвет, стиль, цена), чтобы все было по полочкам, как в образцовой гардеробной. Это облегчило поиск нужных параметров, сделало интерфейс более структурированным (все буквально разложено по «хайлайтам»).

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

Все фильтры — интуитивно понятные, они значительно повышают удобство поиска и навигации на мобильных устройствах. Также эти изменения увеличили вовлеченность, снизили отказы благодаря структурированному интерфейсу, улучшили SEO. Как итог — рост позиций в мобильной выдаче Яндекса и довольные пользователи 😌

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

Меню объединили с фильтрами каталога, что позволяет пользователям одновременно выбирать категории и задавать параметры поиска, не переключаясь между разделами. А еще — добавили в меню информационные блоки, акции, специальные предложения, категории с популярными подборками: «Скидки», «Новинки», «Хиты продаж».

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

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

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

Смартфоны:

ПК:

Планшеты:

ТВ:

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

По ПК, планшетам тоже улучшились показатели. Яндекс, видя такие успехи, не мог не поднять нас в результатах поиска 📈

Так что, если ваш сайт еще не адаптирован под мобильные устройства, самое время задуматься об этом. Ведь, как показывает наш опыт, мобильная оптимизация — это не просто тренд, а необходимость в современном цифровом мире. Если она вам нужна, обращайтесь к команде KUKOYAKA.PRO: мы с радостью поможем 🤗