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

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

Технічні Опції, Які Підвищують Рівень Конверсії

Швидкість Сторінки

Швидкість магазину корелює з отриманим доходом у розрахунку на одного користувача. Багато тестів знову і знову підтверджують кореляцію швидкості сайту та продажів для усіч типів бізнесу.

Як приклад маркетологи інтернет магазину Walmart виявили що: «За кожну 1 секунду вдосконалення вони отримували до 2% збільшення кількості конверсій» і «За кожні 100 мс покращення вони збільшували приріст доходу до 1%». (ось посилання на це дослідження)

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

Однією з областей, яку можуть оптимізувати власники магазинів і маркетологи, які не займаються технічними засобами, є зображення. Використовуйте правильний формат зображення та якість стискання. Webpagetest.org — один із способів ідентифікації проблемних зон які формує ваш сайт. GTmetrix і Google  PageSpeed ​​Insights надають діаграми для перегляду повільних зображень, а також інших причин, чому сторінка відстає в продуктивності.

Також проаналізуйте час, потрібний користувачеві для взаємодії з веб-сайтом, який відомий як затримка першого введення (FID) . Швидший FID створює враження швидшого завантаження сторінки. Показник FID можна отримати за допомогою інструмента Google PageSpeed ​​Insights.

Працюйте над найповільнішими сторінками, які отримують найбільше переглядів. Google Analytics 4 не має власного звіту про швидкість веб-сайту, тому ви можете налаштувати власні налаштування для визначення повільних сторінок .

Більшість оптимізації швидкості пов’язана з вашою темою. Хороший розробник може змінити CSS, зменшити додатки, замінити зображення на CSS, об’єднати файли та зменшити файли. Перегляньте мій посібник про поширені помилки SEO , щоб дізнатися, як пришвидшити роботу магазину.

Архітектура Сайту

Якби вашим відвідувачам сказали знайти один продукт, більшість знайшли б його протягом 20 секунд? Як щодо того, щоб ви дізналися про це за допомогою HIT на Mechanical Turk .

Посилання на вашому веб-сайті пов’язують взаємодію з користувачем. Старе правило «користувач повинен мати можливість знайти що завгодно протягом трьох клацань на домашній сторінці» — це дурниця. Ви можете мати все доступне в три клацання миші і все одно спантеличувати людей, де знайти інформацію. Глибина не пов’язана з ясністю.

Розмістіть у нижньому колонтитулі посилання на ключові сторінки, такі як контакти, повернення та поштові витрати. Спробуйте протестувати колекції, відображені в заголовку, а не об’єднувати їх разом у розділі «Магазин». Перевірте посилання на свій видатний продукт у верхній частині.

Найважливішою частиною архітектури електронної комерції є категоризація продуктів. Ви не хочете, щоб продукт розміщувався в кількох колекціях, призначених для диференціації продуктів. Чи відчуєте ви різницю між «Особливі параметри»(Custom Options) та «Особливі параметри дорогоцінного каменю»(Custom Stone Options)?

Ювелірні прикраси для архітектури сайту

Яка різниця між навігаційними посиланнями в одному магазині «За категорією» та «За колекцією»?

Багаж архітектури веб-сайту

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

Процес правильної категоризації залежить від розміру магазину. Магазин з менш ніж 200 продуктами може перерахувати всі назви продуктів в електронній таблиці, а потім згрупувати схожі в стовпці. Великі магазини з різними SKU можуть моделювати структуру Amazon, eBay або Розетка і черпати ідеї від конкурентів.

Добре організовані колекції можуть складатися з брендів наприклад Adidas, Timberland і Under Armour або складатися з таких інтересів як баскетбол, волейбол чи теніс. Не використовуйте атрибути продукту та мінімізуйте прикметники в назві колекції, як-от «Футболка баскетбольна Adidas», оскільки це призводить до збільшення розміру панелі навігації.

Порядок категорій

Порядок категорій продуктів впливає на продажі. Розташуйте свої найважливіші колекції першими зліва направо або зверху вниз залежно від переглядів сторінок. Групуйте подібні елементи навігації, щоб допомогти відвідувачам ідентифікувати продукти.

Створіть звіт, який дає змогу переглядати перегляди колекцій. У Google Analytics перейдіть до «Звіти» > «Залучення» > «Сторінки та екрани». Змініть параметр на «Шлях до сторінки та клас екрана», а потім відфільтруйте за «колекціями».

Найпопулярніші колекції Google Analytics 4 у ​​Shopify

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

Путь хлібних крихт

Хлібна крихта – це слід посилань, які повідомляють комусь, де він знаходиться на веб-сайті. Дивіться приклад на Infoshina.

Уявіть, що ви шукали в Google «шини Michelin», а потім натрапили на продукт сайту Infoshina. Ви також хочете подивитись шини інших брендів, але ви бачите навігаційну крихту, а потім натискаєте «Шини», щоб знайти інші варіанти.

Навігаційні крихти зменшують занепокоєння користувачів, знижують показник відмов і сприяють оптимізації пошукових систем. Навігаційна ланка безкоштовно надає контекст для користувача. Якоб Нільсен рекомендує користувати путь хлібних крихт з 1995 року: «Хлібні крихти ніколи не викликають проблем під час тестування користувачами. Користувачі звертають увагу на панірувальні сухарі лише в 30% випадків; коли вони роблять, це допомагає, і навіть якщо ні, це не завдає шкоди».

Описові URL-Адреси

Описова URL-адреса переконає відвідувача, що він на правильній сторінці. Що може бути за цією URL-адресою? Дещо про New Balance.

example.com/collections/new-balance/43545

Ви точно знаєте, що знаходиться за цією URL-адресою:

example.com/collections/new-balance/purple-packer-new-balance-shoes

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

Пошук у браузері за описовими URL-адресами

Одне дослідження показало, що люди, які здійснюють пошук, конверсують у 1,8 рази краще, ніж ті, хто не шукає, і приносять непропорційний дохід. Статистично люди, які здійснюють пошук, здійснюють у 2-10 разів більше конверсій, ніж ті, хто не здійснює пошук.

Я погоджуюся з даними Zohar, переглядаючи статистику моїх клієнтів. Один випадковий клієнт, який я подивився з кількістю SKU 1500, показав, що пошуковці конверсували на 6,42% порівняно з 2,32% — 277% різниця.

Конверсія та дохід від пошукових відвідувачів проти тих, які не здійснюють пошук

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

Те, як ви реалізуєте пошук, є таким же важливим, як і можливість внутрішнього пошуку. Дослідження, проведене SLI Systems, показало, що 25% покупців уточнюють свій пошуковий запит після першого пошуку, а інше дослідження показало, що 73% залишають сайт через 2 хвилини, якщо не можуть знайти те, що їм потрібно.

Ось ідеї щодо вивчення пошуку, які спрацювали для моїх клієнтів:

  • Здійснити пошук за найпопулярнішими запитами з даних відвідувачів. Подивіться, з чим стикаються люди. Чи точні та корисні результати?
  • Перевірте функцію пошуку автозаповнення.
  • Перевірте зображення продуктів поруч із результатами автопропозицій.
  • Перевірте багатослівність у вікні пошуку, наприклад «Що ви шукаєте?» У вікні пошуку текст «Пошук у магазині» працює краще, ніж «Пошук», оскільки люди впевнені, що залишаться у вашому магазині, а не потраплять у Google. Порівняйте дизайн кнопок пошуку, як-от зображення збільшувального скла, із пошуком.
  • Уникайте включення статей до основного внутрішнього пошуку. Статті можуть мати власне поле пошуку в шаблоні.
  • Відстежуйте внутрішні пошукові запити , щоб дізнатися, чого хочуть люди, і як краще обслуговувати те, що вони шукають.
  • Розгляньте нові колекції або переробіть існуючі колекції, якщо з’являться типові пошукові запити для продуктів. Створюйте свої колекції на основі вподобань користувача.
  • Допоможіть покупцям уточнити результати пошуку за допомогою фільтрів на сторінці результатів.
  • Надайте пропозиції за умовчанням, як-от бестселери, на сторінці результатів пошуку, якщо жоден продукт не відповідає запиту.

Фільтри

Немає більшого розчарування, коли ви знаходите чудове взуття чи одяг, але на сторінці продукту пояснюється, що вони виготовлені не за вашим розміром. Я зріст 6 футів 9 дюймів і був там багато разів.

Варіанти ускладнюють прийняття рішень . Ми вирішуємо складні ситуації бездіяльністю.

Допоможіть покупцям знайти те, що їм потрібно, за допомогою фільтрів, якщо у вашому магазині є складні варіанти продуктів або стосуються групи людей. Додаток колекційного фільтра допомагає багатьом магазинам Shopify із функцією фільтрації та дизайном.

Клієнт Digital Darts Blue Bungalow має чіткий фільтр, який відкривається, якщо натиснути «Фільтр». Зважаючи на велику кількість опцій, фільтри не згортаються, щоб дозволити покупцям бачити категорії фільтрів, які найкраще відповідають їхнім потребам.

Пов’язаною частиною системи фільтрації є сортування. Нехай люди сортують за бестселерами, ціною, алфавітним порядком і можливо датою.

Зламаний Вміст

404 Для Внутрішніх Посилань І Зображень

Повідомлення 404 означає, що переглянута сторінка не існує, оскільки її було видалено або переміщено на іншу адресу. Ви можете підвищити коефіцієнт конверсії, коли посилання та зображення функціонуватимуть належним чином, оскільки це створює гарну взаємодію з користувачем.

Замість того, щоб натискати кожне посилання або переглядати кожне зображення, щоб перевірити помилки 404, використовуйте Screaming Frog для сканування вашого веб-сайту. Коли інструмент завершить сканування, натисніть вкладку «Коди відповідей», а потім відсортуйте за «Кодом стану», щоб визначити помилки 404.

Знайдіть джерело 404 у Shopify за допомогою Screaming Frog

Натисніть вкладку «Внутрішні посилання» внизу, щоб визначити, де потрібно оновити пошкоджене посилання чи зображення.

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

Щоб визначити сторінки, які не існують:

  1. Створіть спеціальний звіт у Google Analytics. Перейдіть до «Дослідження», а потім натисніть «Пусто», щоб створити нове дослідження.
  2. Змініть назву звіту на «Звіт 404».
  3. Змініть дату на останні 30 днів.
  4. Додайте до параметрів «Назва сторінки», «Шлях до сторінки + рядок запиту» та «Напрямок переходу на сторінку».
  5. Клацніть і перетягніть кожен вимір у тому самому порядку до рядків.
  6. Додайте показник «Перегляди».
  7. Натисніть і перетягніть показник «Перегляди» до значень.
  8. Змініть значення «Показати рядки» на велике число, щоб відобразити всі дані.
  9. Відкрийте нову вкладку. Відвідайте магазин із вигаданою URL-адресою, щоб створити помилку 404. Запишіть унікальну частину назви сторінки на вкладці браузера, яка ідентифікує сторінку 404.
  10. Повернувшись у Google Analytics, створіть фільтр для «Назва сторінки», який містить знайдений заголовок.

Ваш звіт матиме такий вигляд:

Як знайти помилки 404 і непрацюючі посилання в Google Analytics

Звіт допоміг мені визначити непрацююче посилання. Розмір реферера сторінки обмежений в інформації, тому вам, можливо, доведеться копати вручну, щоб знайти точне розташування посилання.

Якщо третя сторона посилається на неіснуючу сторінку, швидким виправленням є створення перенаправлення. Кращий варіант для SEO – зв’язатися з веб-сайтом і попросити їх оновити посилання, на якій сторінці до правильної версії.

404 Сторінка

Коли ви знаходите неіснуючу сторінку, як ваш магазин сприяє продажу? mystore.com/errortest Введіть адресу свого магазину у веб-браузер, щоб перевірити неіснуючу адресу . Allbirds – приклад того, чого не варте робити:

Allbirds bad 404 сторінка

Контролюйте повідомлення, повідомляючи відвідувачу, що сталося і що робити далі. Ось принципи високої конверсії для вашої сторінки 404:

  • Використовуйте той самий дизайн, що й решту сайту.
  • Слідкуйте за іміджем свого бренду та додайте те що хочуть ваші прихильники. Ви продаєте одяг для танцюристів? Майте розмальовану мультяшну фігурку, яка перериває рух. Дайте трохи язика і перевірте.
  • Надайте параметр пошуку до цієї сторінки.
  • Запропонуйте номер телефону або іншу підтримку, щоб допомогти людині знайти те, що вона шукає.
  • Виправте кореневу проблему. Перевірте, що помилка 404 не сталася на сторінці, яка має існувати.

Ось кілька прикладів хороших 404 сторінок.

Таємничі Проблеми З Продуктивністю на Мобільних Пристроях

Є тисячі моделей мобільних телефонів і більше мобільних телефонів, ніж людей на планеті. Ймовірно, мобільні пристрої складатимуть більше половини трафіку вашого магазину. Як дізнатися, що хтось на iPhone 12 не може зробити покупку, а потім покидає ваш магазин, не повідомляючи вам про проблему? Безпомилкового методу не існує.

Найповніший швидкий спосіб почати пошук таємничих проблем із мобільними пристроями – це Google Analytics:

  1. Натисніть «Звіти» > «Технічні дані» > «Технічні відомості» (застаріло).
  2. Відредагуйте звіт.
  3. Додайте показник «Коефіцієнт конверсії користувача» до спеціального звіту.
  4. Змініть основний параметр на «Модель пристрою», щоб побачити мобільні пристрої з найнижчим коефіцієнтом конверсії.
  5. Розширте часову шкалу вашого звіту для більшої вибірки. Не повертайтеся занадто далеко в минуле, коли відбулися основні оновлення веб-сайту, оскільки функціональність різних пристроїв, імовірно, змінилася.
  6. Збережіть звіт.
Коефіцієнт конверсії Google Analytics 4 для мобільних пристроїв

Ідеально мати кожну сторінку ідеально для кожного мобільного користувача, але у вас є бюджет. Зосередьтеся на тому, що найімовірніше збільшить ваш прибуток:

  1. Подивіться на різницю в коефіцієнтах конверсії на різних пристроях. Ваші найкращі клієнти можуть використовувати бренд мобільного пристрою, який пояснює різницю в конверсії. Користувачі Chrome у прикладі мають на 48% менше шансів здійснити конверсію, ніж користувачі Safari. Крім того, користувачі Chrome також мають вдвічі менший середній час взаємодії. Це тривожна різниця, яка потребує дослідження. Я б додав додатковий вимір категорії пристрою та інші показники, щоб досліджувати, що відбувається.
  2. Зверніть увагу на поєднання рівня залучення та середнього часу залучення. Низькі значення обох показників на одному пристрої вказують на серйозну проблему зручності використання для цих користувачів.

Онлайн-інструменти зручності використання, такі як BrowserStack і мобільний інструмент Google, можуть усунути очевидні проблеми. Вони стверджують, що повторюють використання мобільних пристроїв, але я неодноразово стикався з дивними проблемами, які ці інструменти не помічали.

Тестування у браузері легше, ніж тестування для мобільного пристрою. Ви можете встановити браузери на свій комп’ютер, а потім ретельно протестувати веб-сайт.

Ви пройшли половину посібника. Продовжуйте, тому що попереду кілька великих хаків для зростання. Ви збираєтеся навчитися створювати сторінки продуктів, які змушують відвідувачів діставати свої кредитні картки: