АДАПТАЦИЯ САЙТА ПОД МОБИЛЬНЫЕ УСТРОЙСТВА

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

С 21 апреля 2015 года компания Google начала полноценно использовать mobile-friendliness (адаптированность сайта под мобильные устройства), как критерий для ранжирования.
В западных медиа уже успели окрестить апдейт «мобайлгеддоном» — предполагается, что в ближайшее время он очень сильно повлияет на выдачу в мобильном поиске.
Как минимум, в поиске может появиться больше результатов по мобильным приложениям, а веб-сайты, которые не оптимизированы под мобильные устройства, сильно опустятся в результатах поиска.
Мы отдаём сайт только при положительном результате проверки теста GOOGLE на мобильность.

ДЛЯ ЧЕГО НУЖНА АДАПТАЦИЯ САЙТА

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

ДО

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

ПОСЛЕ

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

НЕСКОЛЬКО ФАКТОВ О САЙТАХ БЕЗ МОБИЛЬНОЙ ВЕРСИИ

  • Ухудшение позиций сайта в выдаче поисковых систем
    Уход пользователей с сайта, не адаптированного под мобильные устройства, передает статистику алгоритмам поисковых систем о том, что данный сайт неудобен для пользователей, в связи с чем его позиции начинают снижаться.
  • Снижение конверсии посетителей сайта в клиентов
    Также напрямую связано с удобством сайта. Если сайт неудобен, то найти на нем нужную информацию намного сложнее и не нужно, т.к. в ТОП-10 поисковых систем есть еще 9 сайтов с более удобным и понятным интерфейсом.
  • Снижение трафика с поиска
    Снижение происходит непосредственно из-за того, что сайт все реже начинает транслироваться в выдаче поисковых систем.
  • Уход пользователей с сайта
    По данным исследования Google и Calltouch 50% потенциальных клиентов покидают сайт, не адаптированный под мобильные устройства.
Что вы получите адаптировав сайт под мобильные устройства?
Гибкий интерфейс
Ваш сайт научится подстраиваться под размер экрана пользователя
Признание поисковых систем
Поисковые системы учтут повышение качества сайта, трафик вырастет
Лояльность посетителей
75% интернет-пользователей выходили онлайн с помощью мобильных устройств
Рост конверсии и продаж
Рост общей конверсии до 40%, а конверсии с мобильных устройств до 80%

СЧИТАЕТЕ ЧТО МОБИЛЬНЫХ ЗАХОДЯТ РЕДКО?

Посмотрите на статистику с сервиса liveinternet, это общие данные собранные с десятков тысяч сайтов категории "Товары и услуги". Более 50% посещений происходит с мобильных устройств!

ГЛАВНЫЕ ПРИНЦИПЫ АДАПТАЦИИ САЙТА

Мобильное меню
Значок меню в виде 3 полосок - прочно укрепившийся стандарт, при нажатии на него открывается многоуровневое меню "выезжающее" слева, также возможны и другие варианты открытия
Ширина сайта
Адаптируем верстку таким образом чтобы информация не выходила за границы экрана мобильного устройства и отображалась без горизонтальной прокрутки
Шрифты
Рекомендации отличаются в зависимости от используемой операционной системы, однако в любом случае размер букв должен быть удобным для чтения

Найдете где адаптированный сайт, а где обычный?

ТОНКОСТИ АДАПТАЦИИ САЙТА

МАКСИМАЛЬНАЯ ИНФОРМАТИВНОСТЬ

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

РАЗМЕР ШРИФТА ОСНОВНЫХ ХАРАКТЕРИСТИК

В важных текстах размер шрифта делаем не менее 16 пунктов

МЕЖСТРОЧНОЕ РАССТОЯНИЕ

Делаем комфортное для чтения межстрочное расстояние

ОТСТУПЫ

Контент не должен быть "приклеен" к краям экрана

РАЗМЕРЫ КНОПОК И ССЫЛОК

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

ПРАВИЛЬНЫЕ ТИПЫ ПОЛЕЙ

Устанавливаем правильные типы полей для ввода информации.

ПОСЛЕДНИЕ РАБОТЫ