Способы повышения мобильной дружественности сайтов

Опубликовано:

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

На что следует обратить внимание? Все очень просто – всего три пункта помогут значительно повысить мобильное юзабилити сайтов.

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

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

Проценты вместо пикселей

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

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

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

У Google есть целый раздел для веб-мастеров, где можно производить проверку мобильной адаптации сайтов. Дополнительно существует хороший онлайн-сервис, где можно наглядно посмотреть, как будет выглядеть ваш сайт на экранах большинства популярных мобильных платформ и у разных производителей устройств.

Всплывающие окна

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

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

Чем проще – тем лучше

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

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

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

Стоит ли использовать AMP?

Корпорация Google настолько сильно заботится об удобствах для пользователей смартфонов, что даже разработала свою мобильную версию HTML. Предполагается, что сайты на базе AMP будут намного быстрее и удобнее именно для мобильных устройств.

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