Comment gérer les images ou vidéos dans une collection CMS
Pourquoi bien gérer les médias dans vos collections
Points clés
• Les images et vidéos enrichissent vos contenus hôteliers
• Une gestion correcte garantit une mise en page propre et performante
• Les champs CMS dédiés permettent un affichage dynamique et cohérent
Les images et vidéos jouent un rôle essentiel dans l’attractivité d’un site hôtelier. Qu’il s’agisse de mettre en valeur vos chambres, vos espaces communs, une offre spéciale ou un événement, une gestion efficace des médias dans vos collections CMS garantit une expérience fluide et immersive pour vos visiteurs.
Pour commencer, vérifiez que votre collection CMS inclut bien des champs dédiés aux médias : Champ Image pour vos visuels, Champ Vidéo ou URL vidéo pour des intégrations externes. Ces champs permettent d’associer un média à chaque élément sans manipulations complexes dans la mise en page.
Lorsque vous ajoutez un nouvel item, importez vos images directement dans le champ prévu. Respectez des dimensions adaptées (généralement autour de 1200px de large pour conserver une qualité optimale sans alourdir la page) et veillez à compresser vos fichiers pour améliorer les performances du site hôtelier.
💡 Astuce : utilisez des images au format WebP lorsque cela est possible. C’est un format léger, idéal pour réduire les temps de chargement tout en conservant une bonne qualité.
Les vidéos peuvent être gérées de deux façons. Soit vous utilisez un champ de type “URL vidéo” pour intégrer des liens YouTube, Vimeo ou autre plateforme, soit vous ajoutez un champ riche si votre environnement le permet. Privilégiez toujours l’intégration externe pour éviter des fichiers trop lourds et optimiser la vitesse de chargement.
Sur vos pages dynamiques, sélectionnez le composant Image ou Vidéo puis connectez-le au champ CMS correspondant via l’option “Get image from CMS” ou “Get video from CMS”. Cela garantit que chaque page affiche automatiquement les médias associés à l’item sans configuration supplémentaire.
Si vous souhaitez afficher plusieurs images pour une chambre ou une offre, créez une galerie en ajoutant plusieurs champs image ou en utilisant une collection liée (ex : une collection “Galerie de chambres” associée à votre collection “Chambres”). Cette méthode permet de créer des sliders ou des galeries dynamiques parfaitement adaptées au contenu.
Pour optimiser encore davantage, pensez à renseigner systématiquement les textes alternatifs (alt text) pour chaque image. Cela améliore l’accessibilité et contribue au référencement naturel de votre site hôtelier.
Enfin, testez toujours l’affichage sur différents appareils — ordinateur, tablette, mobile — pour vérifier que vos images et vidéos s’adaptent correctement aux formats responsive. Un média mal dimensionné peut provoquer un décalage dans la mise en page.
Conclusion
Gérer efficacement les images et vidéos dans une collection CMS est essentiel pour offrir un site hôtelier élégant, performant et professionnel. Grâce à des champs dédiés, une optimisation des fichiers et une bonne structure dynamique, vos médias s’affichent automatiquement et de façon cohérente sur toutes vos pages.