Как дизайн мобильного сайта влияет на посещаемость вашего сайта
Опубликовано: 2017-08-20Google собирается проверить и дизайн мобильного сайта!
Поскольку мобильные устройства стали основным способом участия пользователей во всем мире в социальных сетях, покупки товаров и выхода в Интернет, критически важным становится хороший дизайн мобильных веб-сайтов. Сегодня 77% взрослых американцев владеют смартфонами — чуть меньше, чем 78% владельцев настольных компьютеров или ноутбуков. Фактически, целых 12% американцев полностью отказались от домашнего широкополосного доступа и полностью зависят от своих смартфонов для доступа в Интернет. Благодаря тому, что миллениалы настаивают на доступном и эффективном дизайне мобильных приложений, эти цифры будут только расти.
Но мобильный веб-дизайн влияет не только на то, как ваши пользователи взаимодействуют с вашим сайтом, или на то, как часто они его используют, но и на посещаемость вашего сайта, а значит, и на ваш бизнес. Вот что вам нужно знать.
Google лидирует в разработке лучшего и более удобного мобильного UX.
Google настаивает на улучшении дизайна мобильных веб-сайтов
Для веб-разработчиков, маркетологов и оптимизаторов поисковых систем 2015 год запомнится как год Mobilegeddon. Это может быть насмешкой, но паника была реальной. 21 апреля Google выпустил свое крупнейшее обновление, предназначенное для сильного поощрения веб-сайтов, удобных для мобильных устройств, за счет снижения рейтинга тех, которые были разработаны только для настольных компьютеров. Многие предприятия оказались не готовы.
Хотя мобильный UX уже был очень важен для пользователей, многие компании все еще отставали в мобильном дизайне, потому что он не был основным фактором в рейтинге страниц Google. На сайтах, которые не предлагали адаптивный дизайн или отдельный мобильный сайт, браузеры мобильных телефонов и планшетов обнаруживали, что смотрят на то, что было в основном небольшой частью экрана монитора. Им пришлось бы щуриться, чтобы читать мелкий шрифт, и использовать горизонтальную и вертикальную прокрутку, чтобы прочитать остальную часть страницы или найти кнопки.
К счастью, Google не пытался никого застать врасплох. Они разослали сообщения через Инструменты для веб-мастеров сайтам, которые могут быть затронуты, и предоставили инструменты тестирования для проверки сайтов на наличие хорошего мобильного дизайна. И Mobilegeddon был строго пройден/не пройден. Добавьте мобильную тему, настройте макет и поздравляем — вы пережили апокалипсис!
Но Google продолжает работать над более изощренными способами взвешивания дизайна мобильных веб-сайтов в своих рейтингах. Самая большая новость — грядущий переход от индекса для настольных компьютеров к индексу для мобильных устройств. Google повторно сканирует веб-сайты и индексирует их с точки зрения мобильного пользователя. Наличие хорошего домена «m-dot» также не поможет . Google будет просматривать ваш основной домен, если он создан для мобильных устройств. Без адаптивного дизайна, который адаптируется к платформе, ваш рейтинг в Google — и ваш трафик — пострадают.
Социальные сети следуют их примеру, когда дело доходит до дизайна мобильных сайтов
Если производительность Google является самым большим фактором в привлечении трафика на ваш сайт, публикации в социальных сетях занимают второе место, привлекая 31% всего реферального трафика. И в долгосрочной перспективе они могут оказаться более важными для поддержания вашего бренда. Исследование MarketingSherpa показало, что 85% американских потребителей используют социальные сети, а 58% следят за брендами. Эти подписчики сами по себе являются отличными лидами, и они распространяют ваш бренд в своей сети, что означает больше лидов.
Трафик из социальных сетей традиционно подчиняется другим правилам, чем трафик из Google. Facebook, Twitter и Pinterest не сканируют Интернет и не индексируют каждый сайт, как это делает Google — они больше заботятся о таких факторах, как количество ваших подписчиков и то, как пользователи взаимодействуют с вашей лентой. Тем не менее, лента новостей Facebook теперь начинает отдавать приоритет сайтам, которые быстро загружаются на мобильных устройствах, учитывая как скорость сайта, так и сеть пользователя. Как и Google, они начинают с довольно простых мобильных факторов, но впереди их ждет гораздо больше.
Пользователи лучше реагируют на мобильные сайты
У пользователей мало терпения к плохому UX — на самом деле, это может вызвать у них физический стресс. Согласно отчету Ericsson Mobility Report за 2016 год, задержка в одну секунду при загрузке веб-сайта или видео приводит к увеличению частоты сердечных сокращений на 38% . Пользователи, получившие задание, демонстрировали повышенный уровень стресса, когда видео загружалось с задержкой или приостанавливалось во время воспроизведения, а множественные задержки в совокупности повышали уровень стресса. На самом деле, мобильные задержки были примерно такими же стрессовыми, как просмотр фильма ужасов, и значительно более напряженными, чем любимое всеми занятие — ожидание в очереди в магазине.
Рекомендуется для вас:
Это напрямую повлияло на вовлеченность бренда. Эрикссон измерял изменения в Net Promoter Score (NPS) — показателе вероятности того, что пользователи будут рекомендовать продукты и услуги компании. Их цель состояла в том, чтобы посмотреть, как задержки влияют на NPS для оператора мобильной связи (сильно!), но они обнаружили, что пользователи с большими задержками (шесть секунд) на самом деле лучше относились к своему поставщику услуг, чем пользователи со средними задержками (две секунды). . Причина? Они начали обвинять контент-провайдера. Другими словами, если ваш сайт загружается очень медленно, ваши пользователи перестанут ворчать на Verizon или Comcast и начнут ворчать на вас.
Это так сильно влияет на посетителей, что Google обновил свой инструмент Test My Site, чтобы сравнить вашу скорость с конкурентами и оценить, сколько трафика вы теряете из-за низкой производительности. По оценкам Google, увеличение времени загрузки страницы с одной секунды до трех секунд повышает вероятность отказа пользователей (ухода без просмотра других страниц) на 32%. Добавьте еще три секунды, и число увеличится до 106%. Эти отказы по-прежнему являются трафиком, но они не являются хорошими лидами. И если они сдадутся после ожидания загрузки вашего сайта, они, вероятно, никогда этого не сделают.
Скорость — не единственный фактор — все, что касается дизайна вашего мобильного сайта, влияет на то, как ваши пользователи взаимодействуют с вашим сайтом и сколько трафика они вам дают. В исследовании, проведенном Google и AnswerLab, участники выполняли ряд потребительских задач на разных сайтах, таких как сравнение цен, бронирование отелей и покупка продуктов на разных сайтах. Исследование объединило наблюдения испытуемых и оценки, которые они дали каждому сайту, с данными исследователей, такими как успешность и неудача выполнения задачи, а также проблемы с сайтами, чтобы создать сайт с принципами мобильного дизайна. Вот их ключевой вывод:
«Общая нить во всех разделах заключается в том, что мобильные пользователи, как правило, очень целеустремленные — они ожидают, что смогут легко, сразу и на своих условиях получить то, что им нужно, с мобильного сайта. Обеспечьте успех, разрабатывая дизайн с учетом их контекста и потребностей, не жертвуя богатством контента».
Исследование представляет собой фантастическое руководство по созданию чистого и удобного дизайна мобильных веб-сайтов. Пользователи предпочитали «короткие и приятные» меню, призывы к действию (CTA), которые были прямо перед глазами, и макет, который позволял легко вернуться к навигации и поиску на веб-сайте. Они хотели иметь возможность увеличивать изображения, не сжимая их, и им было проще работать с призывами к действию, если они не открывали новое окно браузера. Принципы дизайна сложны, но посыл ясен: если вы хотите, чтобы пользователи предоставили вам свою информацию, совершили покупку или вернулись снова, ключевым фактором является хороший мобильный UX.
Хороший дизайн может увеличить ваш трафик в геометрической прогрессии с течением времени, поскольку все больше людей просматривают ваш сайт.
Ответ на дизайн мобильного сайта создает цикл обратной связи
Глядя на каждый фактор в отдельности, легко увидеть, что удобный для мобильных устройств веб-дизайн помогает, но трудно понять, насколько это важно. Конечно, быстрая загрузка и чистый дизайн означают больше кликов и больше доверия Google, но это всего лишь один из многих факторов, верно?
Проблема в том, что просмотр, социальные сети, пользовательский опыт и трафик взаимодействуют друг с другом. Например, если вы улучшите дизайн своего мобильного веб-сайта, это поможет как вашему рейтингу в Google, так и вашему пользовательскому опыту. Это означает, что пользователи будут проводить больше времени на вашем сайте, немного больше кликать и приближаться к покупке у вас. Но это не просто дает вам больше потенциальных клиентов — это дает вашему сайту еще один импульс в глазах Google, потому что показывает им, что пользователи находят ваш сайт более ценным.
Весь этот дополнительный авторитет Google, вероятно, поднимет ваш сайт в поисковой выдаче (страницах результатов поисковой системы) на несколько позиций, что означает еще больше трафика. Наибольший прирост наблюдается на верхних позициях — мобильный CTR для верхней позиции составляет около 32,28% по сравнению с 17,9% для второй позиции. Но даже переход с 5-й на 4-ю позицию заметно повышает CTR (с 5,81% до 7,99%). Это улучшит внешний вид вашего сайта для Google, увеличит количество кликов и т. д.
Все чаще мы будем наблюдать такое же явление в социальных сетях. Лучший мобильный дизайн немного повышает рейтинг, что увеличивает трафик, что снова повышает рейтинг. В дополнение к статистике взаимодействия, такой как «лайки» и комментарии, Facebook уже учитывает, сколько времени вы тратите (или сколько времени, по их прогнозам, вы потратите), решая, что вам показать. Сделайте свой сайт более удобным для мобильных устройств, и пользователи будут проводить на нем немного больше времени, отправив еще несколько подписок, комментариев и лайков: по-вашему, а это значит, что Facebook покажет ваш сайт большему количеству людей. Стирать, полоскать, повторять.
Каким бы инновационным ни было ваше приложение или особенный продукт, дизайн вашего веб-сайта для мобильных устройств играет огромную роль в том, как вас видят пользователи (и Google) . Приложите усилия, чтобы получить отзывы пользователей, протестируйте их, настройте, протестируйте и снова настройте, и это принесет вам нужные лиды.
[Это сообщение впервые появилось на Proto.io и воспроизведено с разрешения.]