Оптимизация сайтов для мобильных устройств
Редактирование структуры и контента сайта
Чтобы сайт лучше смотрелся на мобильных устройствах, соблюдайте следующие рекомендации:
- расположите меню навигации и поисковые модули вверху страницы;
- не используйте большие баннеры вверху страницы;
- расположите основной контент ближе к верху страницы;
- не используйте боковые панели;
- убедитесь, что контент имеет понятную структуру и отчетливые заголовки.
- не вставляйте в текст широкие картинки и таблицы;
- не используйте картинки в качестве фона;
- не используйте контейнеры с фиксированной шириной;
- не используйте визуальные эффекты, такие как границы, тени и углы;
- старайтесь использовать только модули Текст и графика;
- старайтесь не использовать страницы второго и третьего уровня;
- старайтесь использовать картинки как можно меньшего размера.
Включение и отключение мобильной оптимизации
Когда пользователи открывают сайт на мобильном устройстве, Presence Builder автоматически корректирует его структуру и навигацию под маленький экран. Также при этом появляются ссылки, позволяющие переключаться между мобильной и обычной версией сайта.
Если вы хотите отключить мобильную оптимизацию, чтобы сайт отображался одинаково независимо от устройства, откройте вкладку Настройки > Дополнительно и уберите галочку Оптимизировать сайт для мобильных устройств.
Предпросмотр сайта на мобильных устройствах
Если вы хотите посмотреть, как ваш сайт будет выглядеть на мобильном устройстве, откройте меню рядом с кнопкой Опубликовать и выберите Мобильная версия.
Обратите внимание, что хотя при мобильном предпросмотре запароленные страницы показываются без ввода логина и пароля, в реальности для их просмотра нужно будет указать логин и пароль.