Сайт на телефоне.

Почему мобильная версия решает всё

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

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

Адаптивный дизайн вместо отдельной мобильной версии

Адаптивный сайт - это один сайт, который сам подстраивается под ширину экрана. Один адрес, один текст, одна работа по продвижению.

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

Скорость загрузки

Мобильный пользователь ждёт мгновенной загрузки и не прощает задержек: связь хуже, терпения меньше. Задержка всего в одну секунду способна снизить конверсию на 7%.

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

Проверять удобно через Google PageSpeed Insights - он и оценивает, и показывает, что конкретно тормозит.

Что обычно тормозит сайт на телефоне

• Тяжёлые картинки. Изображение под десктопный экран грузится на телефон целиком, хотя показывается втрое меньше. Помогает сжатие и современные форматы.
• Лишние запросы к серверу. Десятки мелких файлов вместо нескольких объединённых.
• Нет кеширования. При каждом визите браузер качает всё заново, даже то, что не менялось.
• Сторонние скрипты. Чаты, виджеты, счётчики - каждый добавляет задержку.

Удобство навигации на сенсорном экране

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

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

Локальный поиск

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

Телефон должен нажиматься для звонка, адрес - открывать карту. Это мелочи, которые превращают просмотр в обращение.

Что отслеживать после правок

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

Если доля мобильного трафика высокая, а доля заявок с мобильных низкая - проблема не в трафике, а в самой мобильной версии.

Частые вопросы

Сайт открывается на телефоне. Этого достаточно?

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

Нужно ли делать отдельное мобильное приложение?

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

Какая скорость загрузки считается нормальной?

Ориентируйтесь не на абсолютную цифру, а на отчёт PageSpeed Insights: он показывает и оценку, и список конкретных проблем. Начинать почти всегда стоит с картинок - это самый быстрый выигрыш.

Как проверить мобильную версию, если под рукой один телефон?

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

Что делать дальше

Откройте свой сайт на телефоне и пройдите путь клиента до конца: найти услугу, понять цену, оставить заявку. Всё, что раздражает вас, раздражает и посетителя - только он не будет терпеть.

За техническую часть и позиции отвечает SEO-продвижение. Дальше посмотрите, почему сайт не виден в поиске, и разбор юзабилити сайта.