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

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

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

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

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

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

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

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

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

 

Leave your feedback on this topic here

If you have questions or need support, please visit the Plesk forum or contact your hosting provider.
The comments below are for feedback on the documentation only. No timely answers or help will be provided.