Нажимая «Принять» или продолжая просматривать сайт, вы даете согласие на использование cookie в вашем браузере. Узнайте про настройку и использование этих данных в Cookie Policy
Принять

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

Если ваш веб-ресурс не оптимизирован под мобильные устройства, то вы теряете аудиторию. И это факт. Что же именно дизайн и разработка сайтов упускают, если не берут во внимание мобильную оптимизацию?
Доступность смартфонов и планшетов, ориентированность операторов мобильной связи на пакеты, рассчитанные в первую очередь на активных пользователей интернета, большой процент покупок или заказа услуг, оформленных именно с телефонов или планшетных компьютеров — всё это диктует новые правила для владельцев сайтов.

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

И это факт.


Что же именно дизайн и разработка сайтов упускают, если не берут во внимание мобильную оптимизацию?

Сейчас поисковые системы активно используют системы ранжирования сайтов, оптимизированных под мобильные устройства — например, поисковый алгоритм Google Mobile Friendly или «Владивосток» от Яндекса.

то означает, что ваш сайт из ТОП-10 по Яндексу или Google может легко уйти на 2-3 страницу выдачи и дальше, если потенциальный посетитель захочет найти его через поисковик смартфона или планшета.

По данным той же компании «Яндекс» среди более 1 млн. популярных веб-сайтов рунета в 2016 г. лишь 18% отвечали требованиям мобильной оптимизации. Фактически, каждый пятый сайт терял позиции в выдаче и не показывался пользователям в ТОПе поисковой системы.

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


Разработка дизайна сайта: основные задачи мобильной оптимизации

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

Скорость загрузки страниц

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

А если есть выбор (выбор всегда есть, поскольку есть конкуренция), то будет ли потенциальный посетитель вашего сайта ждать загрузку? Ответ очевиден — он скорее всего перейдет на другой сайт.
На что влияет скорость загрузки страницы сайта
Просмотр содержимого сайта на мобильном устройстве должен быть удобным

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

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

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

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

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

  • у сайта должна отсутствовать горизонтальная прокрутка (верстка и, соответственно, весь контент должен быть оптимизирован для показа на экране мобильного устройства);
  • на сайте должны отсутствовать элементы, не работающие на популярных мобильных платформах (например, флеш-ролики);
  • размеры основных элементов должны соответствовать размеру экрана устройства (кнопки, ссылки, переходы и т.д.).
Мне бы только посоветоваться
Консультация
Получить консультацию за деньги
Если отсутствует мобильная оптимизация

При отсутствии мобильной оптимизации сайта вы теряете:

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

Все крупнейшие веб-ресурсы рунета, следящие за тенденциями в развитии мобильных технологий, давно либо запустили мобильную версию сайта, либо провели соответствующую оптимизацию даже при наличии собственных мобильных приложений на устройства Android и iOS в Google Play и App Store.

Стоит задуматься: включают ли ваши разработка и дизайн сайта мобильную оптимизацию или вы продолжаете терять аудиторию, клиентов и прибыль?
Профессиональный UX дизайнер
Маруся
Art Director, Facebook
Другие статьи
Все статьи
Не любите говорить по телефону?
Напишите нам в мессенжер или оставьте заявку
Не любишь людей?
Facebook like gif
Хаб полезной информации и счастья
Именно тут сапожник делает себе сапоги, а также обучает этому других!
Как сделать цепляющий пост в Instagram
Как набрать подписчиков в TikTok
Как раскрутиться в TikTok
Как настроить рекламу в YouTube
Дизайн рекламы для социальных сетей