Modifier les images d’une page Webflow
Étapes pour modifier une image dans Webflow Editor
Points clés
- Accédez à votre site via Webflow Editor
- Remplacez facilement une image existante
- Ajoutez un texte alternatif pour le SEO
- Publiez vos modifications en ligne
Pour mettre à jour une image sur votre site Webflow sans passer par le Designer, suivez ces étapes simples. Cet article s’adresse aux équipes marketing d’hôtels souhaitant garder leur site à jour sans support technique.
1. Connectez-vous à Webflow Editor
Ouvrez la page publique de votre site Webflow et cliquez sur Login (Editor) dans la barre inférieure.
2. Localisez l’image à modifier
Survolez l’image que vous souhaitez remplacer. Une icône Image ou Edit apparaît au survol.
3. Remplacez l’image
Cliquez sur l’image > sélectionnez Replace Image.
Choisissez une nouvelle image depuis votre ordinateur ou votre bibliothèque Webflow.
💡 Astuce : utilisez des images compressées au format WebP pour un chargement rapide.
4. Ajoutez un texte alternatif (alt text)
Dans la fenêtre de paramètres, renseignez un texte descriptif clair (par ex. “Façade de l’hôtel de nuit à Paris”). Cela améliore le référencement et l’accessibilité.
5. Enregistrez et publiez
Cliquez sur Publish en haut à droite pour appliquer vos changements en ligne.
Bonnes pratiques
- Taille d’image conseillée : 1200 px max, <300 Ko.
- Nom du fichier : descriptif et lisible (ex. hotel-chambre-deluxe-paris.webp).
- Format recommandé : WebP ou JPG optimisé.
- Cohérence visuelle : respectez la charte graphique de votre établissement.
- Accessibilité : n’intégrez pas de texte important directement dans l’image.
Erreurs fréquentes
- Remplacer une image sans publier → le changement ne s’affiche pas.
- Oublier le texte alternatif → perte de points SEO et accessibilité réduite.
- Charger une image trop lourde → ralentit la vitesse du site.
- Coller une image depuis Word → perte de qualité et incohérences de style.
Conclusion
Mettre à jour une image dans Webflow Editor est un moyen rapide et sécurisé de garder votre site hôtelier attractif et performant. En suivant ces bonnes pratiques, vous améliorez à la fois l’expérience utilisateur et votre référencement naturel.
Articles associés
- Modifier un bouton dans Webflow Editor
- Mettre à jour un texte dans Webflow Editor