Мобильный одностраничный сайт который не убивает желание купить

Мобильный трафик растёт и занимает около 25% от посещений одностраничного сайта, раньше потеря была незначительной, сейчас это каждый 4 или 5 пользователь

Список самых смертельных ошибок в мобильной версии одностраничного сайта, ошибки мобильного дизайна и мобильной верстки, которые убивают конверсию мобильного трафика — самое время обратить на это внимание

Закажите недорогой одностраничный сайт компании

Желание — это самое главное. Когда человек хочет, то он делает всё, чтобы этого достичь, несмотря на преграды

Какие плюсы от наличия мобильной версии?

Мобильный одностраничный сайт который не убивает желание купить
  • Во-первых, поисковые системы отдают предпочтения в выдаче. Так google помечает сайты отметкой «Mobile friendly».
  • Во-вторых, пользователям удобно просматривать ваш сайт с разных устройств.

Для этого, мобильная версия обязана работать исправно на всех типах мобильный устройств, включая мобильные телефоны и планшеты с разными диагоналями экранов. Независимо от платформы, производителя или браузера. Да, это очевидно, но всё же это важнейший критерий.
Есть хороший сервис ipadpeek.com для проверки сайта на разных устройствах. Заметьте, что это не модуляция мобильного телефона, а просто подгонка под размер его экрана.

Проверить мобильную версию сайта на удобство и скорость загрузки можно через Google сервис. Рекомендации по скорости можно соблюдать до оценки 90, дальше они теряют актуальность.

Какие неудобства на мобильной версии одностраничника

Какие неудобства на мобильной версии одностраничника
  • Слишком длинные формы захвата

    Это настоящий убийца конверсии на любом сайте! Особенно к этому чувствительны мобильные версии, так как заполнять анкеты на телефоне, крайне, не удобно. Избавляйтесь от них.

  • Номер телефона компании указан без +7 или в виде картинки

    Это просто адский ад! Есть особое место в аду для таких сайтов, когда вместо 1 клика требуется запоминать номер и потом самостоятельно его вводить. Чёрт! А если я еду за рулем?

  • Использование Flash на сайте или контент, который нельзя воспроизвести на мобильном

    Желательно для мобильной версии полностью исключить такой контент. Он не будет нормально работать и вызовет много трудностей у посетителей. Видео не пойдет, игра не заиграет, а особая анимация в меню разъест мозг. Яблочные устройства ios вообще не поддерживают Flash анимацию. Удаляйте лишнее, зачем усложнять просмотр.

  • Виджеты и поп-апы на сайте, которые не адаптированы под мобильные

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

  • Слишком мелкий шрифт и отсутствие отступов

    Важный текст не должен быть менее 16px и убедитесь, что межстрочный интервал не превращает текст в единую кашу. Не забудьте про отступы. Минимум 15 px от края экрана. Часто, контент прилипает к самому краю экрана, что портит внешний вид:

  • Кнопки и ссылки, которые не дружат с тач-скрином

    Кнопка «купить» или «оставить заявку» должна быть не только заметной, но и удобной для тач-касания пальцем.

    Хотя пальцы у всех разные, есть рекомендации от производителей. Например, компания Apple призывает по iPhone Human Interface Guidelines использовать размер тач-элемента минимум 44px на 44px. Microsoft гайдлайн рекомендует размер 34px, а минимально допустимый 26px.

  • Долгая загрузка сайта

    Еще один пункт, который может понизить конверсию одностраничного сайта. Проблема скорости характерна для всех устройств, но наиболее актуальной она становится для мобильных пользователей. По важности скорость для них идет сразу после понятного интерфейса: если пользователь смог разобраться, какую кнопку ему нажать для совершения покупки, то следующим подводным камнем будет время ожидания этой самой кнопки на экране телефона.

    Для справки: 1 секунда задержки «стоит» порядка 3-7% конверсии сайта (10 секунд «стоит» 20-40%). Если сайт загружается 15 секунд и более, то ускорение до 3-5 секунд повысит конверсии на те самые 20-40 пунктов

    Существуют 3 ключевые проблемы скорости сайта — это размер, расстояние и виджеты. Обычно, для мобильного пользователя не требуются какие-то специальные эффекты на сайте, подойдет обычная верстка сайта без «наворотов». Дополнительно экран мобильного телефона, чаще всего, обладает низким разрешением, поэтому для мобильных пользователей можно «отгружать» меньшие по размеры изображения (и использовать более прогрессивный формат, например, WebP).

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

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

  • Ошибочный редирект

    Естественно, что все мобильные пользователи должны попадать на мобильную версию сайта, но случаются типичные ошибки в редиректе. Например, как бывает?

    Пользователь ищет конкретный товар в Яндексе и переходит к вам. Система определяет заход с мобильного телефона и перенаправляет на главную страницу мобильной версии, а не нужную клиенту. Приходится заново искать этот товар на сайте или попробовать уйти к конкурентам.

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

5 советов по увеличению мобильной конверсии

5 советов по увеличению мобильной конверсии

Мобайл сегодня составляет большую часть трафика на E-commerce сайтах. Именно поэтому необходимо предоставить пользователям все необходимые условия, чтобы обеспечить конверсию.

Чтобы помочь специалистам по электронной коммерции понять, как улучшить опыт взаимодействия на мобильных устройствах, Econcultancy изучили 15 популярнейших ритейл сайтов с точки зрения покупателей, использующих смартфоны.

Это исследование выявило более 120 различных преград на пути к конверсии мобильного трафика, а также позволило собрать воедино лучшие решения, использованные на таких сайтах как Amazon, Argos, Schuh и Tesco Direct.

Ниже вы найдете краткий список наиболее интересных находок:

  • 50% пользователей не смогли добиться нормальной загрузки главной страницы B&Q.
  • 25% пользователей не могли нормально пользоваться поиском на сайте Sports Direct.
  • 67% сайтов, по мнению пользователей, грузились слишком долго.
  • 100% пользователей столкнулись с проблемами при оформлении заказа на River Island.
  • 50% пользователей не смогли без проблем создать аккаунт на сайте Boots.
  • 63% пользователей обратили внимание, на ошибки в верстке контента на Paperchase.

5 лучших практических решений

А теперь приведем 5 лучших практических решений, которые позволили ритейлерам увеличить мобильную конверсию

1. Позвольте пользователям контролировать вывод товаров

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

И хотя все сайты, которые тестировали, поддерживали фильтры и сортировку товаров на страницах каталогов, стоит обратить внимание на две распространённые проблемы:

Фильтры и сортировка не работали, как нужно, на пяти из протестированных сайтов.
Фильтры работали не так, как хотели пользователи.

2. Формы на сайте должны быть максимально простыми

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

Поэтому ритейлерам стоит обратить свое внимание на то, как обычные люди взаимодействуют с формами на сайтах.

Мы обнаружили множество областей, где взаимодействие с пользователями мобильных устройств могло бы быть улучшено:

  • Повторный ввод email и пароля.
  • Автоматическое переключение на заглавные буквы, что приводит к ошибке при сверке введенных данных.
  • Выпадающий список при указании страны, состоящий из более 200 пунктов отсортированных по алфавиту.
  • Поле дня рождения (к счастью, оно не является обязательным, но это все равно еще одно поле).

3. Поиск адреса магазина – это важно

Хотя, казалось бы, этот пункт не должен вызывать проблем, мы увидели, как пользователи столкнулись с множеством сложностей. А вот Schuh тут справился на отлично (попробуйте сами на своем телефоне – справитесь одной рукой).

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

Посмотрите (и послушайте), как нелегко приходится пользователю на сайте Boots.

4. Оптимизируйте к мобильным устройствам каждую страницу – это путь к победе

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

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

Это легкая возможность увеличить конверсию для ритейлеров: большая часть сайта уже оптимизирована для мобильных устройств – оптимизируйте до конца, не теряйте пользователей, которые случайно могут загрузить полноразмерную версию.

5. Стремитесь к высокой скорости

Больше половины протестированных сайтов так или иначе имели проблемы с производительностью – даже несмотря на то, что все пользователи подключались к сайтам по WiFi.

Проблемы, с которыми мы столкнулись, заключаются не просто в размере страниц.
Мобильные устройства куда более чувствительны к CSS и Javascript коду, который не был достаточно оптимизирован – в результате загрузка и рендер страницы занимает много времени, даже если сам размер страницы (в кб) не такой уж большой.

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

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

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

10 причин заняться мобильным продвижением

10 причин заняться мобильным продвижением
  1. Google

    В сентябре американская версия главного поисковика всея интернета изменила принцип выдачи результатов при запросах с мобильных устройств. Теперь приоритет в выдаче отдается страницам в формате AMP. Сервис Google Accelerated Mobile Pages позволяет создавать легкие и быстро загружающиеся страницы. Таких страниц уже 600 млн. Нет никаких причин думать, что этот тренд не дойдет до России. Ваш сайт должен обязательно иметь мобильный аналог.

  2. Китайская бизнес-интуиция

    Напомните, какая там самая быстро развивающаяся экономика мира? Правильно, китайская. А чем сейчас заняты китайские инвесторы? Они судорожно скупают успешные компании, специализирующиеся на мобильном маркетинге. В конце сентября вот купили AppLovin за 1,42 млрд. долларов.

  3. Новая аудитория

    19% аудитории Рунета выходят в сеть только с мобильных устройств. Да. Никакого десктопа. И их все больше. Без мобильного маркетинга вы рискуете потерять большую часть потенциальных клиентов.

  4. Мобильный шоппинг

    “Вот было бы здорово, если бы зрители видели рекламу и сразу же покупали товары”, — думали несчастные ТВ рекламщики. В интернете все зачастую так и работает: реклама — клик — покупка. Уже сейчас 22% всех покупок в интернете совершается через смартфоны. Как правило, это не самые серьезные и достаточно импульсивные траты. Мобайл-шоппинг позволяет экономить время и набирает все большую популярность от года к году.

  5. Геотаргетинг

    В любой непонятной ситуации — гуглить. Что бы вам ни пришло в голову, рука сама тянется к смартфону — проверить, как быстро это можно реализовать. Более четверти пользователей регулярно используют смартфон для поиска информации о товарах и услугах неподалёку. Это тот самый момент, когда пользователи не отмахнутся от вашего объявления, а сами будут рады увидеть его. Мобайл продвижение позволяет без больших затрат привлечь потенциальных клиентов, находящихся поблизости.

  6. Новые возможности соцсетей

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

  7. Другая степень эффективности

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

  8. Двойной эффект

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

  9. Дешевле, чем сейчас, не будет никогда

    Реклама в Facebook подорожала в несколько раз за последние годы, фактически, без какой-либо причины. Так же будет и с мобильной рекламой. Рано или поздно ее будут заказывать все, но пока есть возможность сделать это дешевле.

  10. Интимность

    Мобильный маркетинг это наиболее персонализированная форма маркетинга. Люди относятся к мобильным устройствам иначе, чем к десктопу. Смартфон это и рабочий инструмент, и средство самовыражения, и вообще самый близкий человеку предмет. Через мобильные устройства реклама подбирается максимально близко к потребителю.

Закажите недорогой одностраничный сайт компании

Особенности создания продающего одностраничного сайта компании
Как заказать дизайн одностраничника и подготовить ТЗ самостотельно

Есть вопрос по этой теме? Давайте его обсудим!

1 371