Когда сайт обсуждают с дизайнером, его обычно смотрят на большом экране ноутбука. Но реальный посетитель чаще всего открывает тот же сайт на телефоне, в дороге, одной рукой. Если на мобильном пользоваться сайтом неудобно, владелец об этом просто не узнает - клиент молча уйдёт.
Адаптивность - это не приятная мелочь, а базовое требование. Разберём, почему мобильная версия сегодня важнее десктопной.
Сколько людей заходит с телефона
Для большинства сайтов малого и среднего бизнеса доля мобильного трафика давно превышает половину, а в ряде ниш - например, услуги, общепит, локальный сервис - доходит до семидесяти и более процентов.
Это значит, что мобильная версия - это не дополнение к основному сайту, а основной сайт для большинства посетителей. Десктоп в этой логике становится вторым по важности.
Что такое адаптивность
Адаптивный сайт автоматически подстраивается под размер экрана: меняется расположение блоков, размер шрифта, ширина изображений, кнопки становятся достаточно крупными для нажатия пальцем.
Это не отдельная мобильная копия сайта, а один сайт, который корректно выглядит и на телефоне, и на планшете, и на большом мониторе. Современный сайт правильно делать сразу адаптивным.
Как мобильная версия влияет на поиск
Google оценивает сайты в первую очередь по их мобильной версии. Если на телефоне сайт грузится медленно, текст мелкий, а кнопки наезжают друг на друга, поисковик понижает такой сайт в выдаче.
- Неудобный на мобильных сайт теряет позиции даже при хорошем контенте
- Мобильная скорость загрузки напрямую влияет на ранжирование
- Ошибки вёрстки на телефоне поисковик фиксирует и учитывает не в вашу пользу
Как адаптивность влияет на конверсию
Даже если человек дошёл до сайта, неудобная мобильная версия его остановит. На телефоне у пользователя меньше терпения: мелкий текст, который приходится увеличивать пальцами, форма, которую неудобно заполнять, кнопка, в которую сложно попасть - всё это поводы закрыть вкладку.
- Кнопка заявки должна быть крупной и заметной без прокрутки вниз
- Формы - короткими, с минимумом полей для ввода с телефона
- Телефон и адрес - кликабельными, чтобы звонок и маршрут открывались в одно касание
- Текст - читаемым без увеличения, изображения - без горизонтальной прокрутки
Что делать владельцу бизнеса
Проверить свой сайт несложно: откройте его на телефоне и попробуйте пройти путь клиента - найти услугу, узнать цену, оставить заявку. Если что-то раздражает или требует усилий, то же самое чувствуют ваши посетители.
Если сайт делался давно и не адаптировался под мобильные, это уже стоит вам клиентов. В Enternet мы проектируем сайты сразу от мобильной версии, потому что именно с неё начинается знакомство большинства посетителей с вашим бизнесом.