Когда сайт не работает на телефоне, сперва определите характер проблемы: он вообще не открывается (ошибка соединения или сертификата), открывается, но выглядит сломанным (вёрстка не адаптирована под мобильные), или открывается, но им невозможно пользоваться (мелкий текст, неотзывчивые кнопки, вечная загрузка). У каждой группы свои причины и своя починка. Быстрый тест: откройте сайт на телефоне через мобильный интернет и через Wi-Fi, затем на компьютере в режиме эмуляции смартфона (F12 - значок устройства).

Почему это важно. Больше половины визитов на сайты в Беларуси приходит со смартфонов, а Google оценивает и ранжирует сайты по мобильной версии (mobile-first индексация). «На компьютере же всё работает» - больше не аргумент: для поиска главная версия сайта - мобильная.

Сайт совсем не открывается на телефоне: что проверить

  1. Сравните Wi-Fi и мобильный интернетЕсли через Wi-Fi открывается, а через мобильную сеть нет (или наоборот), проблема в сети или DNS, а не в самом сайте. Подождите обновления DNS или пройдитесь по общему чек-листу из статьи «Сайт не открывается».
  2. Прочитайте текст ошибки«Соединение не защищено» - проблема SSL-сертификата: мобильные браузеры строже настольных, и сертификат без полной цепочки на телефоне падает, а на компьютере прощается.
  3. Попробуйте другой мобильный браузерChrome, Safari, встроенный браузер оболочки. Если ошибка только в одном - дело в его настройках или кэше.
  4. Очистите кэш мобильного браузераСтарый редирект или битая страница могли закэшироваться. После чистки зайдите на сайт заново.
  5. Отключите блокировщики и VPNРежим экономии трафика, блокировщик рекламы или VPN на телефоне иногда режут скрипты и стили, без которых сайт не собирается.

Сайт открывается, но вёрстка сломана: признаки отсутствия адаптива

  • Горизонтальная прокрутка - страницу приходится двигать пальцем вбок
  • Мелкий шрифт - текст читается только с увеличением
  • Кнопки не нажимаются - элементы слишком мелкие или стоят вплотную
  • Блоки наезжают друг на друга - колонки не перестраиваются под узкий экран
  • Попап перекрывает экран - баннер или чат открылся, а кнопка закрытия за пределами экрана
  • Страница выглядит уменьшенной копией десктопа - в шаблоне нет метатега viewport

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

Последствия для продвижения. Неадаптированный сайт теряет дважды: поисковики занижают позиции в мобильной выдаче, а реклама сжигает бюджет впустую - клики с телефонов есть, заявок нет. Если вкладываетесь в SEO или контекстную рекламу, мобильная версия - первое, что стоит проверить.

Адаптируем сайт под смартфоны

Проверим мобильную версию на реальных устройствах, переверстаем проблемные блоки и ускорим загрузку. Смета бесплатно за 1 день, без переделки сайта с нуля.

Настроить мобильную версию

Почему сайт на телефоне грузится медленно или зависает

Смартфон слабее компьютера, а мобильный интернет нестабильнее провода. Поэтому тяжёлый сайт, который на десктопе «терпимо тормозит», на телефоне не грузится вовсе: гигантские картинки, десяток скриптов чатов и аналитики, тяжёлые шрифты и слайдеры. Проверьте сайт в Google PageSpeed Insights: у сервиса отдельная оценка для мобильных, и она всегда ниже десктопной. Как читать отчёт и что чинить в первую очередь - разобрали в статье о PageSpeed.

Совет. Откройте в Яндекс Метрике отчёт по устройствам. Если отказы со смартфонов в полтора-два раза выше, чем с компьютеров, мобильная версия теряет клиентов прямо сейчас. Это самый честный индикатор - надёжнее любых «вроде нормально выглядит».

Как протестировать мобильную версию самостоятельно

  • Режим устройства в браузере - F12 и значок телефона: быстрый просмотр страниц в разных разрешениях
  • Реальный бюджетный смартфон - эмулятор не покажет тормоза слабого процессора, берите не флагман
  • PageSpeed Insights - оценка скорости и конкретные подсказки, что исправлять
  • Вебвизор в Метрике - записи визитов со смартфонов показывают, где посетители застревают

Сколько стоит адаптация сайта под мобильные

Точечные правки вёрстки (меню, формы, карточки товаров) - от 100-200 BYN. Полная адаптация шаблона возрастного сайта - от 500 BYN. Если сайту больше 8-10 лет и шаблон технически устарел, иногда выгоднее собрать новый: разработка сайта на свежем шаблоне закрывает заодно скорость и безопасность. Что выгоднее в вашем случае, скажем после бесплатного аудита: смета за 1 день, цифры фиксируем в договоре.

Частые вопросы про сайт на телефоне

Почему сайт открывается по Wi-Fi, но не через мобильный интернет?
У мобильного оператора свой DNS и кэш: после переезда сайта обновления доходят до него позже. Иногда виноват IPv6: сайт по нему не отвечает, а мобильная сеть пробует его первым. Если через сутки не открылся - пишите хостеру.
Нужна ли отдельная мобильная версия или хватит адаптива?
Адаптив - современный стандарт: один сайт, одна база, один адрес. Отдельная мобильная версия на поддомене - устаревший путь с дублями контента и двойной поддержкой. Выбирайте адаптив.
Сайт на конструкторе плохо выглядит на телефоне - это чинится?
Только в рамках возможностей конструктора: настройки блоков, порядок секций, скрытие лишнего. Полный контроль над мобильной версией даёт лишь собственный сайт на CMS. Если конструктор упёрся в потолок, посчитаем переезд на 1С-Битрикс.
Как быстро поиск заметит, что мобильная версия починена?
После переобхода страниц: от нескольких дней до пары недель. Ускорьте процесс через переобход в Яндекс Вебмастере и запрос индексирования в Search Console. Поведение посетителей и конверсия рекламы улучшаются сразу.

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