Comment changer le favicon ou l’image qui s’affiche dans l’onglet du navigateur ?

Points clés
• Le favicon se change depuis les paramètres du site
• L’Editor ne permet pas cette modification, seul le Designer le permet
• Une image carrée et optimisée garantit un rendu net
• La mise à jour peut prendre quelques minutes selon les navigateurs

Le favicon est la petite icône qui apparaît dans l’onglet du navigateur, dans les favoris ou dans l’historique. Sur un site hôtelier, il contribue fortement à votre identité visuelle : il renforce la reconnaissance de votre marque et donne un aspect professionnel à votre site. Bonne nouvelle, il est simple à mettre à jour.

Voici comment faire proprement.

Modifier le favicon depuis les paramètres du site (Designer)

Le favicon ne se change pas dans l’Editor.
La modification se fait dans le Designer, au niveau des paramètres globaux du site.

Procédure :

1. Ouvrez le Designer.
   
   
2. En haut à gauche, cliquez sur Settings (ou Paramètres du site).
   
   
3. Dans le menu latéral, ouvrez l’onglet Branding.
   
   
4. Cherchez la section Favicon.
   
   
5. Cliquez sur Upload.
   
   
6. Importez votre nouvelle icône.
   
   
7. Enregistrez et Publish.
   
   

💡 Une fois publié, le favicon peut mettre quelques minutes à apparaître en raison du cache du navigateur.

Format et taille recommandés pour un favicon hôtelier

Pour un rendu net et professionnel :
• Format recommandé : PNG ou ICO
• Taille : 32 × 32 px ou 64 × 64 px
• Forme : carré
• Fond : transparent si possible
• Poids léger pour un chargement rapide

💡 Évitez les images trop détaillées : elles deviennent illisibles à petite taille.

Comment vérifier que le nouveau favicon s’affiche bien ?

Après publication :

1. Ouvrez votre site dans un nouvel onglet.
   
   
2. Rafraîchissez plusieurs fois (Cmd/Ctrl + Shift + R).
   
   
3. Testez en navigation privée.
   
   
4. Vérifiez sur mobile si le favicon apparaît comme icône web.
   
   

💡 Les navigateurs gardent souvent l’ancien favicon en cache : il faut parfois patienter quelques minutes.

Mettre à jour l’image d’aperçu (Open Graph)

Si vous voulez également modifier l’image qui apparaît lors d’un partage sur :
• Facebook
• LinkedIn
• WhatsApp
• iMessage

Il s'agit de l’image Open Graph (OG).

Elle se modifie dans le même espace :

1. Ouvrez Designer → Settings → SEO.
   
   
2. Ajoutez votre image OG (1200 × 630 px recommandé).
   
   
3. Sauvegardez et publiez.
   
   

💡 Cette image n’est pas le favicon, mais elle est tout aussi importante pour renforcer la présence digitale de votre hôtel.

Points d’attention importants

Pour un résultat optimal :
• Testez plusieurs versions du favicon pour vérifier la lisibilité
• Assurez-vous que l’image ne contient pas trop de texte
• Préférez un symbole, une initiale ou un élément graphique simple
• Vérifiez l’affichage sur Chrome, Safari, Firefox et Edge

Sur mobile, le favicon peut également servir d’icône lors de l’ajout du site à l’écran d’accueil. Il doit donc être parfaitement net.

Conclusion

Changer le favicon ou l’image affichée dans l’onglet du navigateur est simple : l’opération se fait dans les paramètres globaux du Designer, et non dans l’Editor. En utilisant une image carrée, optimisée et lisible à petite taille, vous renforcez l’identité visuelle et la crédibilité de votre site hôtelier. La mise à jour peut nécessiter un rafraîchissement du cache, mais le changement est généralement visible rapidement.