Accents visuels : Comment optimiser l'utilisation de vos images
Une image vaut mille mots – c'est particulièrement vrai pour votre site web. Que vous souhaitiez présenter des produits, introduire votre équipe ou susciter des émotions : avec le Kopage Website Builder, vous insérez des images et des galeries de manière intuitive par glisser-déposer.
Conseil de performance : Utilisez des images optimisées pour le web (JPG/PNG/WebP, env. 100–300 Ko). Cela garantit des temps de chargement ultra-rapides et des visiteurs satisfaits.
1. Insérer une image unique
- Cliquez sur le bouton Modifier (icône crayon) de la page souhaitée.
- Sélectionnez l'élément Image dans la liste.
- Cliquez sur Browse/Upload pour télécharger une image ou choisir une photo dans votre médiathèque.
- Après l'insertion, vous pouvez ajuster la taille, l'alignement et le style directement dans l'éditeur.
2. Créer des galeries d'images professionnelles
Si vous souhaitez présenter plusieurs images, l'élément Galerie est le meilleur choix :
- Ajoutez un nouveau bloc de contenu via + Content.
- Choisissez Gallery comme type d'élément.
- Téléchargez vos photos via Manage Gallery. Vous pouvez modifier l'ordre simplement par glisser-déposer.
3. Personnaliser le design et le style
Effets & Bordures
Ajoutez des ombres ou arrondissez les angles pour un look moderne.
Ajoutez des ombres ou arrondissez les angles pour un look moderne.
Interaction
Activez l'effet de zoom (Lightbox) pour que les images s'agrandissent au clic.
Activez l'effet de zoom (Lightbox) pour que les images s'agrandissent au clic.
Arrière-plans
Utilisez des images comme arrière-plans plein écran pour certaines sections.
Utilisez des images comme arrière-plans plein écran pour certaines sections.
4. SEO & Accessibilité (Textes Alt)
Pour que les moteurs de recherche comprennent vos images et que les lecteurs d'écran puissent les décrire, vous devez attribuer des Textes Alt :
- Cliquez sur l'image insérée et choisissez Edit Image.
- Saisissez une description courte et concise sous Alt Text (par ex. "Exemple de design web moderne CURIAWEB").
Conclusion : Avec des images attrayantes, votre site paraît immédiatement plus professionnel. Kopage s'occupe de l'aspect technique pour que vous puissiez vous concentrer pleinement sur le design.
Prochaine étape : Découvrez tout sur les bases du SEO dans Kopage.
