Оптимизация сайтов для мобильных устройств

Редактирование структуры и контента сайта

Чтобы сайт лучше смотрелся на мобильных устройствах, соблюдайте следующие рекомендации:

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

Включение и отключение мобильной оптимизации

Когда пользователи открывают сайт на мобильном устройстве, Presence Builder автоматически корректирует его структуру и навигацию под маленький экран. Также при этом появляются ссылки, позволяющие переключаться между мобильной и обычной версией сайта.

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

Предпросмотр сайта на мобильных устройствах

Если вы хотите посмотреть, как ваш сайт будет выглядеть на мобильном устройстве, откройте меню рядом с кнопкой Опубликовать и выберите Мобильная версия.

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