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

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

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

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

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

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

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

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

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

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