Еще недавно свой сайт рекомендовалось иметь любой фирме. Сейчас же не просто рекомендуется, а обязательно иметь сайт, адаптированный под мобильные устройства. Объем трафика с них превышает оный со стационарных компьютеров, поэтому такое подстраивание под сегодняшние технические реалии не кажется прихотью или небольшим преимуществом в конкурентной борьбе. Теперь это необходимость, ибо иначе эта самая борьба может быть благополучно проиграна. В этой статье мы расскажем, каким образом можно приспособить лендинг для мобильных устройств, чтобы посетителям было проще и удобнее.
Это ключевой параметр, так как если сайт открывается дольше пяти секунд, то вероятность того, что пользователь не захочет дожидаться, возрастает многократно. Для измерения скорости открытия сайта существуют различные сервисы. Кроме того, подсказать может и Google Analytics. Нужные данные можно посмотреть в сводках, где предварительно настраиваются виджеты «Время загрузки страницы»:
Что можно сделать, что увеличить скорость:
Подробнее об увеличении скорости открытия страниц можно прочитать здесь.
И в Яндекс.Метрике, и в Google Analytics есть отчеты об устройствах, с которых к вам заходят на сайт, а также о том, какие там установлены расширения. Проанализировав самые популярные варианты, вы можете поэкспериментировать с размерами сайта и посмотреть, как на это откликнется целевая аудитория.
Оформляя сайт, подумайте, насколько человеку будет удобно взаимодействовать с активными элементами. Это не компьютер, где все управляется мышкой, тут нужно кликать пальцами, и если кнопки расположены неудобно, то по ним просто не будут нажимать.
Лучше всего движения пальца по экрану отражает следующая тепловая карта. Она показывает область, на которую нажимает большой палец правой руки, и как она менялось по мере увеличения размера экрана (в данном случае, экрана айфона).
Чтобы форму было проще заполнить, нужно прикрутить к ней клавиатуру.
Чтобы облегчить заполнение соответствующих полей, используйте код:
<input type=»tel» />
<input type=»email» />
Это сделает пользование вашим сайтом гораздо более удобным.
Если вы просто уменьшите ваш сайт, который пользователи видят на экранах компьютера, до размера экрана смартфона — это будет не лучшим решением. Дизайн мобильного лендинга может быть даже не похожим на своего «старшего брата», главное здесь — удобство, поэтому простым переносом дело не решается, над мобильным дизайном надо поработать.
То же касается и расположения главных элементов, например оффер на экране мобильного девайса должен располагаться сразу на первом экране, это даже важнее, чем в случае с десктопной версией.
Если лендинг очень длинный, то листать его не удобно. Опять таки, с компьютером проще, там все скроллится мышкой, на телефоне же могут возникать трудности, поэтому полезным ходом будет закрепление навигационной панели вверху экрана.
Думаем, вы сами обращали на это внимание: мобильная версия сайта выстраивает все элементы в один столбец: и картинки, и текст, и форма. Это сделано не случайно. Если бы все элементы сайта были расположены вразнобой, как на версии для компьютера, это бы многократно усилило вероятность заблудиться на сайте.
Как видите, эти способы хоть и универсальны, однако предполагают некоторое тестирование. Так что адаптируя лендинг под экраны мобильных гаджетов, не бойтесь экспериментировать и искать лучшие варианты.
Корректировки ставок в Яндекс.Директе — это инструмент, которого часто достаточно для того, чтобы полностью перенастроить рекламу и изменить структуру трафика,…
Планирование контекстной рекламы неизбежно упирается в возможности бюджета. Вариантов настройки — масса. Есть множество способов скомбинировать форматы рекламы, ключевые слова,…
В Яндекс.Метрике появилась сквозная аналитика, с помощью которой теперь можно объединить показатели сайта с оплаченными заказами из CRM и отслеживать…
Типичная ситуация при запуске рекламы: заказчик называет рекламный бюджет (сколько есть, сколько не жалко и так далее) и специалист начинает…
В контекстной рекламе в 2020-м году все было, как обычно, неспокойно. Старые методы теряют эффективность, новые оставляют вопросы и требуют…
Отчет «Поисковые запросы» в Яндекс.Директе — один из основных инструментов, который маркетологи используют, чтобы сократить количество нецелевых показов и кликов…