Depuis octobre 2026, chaque site web hPage est automatiquement adapté aux mobiles : tous les designs sont livrés avec une mise en page mobile, et il n’y a rien à configurer. L’ancien paramètre Design mobile n’existe plus.
Comment fonctionne la mise en page mobile
- Sur les téléphones et les tablettes, votre site web est affiché en une seule colonne : en-tête, menu et contenu les uns sous les autres. Le menu se replie derrière l’en-tête de menu de votre design et s’ouvre d’un simple toucher.
- Le contenu, les couleurs et les polices sont les mêmes que sur ordinateur. Vous modifiez vos pages une seule fois ; il n’y a pas de contenu mobile distinct à entretenir.
- Les images, les vidéos et les tableaux sont réduits à la largeur de l’écran. Les tableaux larges à largeur fixe défilent latéralement.
- La mise en page mobile s’applique aux écrans tactiles plus étroits que votre design et à tout écran de moins de 1024 pixels de large. Un ordinateur portable avec une souris et une fenêtre de navigateur plus étroite conserve le design pour ordinateur.
Vérifier votre site web sur un téléphone
- Cliquez sur Visiter le site web dans la barre latérale pour voir l’adresse de votre site web, et ouvrez cette adresse dans le navigateur de votre téléphone.
- Sans téléphone : ouvrez votre site web sur ordinateur et réduisez la fenêtre du navigateur à moins de 1024 pixels de large. La mise en page bascule vers la mise en page mobile.
- Si votre téléphone affiche encore une ancienne version, rechargez la page. Les navigateurs mobiles conservent les pages dans leur cache pendant un certain temps.
Conseils pour les images
- Vous n’avez pas besoin de redimensionner les images pour les appareils mobiles : elles sont réduites automatiquement et conservent leurs proportions.
- Gardez des fichiers de petite taille pour que les pages se chargent rapidement sur une connexion mobile. La compression des images lors du téléversement de fichiers y contribue.
- Évitez de placer du texte important dans des images : sur un petit écran, il devient difficile à lire. Rédigez plutôt le texte sous forme de texte.
- Les images flottant à gauche ou à droite du texte sont affichées plus étroites sur mobile afin que le texte tienne encore à côté.
Conseils pour les textes et les tableaux
- Rédigez des paragraphes courts et utilisez des titres ; les longs blocs de texte sont difficiles à lire sur un téléphone.
- Évitez les largeurs fixes dans votre propre code HTML (par exemple
width="800") ; utilisez des pourcentages ou aucune largeur. - Préférez les tableaux d’une largeur de 100 % ou sans largeur. Un tableau à largeur fixe défile latéralement sur mobile.
- Les mots et adresses web très longs sont coupés au bord de l’écran ; une espace ou un trait d’union offre au navigateur un meilleur endroit pour couper.