Дизайн и конверсия

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

Константин, Ижевск 1,3 тыс. просмотров

Клиенты жалуются, что мой сайт для доставки цветов на телефоне открывается как обычная десктопная версия - всё мелкое, приходится увеличивать пальцами. Как включить нормальную мобильную версию? Это отдельная настройка или надо что-то менять в самом сайте?

Дмитрий Акиндинов разработчик лендингов, 15 лет практики

ответил

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

Причина обычно в мета-теге viewport: без строки width=device-width в коде страницы браузер телефона показывает сайт как уменьшенную копию десктопной версии - именно то поведение, которое вы описываете. Это одна строка в HTML-коде, но добавить её можно, только если есть доступ к самому коду сайта.

Если сайт собран на конструкторе вроде Tilda или Wix, адаптивность там встроена по умолчанию, и проблема, скорее всего, в отдельном блоке - например, вставленном через HTML-код виджете без своего viewport. Если сайт делался на заказ без адаптивной вёрстки, разовой настройки не хватит: страницу нужно пересобирать под мобильные экраны, начиная с сетки и размера кнопок под палец, а не только с масштаба текста.

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

Подробный разбор Сначала телефон, потом компьютер: как это меняет макет лендинга
Не нашли свой вопрос

Задайте его напрямую

Отвечаю сам, на почту, обычно в тот же день. Разбор самых частых вопросов потом попадает в этот раздел.

Похожие вопросы

Все вопросы темы "Дизайн и конверсия"

Помогу выбрать

Сомневаетесь — напишите, разберёмся за 10 минут

Расскажете про ваш бизнес и задачу — подскажу, что нужно: лендинг, многостраничник или вообще не сайт. Без обязательств, бесплатно.

Отвечаю в течение 15 минут в рабочее время (будни 11:00–20:00 МСК). Если удобнее e-mail: 9123578@gmail.com

Telegram TG MAX MAX Звонок