Мобильный сайт или нет

История о невидимой дыре в бюджете

Представьте: вы открыли кофейню. Сделали красивый интерьер, наняли бариста, запустили рекламу. Люди проходят мимо, видят вывеску, заинтересовываются и подходят к двери. Но половина дверей не открывается. Просто не открывается, и всё. Люди дергают ручку, пожимают плечами и идут к соседу.

Вы об этом не знаете. Потому что сами заходите через те двери, которые работают.

Именно это происходит с вашим сайтом каждый день. Только «сломанная дверь» — это мобильная версия. А «сосед» — это ваш конкурент, чей сайт на телефоне работает лучше вашего.

Цифры, которые заставляют остановиться

Более 62% всего интернет-трафика в мире сегодня — это мобильные устройства. Не «значительная часть». Не «заметная тенденция». Большинство.

Но вот где становится действительно интересно: конверсия на десктопе — около 4–5%. На мобильном — всего 1,5–3%. То есть люди заходят с телефона чаще — но покупают и оставляют заявки значительно реже.

Почему такой разрыв? Не потому, что люди на телефоне менее готовы покупать. А потому, что большинство сайтов на телефоне — это катастрофа. Мелкий текст, кнопки размером с головку спички, формы, которые не помещаются в экран, меню, которое перекрывает весь контент.

Посетитель не борется с сайтом. Он просто закрывает его.

И вот самое болезненное: владелец бизнеса заходит на свой сайт с компьютера. Все выглядит прекрасно. Он не знает, что половина его потенциальных клиентов каждый день видит совсем другое.

Что происходит в голове мобильного пользователя

Человек с телефоном — это не человек с компьютером в менее удобных условиях. Это принципиально другая ситуация.

Она, скорее всего, в движении. Или между делами. Или ждет чего-то и имеет две минуты. Ее внимание расдроблено, терпение минимальное, а палец — единственный инструмент навигации.

Если за первые десять секунд что-то не сработало — она не будет разбираться. Она закроет и забудет. Возможно, позже вспомнит, что «где-то видела что-то похожее» — и найдет конкурента.

Мобильный пользователь не прощает неудобств. Не потому что капризен. Потому что альтернатив — миллион, и все они на расстоянии одного свайпа.

Пять признаков того, что ваша мобильная версия отпугивает клиентов

Признак 1. Текст, который нужно увеличивать Если на телефоне нужно свести два пальца, чтобы прочитать основной текст — размер шрифта слишком мал. Оптимальный размер для мобильного чтения — от 16 пикселей для основного текста. Меньше — и глаза устают, человек уходит.

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

Признак 2. Кнопки, в которые трудно попасть пальцем Палец — это не курсор мыши. У него есть площадь, а не точка. Кнопка, которая прекрасно смотрится на десктопе, на мобильном может быть слишком мелкой, чтобы нажать ее с первого раза.

Google рекомендует минимальный размер активной зоны для кнопок — 48 на 48 пикселей. Если кнопки меньше или расположены слишком близко друг к другу — пользователь будет нажимать не туда. Это раздражает. Раздражение убивает конверсию.

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

Причина обычно проста: элемент или изображение, размеры которого заданы жестко и не адаптируются под ширину экрана. Исправляется быстро — но только если знать, что проблема есть.

Признак 4. Форма, которую невозможно заполнить Форма обратной связи — это финальный шаг перед конверсией. Если на мобильном она занимает весь экран, поля мелкие, клавиатура перекрывает кнопку отправки, а после нажатия ничего не происходит — человек не будет пытаться во второй раз.

Мобильная форма должна быть максимально короткой: имя, телефон или email, одна кнопка. Все остальное — лишнее трение на пути к заявке.

Признак 5. Всплывающие окна, которые перекрывают весь экран На десктопе всплывающее окно с предложением подписаться выглядит как ненавязчивый блок. На мобильном оно перекрывает весь экран, а кнопка закрытия — размером с точку где-то в углу. Google официально понижает рейтинг сайтов с такими элементами в мобильной поисковой выдаче. А пользователи просто закрывают сайт.

Мобильность и Google: связь, о которой мало кто знает

С 2019 года Google использует «mobile-first indexing» — это означает, что поисковый робот оценивает ваш сайт в первую очередь как мобильный. Если мобильная версия слабая — весь сайт получает более низкий рейтинг в поиске.

Проще говоря: плохой мобильный сайт не просто отпугивает посетителей. Он еще и не дает новым людям вас найти.

Вы платите за рекламу или тратите время на SEO — но Google показывает вас реже, потому что ваш сайт неудобен для телефона. Замкнутый круг, о котором большинство владельцев даже не подозревает.

Практический аудит мобильной версии: сделайте это сегодня

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

Шаг 1. Проверьте скорость Зайдите на pagespeed.web.dev, введите адрес сайта и перейдите на вкладку «Mobile». Оценка ниже 70 — критическая проблема. Ниже 50 — ваш сайт на мобильном фактически не работает.

Шаг 2. Проверьте читабельность Откройте сайт на телефоне и прочитайте любой абзац текста без масштабирования. Если приходится увеличивать — шрифт слишком мелкий.

Шаг 3. Проверьте кнопки Нажмите на основную кнопку с призывом к действию. С первого раза? Легко? Если пришлось прицеливаться или нажимать дважды — размер кнопки недостаточен.

Шаг 4. Проверьте форму Заполните форму обратной связи полностью — от первого поля до кнопки отправки. Зафиксируйте: сколько шагов, удобно ли, не перекрывает ли клавиатура важные элементы.

Шаг 5. Проверьте горизонтальную прокрутку Проведите пальцем вправо на любой странице. Если страница смещается в сторону — есть проблема с адаптацией.

Шаг 6. Проверьте меню Откройте мобильное меню и попробуйте перейти на три разные страницы. Удобно ли это? Закрывается ли меню после клика? Не занимает ли оно весь экран без кнопки закрытия?

Шаг 7. Проверьте в Google Зайдите на search.google.com/test/mobile-friendly, ознакомьтесь с тем, как пользоваться инструментом Lighthouse, и проверьте с его помощью свой сайт. Google сам скажет, считает ли ваш сайт мобильным — и укажет на конкретные проблемы.

Что делать с результатами

Если аудит выявил одну-две проблемы — это точечные исправления. Поговорите с разработчиком: увеличить шрифт, исправить размеры кнопок, убрать горизонтальную прокрутку. Это вопрос часов работы, а не недель.

Если проблем пять и больше — скорее всего, сайт изначально создавался только для десктопа, а мобильная версия есть «как получилось». В этом случае точечные исправления дадут меньший эффект, чем переосмысление структуры с мобильной точки зрения.

Есть простое правило, которое используют опытные дизайнеры: «mobile first» — сначала проектируй для самого маленького экрана, затем расширяй для большего. Не наоборот. Потому что если сайт удобен на телефоне — он почти всегда удобен и на компьютере. А вот в обратном направлении это не работает.

И наконец — о деньгах

Мобильная версия сайта — это не техническая деталь «для галочки». Это прямой путь к более чем половине ваших потенциальных клиентов.

Каждый день, пока ваш сайт неудобен на телефоне, кто-то заходит, не разбирается — и уходит к конкуренту. Без обид, без отзывов, без объяснений. Просто уходит.

Хорошая новость: это одна из тех проблем, которую можно найти, измерить и исправить. В отличие от абстрактного «нужно улучшить сайт» — здесь есть конкретный чеклист, конкретные инструменты и конкретный результат.

Начинайте с аудита. Прямо сегодня.

• Если хотите, чтобы я провел полный аудит вашего сайта — включая мобильную версию — и дал конкретный список того, что мешает конверсии, напишите мне. Разберем ваш сайт по пунктам и определим, с чего начать.