Женщина стоит на остановке и ищет, где подстричься. Находит сайт салона, открывает — страница уезжает вбок, текст мелкий, кнопка «Записаться» где-то внизу и не нажимается с первого раза. Она закрывает вкладку и открывает следующий результат. Весь эпизод занял восемь секунд, и салон о нём никогда не узнает.
Это не история про красоту дизайна. Это про заявку, которая не дошла, — и таких заявок не видно ни в одном отчёте, потому что человек не оставил следа.
В статьях про мобильные сайты любят приводить доли трафика и проценты отказов. Эти цифры собраны на других рынках и другими способами, а у вашей парикмахерской или автосервиса картина своя. Полезнее посмотреть собственные данные: в любой аналитике есть разбивка по типам устройств и — что важнее — доля дошедших до заявки в каждой группе.
Именно вторая цифра всё объясняет. Если с компьютеров до формы доходит заметно большая доля посетителей, чем с телефонов, при одинаковом интересе, — проблема не в спросе, а в том, как страница ведёт себя на маленьком экране. Как поставить такой отчёт, разбирали отдельно — в материале про аналитику сайта и заявок.
Проблемы почти всегда одни и те же, и каждая стоит заявок.
Текст, который приходится увеличивать. Человек разводит пальцы, страница прыгает, он теряет место, где читал. Два-три таких цикла — и он уходит.
Кнопки, в которые не попасть. Ссылка, рассчитанная на курсор, пальцем нажимается со второго раза, а промах ведёт не туда.
Горизонтальная прокрутка. Таблица цен или широкая картинка выходят за край, и страницу приходится двигать вбок. Это ощущается как поломка.
Долгая загрузка. Чаще всего виноваты фотографии: снимок прямо с камеры весит несколько мегабайт, а на странице их десяток. На домашнем Wi-Fi незаметно, на мобильном — критично.
Спрятанное главное. Телефон и кнопка заявки оказываются под описанием компании. На компьютере это видно сразу, на телефоне — после десяти прокруток.
Человек, который ищет услугу с телефона, обычно ищет её на сегодня или на завтра. Он в дороге, в перерыве, в очереди. Ему нужна стрижка, эвакуатор, ветеринар, доставка — и нужна сейчас.
Это выгодный клиент: он уже решил и выбирает исполнителя. Но терпения у него меньше всего — разбираться в вашей навигации он не станет.
Отсюда простое правило для мобильной версии: на первом экране должно быть то, ради чего человек пришёл. Что вы делаете, сколько это стоит и как с вами связаться. Всё остальное — ниже. Что именно выносить наверх в разных нишах, разбирали в материале про форму заявки на сайте.
Адаптивный сайт — это одна и та же страница, которая перестраивается под ширину экрана. На компьютере блоки стоят в несколько колонок, на телефоне выстраиваются в одну. Шрифты и кнопки увеличиваются до размера, рассчитанного на палец. Таблицы прокручиваются внутри себя, а не тянут за собой всю страницу.
Содержимое при этом не урезается: отдельная «мобильная версия» с сокращённым текстом — плохая идея и для пользователя, и для поиска. Сайты на DNR.GURU адаптивны по умолчанию, заказывать и настраивать это отдельно не нужно. Что проверить перед публикацией — в чек-листе запуска сайта.
PWA — это набор технологий, позволяющих сайту вести себя ближе к приложению. На DNR.GURU он встроен. Что он реально делает:
Значок на домашнем экране. Посетитель может добавить вашу страницу на экран телефона и открывать её одним касанием, без браузера и набора адреса. Для постоянных клиентов — заметная разница.
Кеширование. При повторном открытии часть данных берётся с устройства, а не из сети. На нестабильном мобильном интернете это чувствуется сразу.
Уведомления специалисту. О новой записи или заявке можно получать уведомление на телефон, не держа открытой вкладку.
Доступ к части кабинета без сети. Расписание и список записей, загруженные ранее, остаются видны при пропавшем интернете.
Крупные поисковые системы оценивают и индексируют сайт в первую очередь по тому, как он выглядит и работает на смартфоне. Мобильное удобство — один из факторов, влияющих на позиции. Сайт, который безупречен на компьютере и разъезжается на телефоне, проигрывает именно в мобильной выдаче, откуда и приходит основная часть посетителей у большинства локальных услуг.
Отдельно учитывается скорость загрузки и то, не прыгает ли содержимое при открытии. Это не придирка: человек чувствует это физически, когда жмёт кнопку, а она уезжает вниз из-за подгрузившейся картинки. Как устроено продвижение по городу и району — в разборе про локальное SEO для бизнеса.
Мысль «нам нужно приложение» приходит почти каждому, кто видит клиентов в телефонах. Для малого бизнеса она обычно преждевременна: приложение надо разработать, опубликовать, поддерживать под две платформы — и уговорить установить. Человек, которому нужна стрижка один раз, приложение парикмахерской ставить не станет.
Сайт открывается по ссылке из поиска, мессенджера или объявления, скачивать нечего. А постоянным клиентам он всё равно предложит значок на домашнем экране — почти то же самое, без магазина и обновлений.
Последний пункт самый неприятный и самый полезный. Владелец обычно смотрит свой сайт на новом телефоне с хорошей связью и не видит того, что видит половина клиентов.
Если сайт на конструкторе платформы, раскладка под телефон уже собрана, и остаётся содержимое: сжать фотографии, сократить текст на первом экране, вынести наверх цены и кнопку. Как оформить услуги и стоимость — в материале про модуль услуг и цен, а зачем это бизнесу — в статье зачем бизнесу сайт.
Адаптивная раскладка и PWA включены по умолчанию. Заявки приходят в Telegram. Бесплатно.
Создать сайт бесплатно