Як підвищити конверсію і трафік інтернет-магазину тільки за рахунок внутрішньої оптимізації

Знайомий власник інтернет-магазину звернувся до мене з проханням допомогти розібратися, чому відвідувачі на сайті є, а замовлень майже немає: при 250-300 відвідувачів в день у нього було 1-2 замовлення. Два місяці через сайт щодня відвідує близько 500 чоловік і мінімум 10 з них роблять замовлення. У цій публікації я розповім про те, що було для цього зроблено і як добитися того ж для будь-якого іншого проекту.

image

Вихідні дані
  • CMS MODx Revolution у зв'язці з Shopkeeper;
  • ТОП-10 Яндекса і Google за основним запитам;
  • Переглядів в день 1000-1500;
  • Унікальних відвідувачів в день 250-300;
  • Конверсія близько 0,5%;
  • Близько 70% клієнтів скасовували замовлення;
  • Середня кошик — 1500 руб.
Пошук проблем і шляхів їх вирішення
Незважаючи на те, що деякі недоробки відразу кидалися в очі, насамперед вирішено було встановити і налаштувати складальник статистики. На сайті стояв Analytics, але, по-перше, він годився в тому вигляді, в якому був, хіба що дивитися відвідуваність, а по друге, я особисто віддаю перевагу Яндекс.Метрику від вітчизняного виробника. Я поставила цілі на відвідування сторінки кошика і фінальної сторінки оформлення замовлення (в ідеалі таку мету потрібно робити складовою), а також включила вебвізор. Якщо з цілями все має бути більш-менш зрозуміло: нам потрібно бачити, на якому етапі клієнт загубився, то з вебвізором все не так очевидно. Фактично, вебвізор — це якась подоба «записи з камер спостереження» кожного відвідування вашого магазину: всі, ну або майже все, що бачив користувач, що ввів чи натиснув, ви можете переглянути в повторі. І це найцінніша інформація для оптимізатора: ви здивуєтеся, наскільки несподіваними можуть бути дії користувачів. Але про це трохи пізніше. Поки ж працьовитий скрипт метрики збирав дані, я будувала припущення, які згодом підтвердилися цими самими даними.

Знай свою ЦА
В першу чергу дуже важливо максимально точно визначити цільову аудиторію. Сервіс статистики тут теж доведеться до речі, принаймні стать і вік найчисленнішої частини аудиторії він вам підкаже. У випадку з цим піддослідним ЦА — жінки від 25 до 35 років. Інші припущення про ЦА доведеться будувати на основі логічних умовиводів. Наприклад, в моєму випадку, так як сайт продає товари для рукоділля, я припускаю, що жінки домогосподарки, а не акули бізнесу. Зрозуміло, на сайт може зайти хто завгодно, але орієнтуватися варто, як і в демократії, на думку більшості.

image

Чим ясніша мета, тим легше до неї йти
Це твердження вірно як для користувачів, так і для веб-дизайнера: потрібно чітко розуміти, чого ми хочемо від відвідувача і намагатися допомогти йому всіма силами це зробити. Для будь-якого інтернет-магазину першочергова мета — здійснення покупки відвідувачем. Цю мету можна дробити: здійснення покупки певного товару, здійснення покупки на максимальну суму, здійснення покупки як можна більшу кількість разів і так далі, але цілей крім здійснення покупки на сайті магазину бути не повинно.

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

Правила грамотного дизайну

  1. Нічого зайвого. Пам'ятаєте жарт про рушниця на стіні в першому акті вистави? Так от, все що не стріляє — знімайте. Інформери сервісів статистики, банери на інші ресурси, значки семантично вірною розмітки і валідних таблиць стилю — я не змогла уявити собі ситуацію, коли це підштовхне рядового користувача здійснити покупку. Пам'ятайте, чим менше всього на сторінці — тим легше буде зосередити увагу користувача на потрібному вам елементі.
  2. Чіткі пріоритети. Не звалюйте все в купу, продумайте пріоритет цілей та розставте у відповідності з ними елементи. Приміром, в першу чергу вам потрібно, щоб людина максимально самостійно вибрав товар і здійснив покупку, тому телефон хоч і важливий, писати його в даному випадку аршинними літерами сенсі немає, краще розкажіть в двох словах про умови доставки та оплати. А історію вашої компанії краще взагалі засунути на окрему сторінку, посилання на яку можна прибрати куди-небудь в підвал сторінки.
  3. Пам'ятайте про цільової аудиторії. Орієнтуйтеся не стільки на свої смаки, скільки на смаки та уподобання цільової аудиторії. Наприклад, якщо ваша аудиторія жінки-домогосподарки, то швидше за все до смаку припадуть їм пастельні кольори, плавні переходи і елементи з закругленими краями.
  4. Запропонуйте допомогу і приховайте з очей, якщо вона не потрібна. Ах, якщо б і реальні продавці-консультанти слідували б цьому правилу! Дайте якомога більше можливостей користувачам, але не нав'язуйте їх використання. Зробіть елементи, якими будуть користуватися нечасто за замовчуванням згорнутими або ж розмістіть на периферії, але бажано в звичних для користувача місцях. Приміром, рубрикатор каталогу і фільтри краще розміщувати зліва або зверху. Залиште видимим фільтр найбільш часто використовуваної характеристиці, наприклад, кольором, а решта приховайте. Не варто також набридати з пропозиціями чату. Не питайте більше рази за відвідування і дайте можливість озирнутися самому хоча б в половину середньої тривалості відвідування
  5. Дайте більше можливостей. Дотримуйтесь попереднім правилом, але постарайтеся дати максимум можливостей покупцеві знайти шукане: пошук по сайту, фільтри, сортування, рекомендації, пропозиції та акції, онлайн-консультант, зворотний дзвінок, роботизований помічник.
  6. Хороший сайт — легкий сайт. Використовуйте кешування, мінімізуйте картинки і скрипти, прибирайте зайві медіа-матеріали. Чим менше користувач буде чекати, поки сайт завантажиться, тим вище ймовірність, що він дочекається. Якщо на сайті великий відсоток відмов незалежно від джерел переходу на сайт — це те, на що слід звернути увагу в першу чергу.
  7. Нехай сайт буде доступний всім. Зробіть верстку адаптивної або створіть версію для мобільних пристроїв. Крім того, що користувачам з телефонів і планшетів купити стане простіше — пошукові системи також зрадіють нової версії Google навіть підпише, що сайт mobile-friendly! До речі, нещодавно Google запустив сервіс «Тест на зручність перегляду на мобільних пристроях».
  8. Зробіть сайт зручним для пошукових систем. Використовуйте микроданные. Якщо коротко, то це дозволить пошуковим системам видавати дані про ціні, доставці та наявності товарів прямо на сторінці пошуку. Як ними (микроданными) користуватися вже згадувалося і на цьому ресурсі і на багатьох інших, тому загострювати на цьому уваги в цей раз я не буду. До речі, Яндекс дозволяє передати ті ж дані в xml, а точніше yml форматі через Яндекс.Вебмастер. Той самий файл в подальшому можна використовувати для Яндекс.Маркет.
  9. Розкажіть про товар якомога більше. Додайте фото з різних ракурсів, дайте можливість подивитися ближче, дайте технічну інформацію, покажіть відгуки інших користувачів, але не забувайте, що в першу чергу варто показувати тільки необхідне.
  10. Полегшите перегляд каталогу. Додайте можливість переходити від пропозиції до пропозиції відразу ж, наприклад, за рахунок посилань на наступний і попередній товар. Зробіть функцію швидкого перегляду пропозиції. Покажіть, що покупець дивився, запропонуйте на підставі цього схожі товари.
  11. Зворотний зв'язок повинна бути завжди. Здійснивши будь-яку дію, користувач повинен відразу побачити результат. Нехай картинки змінюють прозорість при наведенні, посилання — тон, а при завантаженні великого обсягу матеріалу показуйте обертаються годинник і прогрес, якщо вже цієї великої завантаження уникнути не вдалося. Тут варто послатися на теорію потоку (автор майка чіксентміхайі), що я і роблю. Для тих, кому читати психологічні праці не хочеться коротко: якщо покупець не побачить віддачі від своїх дій його настрій довести справу до кінця (купити в даному випадку) пропаде.
  12. Зробіть все, що можна без участі покупця. Вважайте доставку, знижку, зберігайте кошик, історію покупок, визначайте адресу доставки, просіть мінімум інформації. Але дайте можливість змінити все це вручну. (Друга складова правильного настрою — відчуття контролю над подіями — див. вище, теорія потоку).
  13. Тестуйте і виправляйте помилки. Приділіть час пошуку та усунення несправностей, помилок, друкарських помилок і всього того, що може дратувати користувачів і заважати їм зробити покупку.


На переробку піддослідного сайту пішов місяць. Велику частину часу зайняла сортування каталогу і зміна ядра магазину на MiniShop2, у вигляді обмеженості Shopkeeper'a. Сама ж MODx CMS, як і передбачалося, випробування на гнучкість витримала, за що була нагороджена новим хостингом від творців.

Оптимізуйте оффлайн процеси
Я писала на початку, що дві третини замовлень клієнти просто скасовували. Причин було дві в даному випадку:
  1. Невідповідність інформації про наявність товару на сайті реальної
  2. Неочевидність необхідності внесення передоплати для відправки замовлення поза домашнього регіону


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

Результат оптимізації
  • CMS MODx Revolution у зв'язці з MiniShop2 з морфологічним пошуком, фільтрами пошуку, зберіганням кошика, особистим кабінетом і багатьма іншими функціями, про які говорилося раніше;
  • ТОП-3 Яндекса і Google за основним запитам;
  • Переглядів в день 2000 (+20%);
  • Унікальних відвідувачів в день 500 (+100%);
  • Конверсія близько 2% (x4);
  • Близько 20% (скоротилася втричі) клієнтів скасовують замовлення;
  • Середня кошик — 3000 руб. (+100%).


Не зупиняйтеся на досягнутому
Після того, як ми запустили оновлену версію сайту — ми відразу ж побачили результат! Ну добре, вмовили, скажу правду, в перший день у нас не працювала відправка замовлення і тому замовлень не було взагалі, але я швидко виправила помилку і результат насправді не змусив себе чекати. Кількість замовлень росло, власник радів, а я в перервах між спогляданням зростаючих графіків в метриці і нагальними справами дивилася запису вебвизора. З подивом для себе я виявила, що в мобільній версії користувачі тикали на кнопку пошуку по каталогу в абсолютно неочевидном для мене місці (тут же поставила туди кнопку) і переглядали каталог сторінка за сторінкою, не користуючись пошуком (змінила напис на кнопці пошуку на більш зрозумілу).

Власне, саме цим і хотілося б закінчити розповідь. Нові технології з'являються щодня, а це значить і нові можливості. Немає межі досконалості, а отже і процес оптимізації зупинятися не має. Спостерігайте за користувачами, аналізуйте поведінку і адаптуйте сайт під їх потреби, не забуваючи про своїх цілях.

Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.