L’importance des images dans les articles de blog

Les visiteurs de site réagissent davantage au contenu des publications illustrées par de belles images. Apprenez à bien utiliser les images dans vos articles et à les optimiser.
4 Jan, 2019

Pour comprendre l’importance des images dans les articles de blog, examinons nos propres réactions face au contenu trouvé sur le web. Ça parait peut être un peu cliché, mais les gens réagissent vraiment mieux au contenu des articles qui contiennent de belles images.

Réfléchissez à cette question…

Imaginez que vous ayez recherché quelque chose sur Google, peu importe quoi ! Une liste suggérant les 10 résultats les plus pertinents à votre recherche s’affiche. Comment choisissez-vous celui sur lequel cliquer ? Maintenant, imaginez que Google ajoute une petite image issue des pages ou des articles suggérés à côté de chaque résultat de recherche. Dans quelle mesure cela influencerait-il le résultat sur lequel vous cliquez ?

Je suis sûr que vous choisiriez quelque chose de différent en fonction de l’influence de ces images.

Donc, les images sont importantes, n’est ce pas ?

Vous pouvez même égayer les pages d’erreur « 404 Not Found » les plus anodines de votre site en y ajoutant une image. Vos visiteurs comprendront que vous avez réfléchi à la possibilité qu’ils se retrouvent là, ce qui les encouragera peut être à naviguer vers d’autres pages, et à continuer leur recherche sur votre site, plutôt que de s’envoler vers l’un de vos concurrents…

Image of a lost man in big city
Pas vraiment éclatant , mais plus intéressant qu’un simple ‘Sorry! Not found’

    Qu’apportent les images à un article de blog ?

    Tout d’abord, les images aident à alléger les blocs de texte trop longs. À moins qu’il ne s’agisse de recherches techniques en profondeur (et même là, c’est discutable), les gens n’aiment pas lire des tonnes de texte. C’est ennuyeux et désagréable. En ajoutant quelques images, vous pourrez vraiment rendre votre contenu plus intéressant. Apparemment, les lecteurs préfèrent analyser le contenu dans des colonnes étroites, plutôt que de lire des phrases larges qui s’étendent sur toute la largeur de la page. Des images réparties à gauche et à droite avec votre texte qui les entoure peuvent produire un effet similaire à la disposition du texte en colonnes étroites.

    Placée au-dessus du pli, une image affichée au début de votre article de blog peut vraiment attirer l’attention de votre lecteur. Cependant, évitez que cette image ne remplisse la page. Il faut aussi que vos visiteurs voient qu’il s’agit d’un vrai contenu !

    Vous pouvez aussi « tagger » vos images dans le but de les optimiser pour le référencement SEO en leur ajoutant des attributs tels que le titre et le texte alternatif. Cela aide les moteurs de recherche à comprendre ce qu’est votre image, et le contexte dans lequel elle s’insère dans le contenu lui-même. Non seulement votre page obtiendra de meilleurs résultats de recherche, mais vos images apparaîtront également dans les recherches d’images !

    Photo of a blue cat in a basket showing inappropriate use of an image in blog post

    Petit conseil : n’ajoutez des images qu’à bon escient ! Il est évident que publier une photo de votre chat jouant avec une pelote de laine pour illustrer un article sur la Révolution russe n’est pas vraiment cohérent.

    L’inconvénient des images dans les articles de blog

    Même les plus petites images augmentent la taille de la page des articles de blog ordinaires. Assurez-vous que vos images soient optimisées avant de les ajouter à votre article pour qu’elles ne ralentissent pas le temps de chargement de la page. Si vous téléchargez une image brute de 5 Mb directement de votre smartphone à votre article, ne vous attendez pas à ce qu’il se charge rapidement.

    Vous pouvez optimiser vos images de plusieurs façons :

    • Redimensionnez votre image pour réduire sa taille à la largeur et à la hauteur qui seront affichées sur votre site. Par exemple, si vous prenez une photo de 4000 x 3000 pixels et que la largeur dont vous disposez sur votre site n’est que de 500 pixels, réduisez la taille de l’image à 500 pixels avant de la télécharger. Ainsi, vous diminuerez considérablement la taille de son fichier.
    • Optimisez votre image pour le web. Cela signifie réduire la taille du fichier de l’image sans en affecter la qualité (ou du moins en réduisant sa qualité mais à un niveau encore acceptable).

    Il existe de nombreux (des centaines) de programmes et de services internet disponibles pour redimensionner et optimiser vos images, comme par exemple Photoshop, Kraken.io, imagify, Tiny PNG, et jpeg mini.

    Comparons des Images Optimisées à des Images Non-Optimisées

    Regardez les deux images.

    Celle qui n’a pas été optimisée pèse 481 Kb, bien qu’elle ait été réduite à 2000px de largeur avant d’être téléchargée sur le site.

    Exemple d'image optimisée

    Cette image a été optimisée

    Exemple d'image non-optimisée

    Cette image n’a pas été optimisée

    Le fichier optimisé a été réduit à 350 pixels de large avant d’être téléchargé et optimisé par Imagify. La taille du fichier final optimisé est réduite à 19.7 Kb. Par conséquent, redimensionner et optimiser vos images peut économiser de l’espace de stockage sur votre serveur d’hébergement, et résultera en des temps de chargement de page bien plus rapides. Cela ne réduira pas non plus la qualité visible de votre image.

    Vous pouvez également utiliser un plugin d’optimisation d’images intégré à votre site WordPress, de sorte que chaque image téléchargée soit optimisée en fonction des paramètres que vous avez appliqués. Smushit et Imagify en sont de bons exemples. Nous privilégions la version pro d’Imagify et l’utilisons dans le cadre de notre Plan de Performance WordPress. Ces plugins sont efficaces, mais nous vous conseillons quand même d’effectuer au moins une partie de l’optimisation avant de télécharger l’image sur votre site, ce qui vous économisera du temps de téléchargement et vous empêchera de saturer trop vite votre espace de stockage.

    Comment puis-je télécharger des images sur WordPress à l’aide du nouvel éditeur Gutenberg [2018] ?

    Petite parenthèse : un bon nombre de nos visiteurs a du mal à télécharger les images sur son site WordPress avec l’éditeur Gutenberg (WordPress 5+). Partant du principe qu’une image vaux mille mots, et qu’une vidéo vaut mille images, voici une petite vidéo de captures d’écran qui explique comment ajouter des images dans l’éditeur Gutenberg.

    En conclusion

    Une bonne utilisation des images peut faire toute la différence entre un article de blog peu mémorable et un article hautement attrayant. Cela peut améliorer votre expérience utilisateur, et par conséquent aider votre taux de conversion et votre référencement SEO. Les images doivent être optimisées pour ne pas ralentir votre site web. Elles doivent aussi être placées au bon endroit, et dans le bon contexte, pour produire le meilleur effet.

    0 commentaires

    Soumettre un commentaire

    Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *