Le choix et l’ajout des images sur un site internet est souvent une partie négligée par les entreprises, alors que les pages web avec des photos attirent plus de visiteurs.

Elles permettent de traduire visuellement les idées écrites. L’utilisateur de moins en moins patient sur le web, adore ce format afin de comprendre rapidement le contenu sans avoir à le lire. L’information transmise à travers des visuels est mieux retenue. C’est donc un outil efficace pour améliorer l’expérience de vos utilisateurs. En effet, les images augmentent le trafic des sites de 12 %.  

Les visuels jouent aussi un rôle important sur les performances de votre site web et le temps de chargemens des pages. 

Ainsi, il est indispensable d’optimisé ses images pour améliorer les performances de votre site internet. Voici quelques astuces :

Utiliser le bon format de ses images

Vous avez choisi vos images, mais au moment de les intégrer à votre site web ces dernières deviennent floues, trop pixelisées ou trop zoomer ?  Tout d’abord, pensez à modifier la dimension de votre image avant de l’intégrer à votre site internet avant que les codes HTML et CSS les redimensionnent d’eux même. Ensuite, choisissez le bon format parmi le .jpg, .png, .gif. Le format le plus à privilégier est le .jpg car c’est le plus léger. Cependant, si vous souhaitez utilisez des éléments en transparence optez pour le format .png.

Pour redimensionner vos images sans perte de qualité, vous pouvez tester ces deux outils conçus pour améliorer la qualité de vos visuels.

Let’s’ Enhance se base sur un ensemble de donnée d’images sur lequel il apprend et s’alimente afin de modifier la qualité de vos visuels tout en modifiant leur taille.

Imagify est un plugin WordPress créer pour redimensionner vos images. Cependant, nous vous conseillons de les modifier sur Photoshop en amont.

Enfin, le mobile étant le principal outil d’accès à internet utilisé par les internautes, il est essentiel d’ajouter des photos responsive. Pour cela, l’outil Webflow a développé une nouvelle fonctionnalité. Elle permet d’optimiser les photos intégrées à votre site internet pour chaque appareil et chaque résolution d’écran. Ainsi, vous diminuez efficacement le temps de chargement de vos pages et vous améliorer l’experience utilisateur.

Optimiser le poids des éléments graphiques

Le poids des images est important à prendre en compte afin d’optimiser le temps de chargement de vos pages web. En effet, les images jouent un rôle important sur la vitesse de chargement. C’est un critère essentiel pour Google et ses algorithmes. Pour cela vous devez compresser vos images afin de réduire leurs poids. Voici deux solutions pour éviter de perdre en qualité :

Sur Adobe Photoshop, une fois que vous avez terminé vos modifications, vous pouvez exporter le document en utilisant l’option « exporter » puis « exporter pour le web ».

Si vous n’avez pas la suite adobe, il est tout à fait possible de le faire sur un outil en ligne, avec l’outil compressor.io page par exemple.

Nommer ses images et ajouter des descriptions alternatives pour réussir son référencement

Il est important de ne pas négliger le texte accompagnant vos visuels de votre site internet. Ces éléments peuvent aussi améliorer le référencement SEO.

Commencez par renommer le fichier image avec des mots-clés décrivant le visuel avant de le télécharger sur Wordpress. Cela apporte une première information à l’image. Favorisez le tiret « – » plutôt que le tiret « _ ».
En effet, Google prend seulement en compte le tiret classique comme un espace. Vos images pourront aussi être retrouvées dans les résultats Google Images. Cela vous permet d’ajouter un nouveau moyen d’attirer les visiteurs sur votre site web. 

Ajoutez du texte dans la case description de votre image, mais aussi au niveau de la balise « alt ». De cette manière, vous aidez Google à comprendre le contenu de vos images.  À la base, cette balise est utilisée pour les personnes malvoyantes. Elles peuvent imaginer le contenu d’une image grâce à une retranscription vocale. Google passe aussi par cette balise pour comprendre vos visuels. En effet, les robots des moteurs de recherche ne sont toujours pas capables d’identifier le contenu d’une image. Les mots-clés ajoutés dans cette balise permet aussi à vos image d’être référencées sur Google Images.

Utiliser des visuels de qualité et libre de droits

Insérer des images de bonne qualité sur son site web, incite les visiteurs à rester plus longtemps sur vos pages. Elles permettent de créer une ambiance et un univers propre à votre marque. Les images peuvent rassurer, humaniser votre entreprise ou créer une expérience utilisateur unique et agréable.

Si vous décidez d’ajouter des photos prises sur le web, il faut respecter quelques règles telles que le droit d’auteur et le droit d’image. Citez vos sources d’informations, et vérifiez si l’image peut être réutilisée. 

Une autre manière efficace est d’utiliser les nombreuses banques d’images gratuites et libres de droit sur le web. Faites attentions aux règles copyright. Les images qui possèdent la licence Creative Commons sont souvent libres de droit, mais avec quelques contraintes pour certaines. En effet, il est possible que des photos puissent être utilisées à condition que l’image ne soit pas modifiée ou ne soit pas utilisée à un usage commercial. Certaines banques d’images demandent un abonnement pour avoir accès aux images. De cette manière, une fois téléchargées, vous n’avez à vous occuper de rien.

Privilégiez des visuels épurés et minimalistes afin d’obtenir une page lisible et rapide à comprendre. Il sera aussi plus facile d’écrire du texte dessus ou d’élaborer un site design avec ce style de photo sans perdre en lisibilité.

Voici quelques banques d’images :

Unsplash : obtenez des photos originales et de hautes qualités.
Dreamstime : retrouvez des photos commerciales gratuites et disponibles après l’inscription.
StockVault : cette plateforme propose aux utilisateurs de partager leurs photos et de mettre à disposition les images pour une utilisation personnelle ou commerciale.