L’importance de bien travailler ses visuels pour un site web attractif
L'importance des images et photos de qualité
pour créer un site internet attractif
Comme le web devient de plus en plus visuel, la qualité des images que vous utilisez sur votre site internet et la manière dont vous les affichez prend de l’importance. Vous n’avez que quelques secondes pour attirer l’attention de vos visiteurs. De beaux visuels sont l’un des meilleurs moyens pour donner envie aux internautes de naviguer sur votre site internet. Votre diaporama ou aussi appelé « slideshow » permet de travailler la communication visuelle de votre page d’accueil. C’est un très bon outil pour capter l’attention de vos futurs acheteurs et rendre attractif votre site e-commerce ou site internet vitrine. Il est donc essentiel de soigner l'affichage de vos images.
Selon une étude sur la psychologie du consommateur e-commerce
![]() |
52% des acheteurs quittent le site et n'y retournent pas parce-qu'ils n'apprécient pas son esthétique.
|
Nos conseils pour des visuels aussi beaux que pertinents
pour votre boutique en ligne ou site internet vitrine
Les premiers visuels qui apparaissent en page d'accuel sont généralement ceux d'un diaporama.
Un diaporama est un ensemble de diapositives ou visuels s'affichant successivement pendant quelques secondes, généralement sur la page d'accueil de votre site de vente en ligne ou vitrine. Un diaporama vous permet ainsi de présenter visuellement un nouvel article, une promotion, une actualité, une marque, un message...
Exemple d'un visuel de diaporama pour la boutique en ligne "Les Filles de Tartempion" : www.lfdtandco.com
#1. Choisir une image ou une vidéo pour votre diaporama
Pour dynamiser l'affichage de votre site internet ou boutique en ligne, vous avez la possibilité de choisir entre une image ou une vidéo. Grâce à la solution Shop Application, il est très facile d'intégrer votre image ou vidéo, comme ci-dessous.
Afin de favoriser la navigation de vos pages internes, n'oubliez pas d'ajouter un lien d'une de vos pages à votre image.
![]() |
Exemple de diaporama avec une vidéo en page d'accueil du site internet de Guyot Bois Energie
#2. Penser à diminuer le poids de vos images et photos
Pour une meilleure expérience des internautes, équipés majoritairement de mobile, il est préconnisé de réduire le temps de téléchargement de votre site internet, alors veillez à intégrer une image ou une vidéo qui ne soit pas trop lourde en poids. Il est tout à fait possible d'afficher de grandes images de diaporama de qualité à moins de 250 Ko.
Vous pouvez également convertir vos images au format WebP, préconisé par Google, il permet de réduire leur poids.
Consultez notre actualité consacrée au [+] format WebP.
#3. Astuces pour le référencement naturel (SEO) de vos images et photos
![]() |
1. Renommer le fichier image en incluant des mots clés stratégiques séparés par des tirets - (de la touche 6). 2. Intégrer un texte alternatif ou attribut ALT, cela correspond plus à une phrase décrivant l'image plutôt qu'à une succession de mots clés. 3. Rédiger une légende sous forme de phrase.
Il est très fréquent que ces optimisations SEO ne soient pas mises en place sur les images et photos. Ce travail d'optimisations des images est nécessaire pour bénéficier d'un trafic potentiel sur votre site internet en provenance de "Google Images", particulièrement utile pour des secteurs où le visuel est important comme la décoration, photographie, mode...
|
#4. Créer un message fort pour chaque image de diaporama
Vous devez avant tout garder à l'esprit qu'une image = une idée. Voici des propositions de messages qui peuvent être mis en avant.
![]() |
|
#5. Intégrer à son site internet des images épurées et de qualité
Optez pour des images claires afin de capter l'attention de vos visiteurs sur votre message principal. Elles doivent être attractives mais aussi adaptées à votre objectif, celui de séduire rapidement vos futurs acheteurs. De belles photos à trouver sur notre site partenaire,fotolia.fr.
#6. Mettre des boutons d'action et liens vers ses pages internes
Il est important de faire de chacune de ces images un point d'entrée vers des pages internes de votre site internet. Comme vu ci-dessus, il est très simple d'ajouter un lien via l'interface d'administration de Shop Application. Vous pouvez intégrer à vos visuels des boutons d’action pour rendre votre affichage plus dynamique.
#7. Comment construire votre image de diaporama pour votre site internet ?
Une image de qualité qui illustre de manière très claire votre domaine d'activité ou votre message.
Un message fort : le texte doit être court, pas plus d'une dizaine de mots.
Un bouton d'action : cliquable qui renvoit vers une page interne de votre site internet : page de produit, rubrique, service...
Exemple d'un visuel de diaporama avec les principaux éléments pour le site de vente la Bicyclette Verte
#8. Selon votre message, utilisez la zone de réassurance de votre site internet
Si vous souhaitez communiquer sur vos méthodes de livraison et de paiement, vos services, privilégiez votre zone de réassurance.
En revanche, il peut être intéressant d'utiliser votre module de diaporama pour mettre en avant une nouvelle méthode de livraison à disposition de vos clients.
Exemple de diaporama avec zone de réassurance pour le site de vente Machines 3D
#9. Affichage différent de votre diaporama selon les thèmes graphiques
Les diaporamas s'affichent différemment selon le thème graphique choisi pour votre site internet. Par exemple avec le thème graphique Augo, vous bénéficiez de deux blocs de plusieurs diaporamas à personnaliser pour mettre davantage en avant des visuels de produits et/ou services.
Affichage des diaporamas en haut de la page d'accueil avec le thème Augo pour la boutique en ligne L'Atelier cookie
Affichage du second bloc de diaporamas en page d'accueil du site de vente H&A Creastyl avec le thème Augo
> Le thème Augo est idéal pour la création de boutique en ligne ou bien de site internet vitrine
Le thème graphique Augo s'dapte aussi bien à la création d'une boutique en ligne que d'un site internet vitrine, le découvrir plus en détails :
[+] Adoptez le thème Augo pour créer une boutique en ligne
[+] Adoptez le thème Augo pour créer un site internet vitrine
Découvrez [+] nos thèmes graphiques pour la création de boutique en ligne ou [+] thèmes graphiques pour site internet vitrine.
#10. Tutoriel pour vous accompagner à la création de diaporama
Utilisez l'éditeur de texte de Shop Application pour ajouter votre texte et votre
bouton d'action à votre image. Ainsi, ce contenu sera pris en
compte pour le référencement naturel de votre site internet.
Pour en savoir plus, consultez notre tuto.
|
#11. La création de beaux visuels par nos graphistes
Vous souhaitez la création de beaux visuels pour votre site internet ? Nos graphistes sont à votre écoute pour vous proposer des images personnalisées et répondant à vos envies et vos besoins pour votre diaporama. Pour en savoir plus ou bien échanger sur les visuels que vous souhaitez intégrer, n’hésitez pas à contacter notre équipe de graphistes.
Création d'image sur mesure PRIX DE LA PRESTATION AU STORE |
#12. Jetez un oeil aux exemples de diaporamas de boutique en ligne
réalisés avec Shop Application
Voici quelques sites internet réalisés avec la solution SaaS e-commerce de Shop Application présentant des diaporamas agréables, pertinents et efficaces.