×
Россия +7 (495) 139-20-33

На что обратить внимание при оптимизации мобильного сайта?

Россия +7 (495) 139-20-33
Шрифт:
6 8926

Сегодня, пожалуй, нет смысла напоминать, что наличие адаптации под мобильные устройства – обязательное условие успеха сайта. Ведь мы живем в мире мобильных устройств. Так, в России, по данным TNS, со смартфонов и планшетов в интернет выходят 11,8 млн пользователей. И за год их количество увеличилось на 90%.

mobile-rif.png

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

  • Адаптивная верстка.
  • Динамический контент.
  • Мобильный URL.

Вот как Google характеризует в своем руководстве каждый из типов сайтов:

mobile-tab.PNG

Google рекомендует использовать адаптивную верстку.

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

Оптимизируем мобильный сайт

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

Итак, при работе над мобильным сайтом необходимо помнить о трех основополагающих моментах:

  • Используйте ограниченное пространство экрана максимально эффективно.
  • Сократите выбор.
  • Обратите внимание на скорость.

Для реализации этих моментов предлагаем вам провести на сайте следующие эксперименты:

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

mobile-1.png

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

Сократите количество полей для заполнения. Количество полей для заполнения обратно пропорционально коэффициенту конверсии. И это правило работает со всеми устройствами, в первую очередь – с мобильными. Так что при оптимизации мобильного сайта стоит пожертвовать, например, физическим адресом пользователя, если, конечно, вам не придется туда что-то доставлять, или созданием аккаунта.

mobile-2.png

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

Увеличьте оставшиеся кнопки CTA. Итак, у нас остались только ключевые кнопки из серии «Добавить в корзину» и «Оформить заказ». Постарайтесь сделать так, чтобы они были заметными и достаточно большими, чтобы пользователь мог попасть по ним с первого раза.

mobile-3.png

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

Разместите кнопку поиска на видном месте. Любой юзабилити-специалист скажет, что форма поиска обязательно должна быть расположена на видном месте. Это касается и мобильных сайтов. Чтобы пользователи не тратили драгоценное время на «поиск поиска», убедитесь, что вы разместили строку в верхней части меню или в верхней правой/левой области шапки сайта.

Что я делаю не так?

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

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

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

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

mobile-4.png 

Неудобные веб-формы. Ждете покупок от мобильного сайта? Тогда сначала убедитесь, что страница покупки оформлена должным образом. Помните, что у мобильных пользователей нет ни желания, ни возможности совершать весь набор операций, который доступен в десктопной версии.

Отсутствие кнопки «Позвонить». Мобильный сайт пользователи открывают с телефона. А с телефона принято и удобно звонить. Так что вы можете существенно облегчить жизнь пользователей и увеличить шансы на конверсию, просто разместив заметную кнопку «Позвонить».

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

mobile-5.png

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

Вместо заключения

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

(Голосов: 5, Рейтинг: 5)
Читайте нас в Telegram - digital_bar

Есть о чем рассказать? Тогда присылайте свои материалы Ане Макаровой


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
  • Илья Репин
    1
    комментарий
    0
    читателей
    Илья Репин
    больше года назад
    1. Совет про размещение товаров на главной странице.... ээээ... не совсем умный. На главную страницу попадает весьма ограниченная доля посетителей сайтов - торговать с нее нет смысла, у нее другая "цель"
    2. Гугл может и "рекомендует использовать адаптивную верстку", но активно продвигает вариант "Мобильный ur" - свою систему  АМР.
    -
    0
    +
    Ответить
  • Гостьдмитрий
    больше года назад
    Вам бы сначала над своим сайтом поработать, я сейчас с телефона сижу, читать статью невозможно... Сапожники без сапог...
    -
    3
    +
    Ответить
  • Slam
    больше года назад
    Вот бы еще для контентных проектов были бы кейсы, цены бы Вас не было.
    А то все посвящено ИМ, а вот информацию по контентным сайтам, аналитике и прочим вещам найти очень сложно и информации кот наплакал :(
    -
    2
    +
    Ответить
    • Tatyana Tikareva
      2
      комментария
      0
      читателей
      Tatyana Tikareva
      Slam
      больше года назад
      согласна. рассмотрите, пожалуйста, больше темы информационных сайтов и сайтов услуг. Это актуально. А то одни интернет - магазины...
      -
      1
      +
      Ответить
    • Дарья Калинская
      249
      комментариев
      0
      читателей
      Дарья Калинская
      Slam
      больше года назад
      Slam, все будет, честно-честно. Как раз работаем над этим. Спасибо за обратную связь :)
      -
      0
      +
      Ответить
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
«Юзабилити-лаборатория»: оставляйте заявку на участие!
Анна Макарова
381
комментарий
0
читателей
Полный профиль
Анна Макарова - Антон, добрый день! Ваш сайт не попал в основную выборку для юзабилити-анализа, но эксперты постараются сделать по вашему сайту видеоразбор (ю-ревью). Будем держать вас в курсе )
Тест по SEO – проверь свой уровень знаний
Артем Дорофеев
8
комментариев
0
читателей
Полный профиль
Артем Дорофеев - Полный текст вопроса со скриншотом панели прикладываю. Итого, что имеем: - на скриншоте отмечено, что это фильтр МПК - сайт коммерческий - рекламы на сайте нет С вероятностью 95% это ошибка (которая уже дважды случалась в Яндексе), когда они случайно "закосили" неповинные сайты. Тогда по запросу Платону фильтр быстренько снимали. Но вопрос даже не на знание этого нюанса. В любой непонятной ситуации, прежде чем что-либо предпринимать (особенно переписывать весь контент на сайте или менять дизайн, как указано в других вариантах) - фильтр следует подтвердить. Правильный ответ: "Написать письмо в техподдержку Яндекса".
Кейс: как за 30 дней вывести новый сайт в ТОП выдачи Google
Сергей
2
комментария
0
читателей
Полный профиль
Сергей - Прошёл у Паши курс год назад, пытался продвигать свой сайт portativ.org.ua, но особых продвижений нет. Наверное сео уже умерло??
Выбираем CMS для сайта с точки зрения SEO: базовые требования
SEO.RU
6
комментариев
0
читателей
Полный профиль
SEO.RU - Спасибо за замечание, действительно была допущена неточность - возможно информация была не так давно обновилась. Данные в статье поправим на актуальные.
Digital-marketing: как выжить в кризис. Опыт реальной компании
Maks
1
комментарий
0
читателей
Полный профиль
Maks - Спасибо за опыт Вашей компании, Иван Папусь. Интересно получилось! Желаю Вашему бизнесу стабильности и успешно пережить все кризисы))
100+ ресурсов по SEO для изучения поисковой оптимизации с нуля
Марина Ибушева
0
комментариев
0
читателей
Полный профиль
Марина Ибушева - Спасибо за добавление. Мы уже работаем над отдельным материалом про курсы, потому что одной статьи мало, чтобы охватить все крутое по обучению)
SEO must go on! Почему в кризис нельзя останавливать продвижение сайта
everystraus
43
комментария
0
читателей
Полный профиль
everystraus - Мы даже варианты не рассматривали. Если проект неустойчив, сразу предлагали сбавить обороты до минимума, но и так, чтоб не свалиться в штопор. Именно по СЕО чаще всего.
Как стандартизировать данные семантики с помощью логарифмов
Юлий
1
комментарий
0
читателей
Полный профиль
Юлий - Чем снималась коммерцелизация?
Платные и бесплатные курсы по SEO и интернет-маркетингу для новичков и опытных специалистов
Алексей Терещенко
1
комментарий
0
читателей
Полный профиль
Алексей Терещенко - Запустил бесплатный марафон для SEO специалистов с нуля в Фейсбуке. Рекомендую начинать совой путь с него и дальше уже определятся, нравится направление или нет. Так же на базе обучающего марафона есть сообщестово в котором все в удобном формате общаются и постигают профессию. Моя миссия - создать сообщество крутых и образованых seo специалистов и поднять качество услуг на высокий уровень. Кому интересно, присоеденяйтесь www.facebook.com/groups/startseofree/
Гайд по работе с освобождающимися доменами: перехват, восстановление, создание сетки и заработок
Daniel Dan
1
комментарий
0
читателей
Полный профиль
Daniel Dan - Интересно и полезно читать, Спасибо!
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
381
Комментариев
373
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
141
Комментариев
121
Комментариев
113
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
89
Комментариев
80
Комментариев
77
Комментариев
67
Комментариев
60
Комментариев
60
Комментариев
59
Комментариев
57

Отправьте отзыв!
Отправьте отзыв!