Optimiser un site Web pour les périphériques mobiles

Ajuster l'apparence et le contenu du site

Si vous suivez les recommandations ci-après, l'apparence de votre site Web sera optimisée pour les périphériques mobiles.

  • Placez le menu de navigation et les modules de recherche en haut de la page.
  • N'utilisez pas de grandes bannières en haut de la page.
  • Placez le contenu principal en haut de la page.
  • N'utilisez pas de barres latérales.
  • Utilisez une structure claire et des titres distincts pour votre contenu.
  • N'insérez pas de grandes images ou de grands tableaux dans votre texte.
  • N'utilisez pas d'images en arrière-plan.
  • N'utilisez pas de conteneur avec une largeur fixe (spécifiquement définie).
  • N'utilisez pas d'éléments décoratifs comme des bordures, des ombres et des angles.
  • Essayez d'utiliser uniquement des modules Texte & Images.
  • Évitez les pages de deuxième et de troisième niveau.
  • Essayez d'utiliser des images de petite taille, en pixels comme en volume. 
Activer et désactiver les optimisations mobiles

Lorsque les utilisateurs accèdent à un site Web depuis un périphérique mobile, Presence Builder adapte automatiquement la mise en page et la navigation du site pour les petits écrans. Presence Builder ajoute également des liens au site afin que les utilisateurs puissent passer facilement de la version normale du site Web à la version mobile.

Si vous voulez désactiver ces optimisations automatiques et présenter la même version du site quel que soit le périphérique utilisé, allez sous l'onglet Paramètres > Avancé et désactivez la case Optimiser l'affichage du site Web sur les périphériques mobiles.

Prévisualiser un site sur un périphérique mobile

Si vous souhaitez avoir un aperçu de l'apparence de votre site sur un périphérique mobile, ouvrez le menu à côté du bouton Publier et sélectionnez Aperçu mobile.

Remarque : même si vous pouvez voir des pages protégées par mots de passe sans saisir vos identifiants d'accès avec l'aperçu mobile, les visiteurs sur votre site mobile doivent insérer leurs identifiants pour accéder à ces pages.

 

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.