[alcest]

Недавно аналитики сервиса StatCounter заявили, что в 2018 году десктопы уступили мобильным устройствам с показателем 45%. То есть, 55% всего трафика идет с мобильных устройств. Это достаточно тревожный сигнал для интернет-предпринимателей, которые должны убедиться, что их сайты пригодны для комфортного и быстрого серфинга на мобильных устройствах.

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


1. Длинная лид-форма

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



В качестве примера рассмотрим форму Ситибанк и Тинькофф, где четко видно как грамотно Тинькофф собирает лидов и как бездумно работает Ситибанк.

Маркетологи Тинькофф изрядно поработали, разбив форму на четыре шага. Если пользователь заполнит всего четыре поля, то он автоматически становится лидом, а если уйдет на втором или третьем шаге, то введенные данные останутся у банка. Почему бы не позаимствовать такое решение. Верно?

2. Не кликабельный номер телефона

Что по вашему лучше - кликнуть по номеру телефона в шапке сайта или запомнить номер, а потом его вручную ввести? А если потенциальный клиент находится за рулем? Это самая распространенная ошибка многих интернет-магазинов, которую в срочном порядке нужно исправить!



3. Использование тяжелого флэш-контента

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



4. Неадаптированные виджеты

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

Перед установкой того или иного виджета проверьте - его работоспособность на мобильных устройствах.

5. Мелкие шрифты

Размер шрифта для заголовков и цен должен быть не менее 15х, интервал между строк не должен превращать описание товара в какую-то кашу.

Также не забывайте про отступы - минимум 15рх по всем краям экрана. Если контент находится возле самых краев экрана, это затрудняет потребление контента и ухудшает юзабилити сайта.



6. Совместимость с тачскрином

Бывает случаи, когда CTA-элементы (купить, подписаться, позвонить, добавить в закладки) крайне неудобны для касания пальцем. Несколько лет назад компания Apple призвала интернет-предпринимателей использовать размер CTA-элементов минимум 44рх на 44рх.

Результат на лицо:



7. Медленная загрузка страниц

Недавно компания по оптимизации веб-проектов Айри.рф заявила, что 1 секунда ожидания пользователя может стоит около 4% конверсии, а 10 секунд все 40%. Поэтому целесообразно обеспечить быструю скорость загрузки абсолютно всех страниц сайта, исключив использование тяжелых виджетов, изображений в формате png и gif-анимации.

Проверить скорость можно на таких веб-сервисах, как Google PageSpeed Insights, GTmetrix, SiteSpeed.me, WebPage Analyzer и др.

8. Включение набора цифр.

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

На портале ionicframework размещается этот самый скрипт и пример того, как он будет работать.



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