Мобільний сайт, чи ні

Історія про невидиму дірку в бюджеті

Уявіть: ви відкрили кав'ярню. Зробили гарний інтер'єр, найняли бариста, запустили рекламу. Люди йдуть повз, бачать вивіску, зацікавлюються і підходять до дверей. Але половина дверей не відчиняється. Просто не відчиняється, і все. Люди смикають ручку, знизують плечима і йдуть до сусіда.

Ви про це не знаєте. Бо самі заходите через ті двері, які працюють.

Саме це відбувається з вашим сайтом щодня. Тільки «зламані двері» — це мобільна версія. І «сусід» — це ваш конкурент, чий сайт на телефоні працює краще за ваш.

Цифри, які змушують зупинитись

Більше 62% усього інтернет-трафіку у світі сьогодні — це мобільні пристрої. Не «значна частина». Не «помітна тенденція». Більшість.

Але ось де стає справді цікаво: конверсія на десктопі — близько 4–5%. На мобільному — лише 1.5–3%. Тобто люди заходять із телефону частіше — але купують і залишають заявки значно рідше.

Чому такий розрив? Не тому що люди на телефоні менш готові купувати. А тому що більшість сайтів на телефоні — це катастрофа. Дрібний текст, кнопки розміром з сірникову голівку, форми, які не вміщуються в екран, меню, яке перекриває весь вміст.

Відвідувач не бореться із сайтом. Він просто закриває його.

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

Що відбувається в голові мобільного користувача

Людина з телефоном — це не людина з комп'ютером у менш зручних умовах. Це принципово інша ситуація.

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

Якщо за перші десять секунд щось не спрацювало — вона не буде розбиратись. Вона закриє і забуде. Можливо, пізніше згадає, що «десь бачила щось схоже» — і знайде конкурента.

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

П'ять ознак того, що ваша мобільна версія відлякує клієнтів

Ознака 1. Текст, який треба збільшувати Якщо на телефоні потрібно зводити два пальці, щоб прочитати основний текст — розмір шрифту замалий. Оптимальний розмір для мобільного читання — від 16 пікселів для основного тексту. Менше — і очі втомлюються, людина іде.

Перевірте просто зараз: відкрийте ваш сайт на телефоні і прочитайте перший абзац тексту не збільшуючи. Якщо доводиться напружуватись — є проблема.

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

Google рекомендує мінімальний розмір активної зони для кнопок — 48 на 48 пікселів. Якщо кнопки менші, або розташовані занадто близько одна до одної — користувач натискатиме не туди. Це дратує. Дратування вбиває конверсію.

Ознака 3. Горизонтальна прокрутка Якщо на телефоні сторінка «виїжджає» вбік і з'являється горизонтальна смуга прокрутки — це технічна помилка, яка говорить відвідувачу одне: «цей сайт не думав про мене».

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

Ознака 4. Форма, яку неможливо заповнити Форма зворотного зв'язку — це фінальний крок перед конверсією. Якщо на мобільному вона займає весь екран, поля дрібні, клавіатура перекриває кнопку відправки, а після натискання нічого не відбувається — людина не буде намагатись вдруге.

Мобільна форма має бути максимально короткою: ім'я, телефон або email, одна кнопка. Все інше — зайве тертя на шляху до заявки.

Ознака 5. Спливаючі вікна, які перекривають весь екран На десктопі попап із пропозицією підписатись виглядає як ненав'язливий блок. На мобільному він перекриває весь екран, а кнопка закриття — розміром з крапку десь у куті. Google офіційно знижує рейтинг сайтів із такими елементами в мобільній пошуковій видачі. А користувачі просто закривають сайт.

Мобільність і Google: зв'язок, про який мало хто знає

З 2019 року Google використовує «mobile-first indexing» — це означає, що пошуковий робот оцінює ваш сайт насамперед як мобільний. Якщо мобільна версія слабка — весь сайт отримує нижчий рейтинг у пошуку.

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

Ви платите за рекламу або витрачаєте час на SEO — але Google показує вас рідше, бо ваш сайт не зручний для телефону. Замкнуте коло, про яке більшість власників навіть не підозрює.

Практичний аудит мобільної версії: зробіть це сьогодні

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

Крок 1. Перевірте швидкість Зайдіть на pagespeed.web.dev, введіть адресу сайту і перейдіть на вкладку «Mobile». Оцінка нижче 70 — критична проблема. Нижче 50 — ваш сайт на мобільному фактично не працює.

Крок 2. Перевірте читабельність Відкрийте сайт на телефоні і прочитайте будь-який абзац тексту без масштабування. Якщо доводиться збільшувати — шрифт замалий.

Крок 3. Перевірте кнопки Натисніть на основну кнопку із закликом до дії. З першого разу? Легко? Якщо доводилось цілитись або натискати двічі — розмір кнопки недостатній.

Крок 4. Перевірте форму Заповніть форму зворотного зв'язку повністю — від першого поля до кнопки відправки. Зафіксуйте: скільки кроків, чи зручно, чи не перекриває клавіатура важливі елементи.

Крок 5. Перевірте горизонтальну прокрутку Проведіть пальцем вправо на будь-якій сторінці. Якщо сторінка рухається в бік — є проблема з адаптацією.

Крок 6. Перевірте меню Відкрийте мобільне меню і спробуйте перейти на три різні сторінки. Чи зручно? Чи закривається меню після кліку? Чи не займає воно весь екран без кнопки закриття?

Крок 7. Перевірте у Google Зайдіть на search.google.com/test/mobile-friendly, ознайомтесь як користуватись інструментом Lighthouse і перевірте за його допомогою свій сайт. Google сам скаже, чи вважає ваш сайт мобільним — і вкаже на конкретні проблеми.

Що робити з результатами

Якщо аудит показав одну-дві проблеми — це точкові виправлення. Поговоріть із розробником: збільшити шрифт, виправити розміри кнопок, прибрати горизонтальну прокрутку. Це питання годин роботи, а не тижнів.

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

Є просте правило, яке використовують досвідчені дизайнери: «mobile first» — спочатку проектуй для найменшого екрану, потім розширюй для більшого. Не навпаки. Бо якщо сайт зручний на телефоні — він майже завжди зручний і на комп'ютері. А от у зворотному напрямку це не працює.

І насамкінець — про гроші

Мобільна версія сайту — це не технічна деталь «для галочки». Це пряма лінія до більше ніж половини ваших потенційних клієнтів.

Кожного дня, поки ваш сайт незручний на телефоні, хтось заходить, не розбирається — і іде до конкурента. Без злості, без відгуків, без пояснень. Просто іде.

Добра новина: це одна з тих проблем, яку можна знайти, виміряти і виправити. На відміну від абстрактного «треба покращити сайт» — тут є конкретний чеклист, конкретні інструменти і конкретний результат.

Починайте з аудиту. Прямо сьогодні.

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