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

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

Как понять, где именно проблема

Откройте сайт с телефона в режиме «инкогнито» — это сразу исключает старый кэш и куки. Если страница не грузится совсем, дело в сервере или DNS. Если грузится, но выглядит как обычная десктопная версия без мобильной адаптации, скорее всего сломан viewport или медиа-запросы в CSS. Если сайт открывает не ту страницу или зацикливается в редиректах — проблема в правилах перенаправления между m.domain.ru и обычным доменом.

  • Проверьте страницу через инструменты разработчика в браузере (режим эмуляции мобильного устройства)
  • Посмотрите, есть ли в исходном коде тег <meta name=»viewport»>
  • Проверьте, не выдаёт ли сервер разный контент по User-Agent мобильного и десктопного браузера

Что делать, если сайт использует отдельный мобильный поддомен

Если у сайта есть отдельная версия вида m.site.ru, чаще всего проблема — в правилах редиректа на уровне .htaccess, nginx-конфига или CMS-плагина. Нужно проверить, не ведёт ли редирект в бесконечный цикл (мобильная версия перенаправляет на основную, а та обратно) и не указывает ли правило на несуществующий поддомен из-за истёкшего SSL-сертификата именно для него.

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

Что делать, если сайт адаптивный, но ломается только на телефоне

Для адаптивных сайтов (без отдельного поддомена) чаще всего виноват один из трёх пунктов:

  • отсутствует или неправильно задан viewport — сайт масштабируется как десктопный
  • в CSS есть фиксированная ширина блоков в пикселях, которая ломает адаптив на узких экранах
  • какой-то скрипт (например, тяжёлая карта или виджет) не грузится на мобильном соединении и блокирует остальную страницу

Проверить это можно, отключив JavaScript в мобильном режиме разработчика: если страница появляется — проблема в конкретном скрипте, а не во всей вёрстке.

Когда дело не в сайте, а в устройстве

Иногда «не работает» означает, что сайт не грузится только у конкретного пользователя. Стоит проверить: включён ли режим экономии трафика в браузере телефона, не блокирует ли загрузку антивирус или расширение, и открывается ли сайт через мобильный интернет и Wi-Fi одинаково — если разница есть, проблема на стороне провайдера или DNS телефона, а не сайта.

Понравилась статья? Поделиться с друзьями: