Imaginez que vous ayez recherch\u00e9 quelque chose sur Google, peu importe quoi ! Une liste sugg\u00e9rant les 10 r\u00e9sultats les plus pertinents \u00e0 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\u00e9r\u00e9s \u00e0 c\u00f4t\u00e9 de chaque r\u00e9sultat de recherche. Dans quelle mesure cela influencerait-il le r\u00e9sultat sur lequel vous cliquez ?<\/em><\/p>\n Je suis s\u00fbr que vous choisiriez quelque chose de diff\u00e9rent en fonction de l’influence de ces images.<\/p>\n Donc, les images sont importantes, n’est ce pas ?<\/p>\n Vous pouvez m\u00eame \u00e9gayer les pages d’erreur \u00ab\u00a0404 Not Found\u00a0\u00bb les plus anodines de votre site en y ajoutant une image. Vos visiteurs comprendront que vous avez r\u00e9fl\u00e9chi \u00e0 la possibilit\u00e9 qu’ils se retrouvent l\u00e0, ce qui les encouragera peut \u00eatre \u00e0 naviguer vers d’autres pages, et \u00e0 continuer leur recherche sur votre site, plut\u00f4t que de s’envoler vers l’un de vos concurrents…<\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n [\/et_pb_text][et_pb_text admin_label=\u00a0\u00bbImage\u00a0\u00bb _builder_version=\u00a0\u00bb4.21.0″ background_size=\u00a0\u00bbinitial\u00a0\u00bb background_position=\u00a0\u00bbtop_left\u00a0\u00bb background_repeat=\u00a0\u00bbrepeat\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb theme_builder_area=\u00a0\u00bbpost_content\u00a0\u00bb]<\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n [\/et_pb_text][et_pb_text admin_label=\u00a0\u00bbText\u00a0\u00bb _builder_version=\u00a0\u00bb4.21.0″ background_size=\u00a0\u00bbinitial\u00a0\u00bb background_position=\u00a0\u00bbtop_left\u00a0\u00bb background_repeat=\u00a0\u00bbrepeat\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb theme_builder_area=\u00a0\u00bbpost_content\u00a0\u00bb]<\/p>\n <\/p>\n Tout d’abord, les images aident \u00e0 all\u00e9ger les blocs de texte trop longs. \u00c0 moins qu’il ne s’agisse de recherches techniques en profondeur (et m\u00eame l\u00e0, c’est discutable), les gens n’aiment pas lire des tonnes de texte. C’est ennuyeux et d\u00e9sagr\u00e9able. En ajoutant quelques images, vous pourrez vraiment rendre votre contenu plus int\u00e9ressant. Apparemment, les lecteurs pr\u00e9f\u00e8rent analyser le contenu dans des colonnes \u00e9troites, plut\u00f4t que de lire des phrases larges qui s’\u00e9tendent sur toute la largeur de la page. Des images r\u00e9parties \u00e0 gauche et \u00e0 droite avec votre texte qui les entoure peuvent produire un effet similaire \u00e0 la disposition du texte en colonnes \u00e9troites.<\/p>\n <\/p>\n Plac\u00e9e au-dessus du pli, une image affich\u00e9e au d\u00e9but de votre article de blog peut vraiment attirer l’attention de votre lecteur. Cependant, \u00e9vitez que cette image ne remplisse la page. Il faut aussi que vos visiteurs voient qu’il s’agit d’un vrai contenu !<\/p>\n <\/p>\n Vous pouvez aussi \u00ab tagger \u00bb vos images dans le but de les optimiser pour le r\u00e9f\u00e9rencement SEO en leur ajoutant des attributs tels que le titre et le texte alternatif. Cela aide les moteurs de recherche \u00e0 comprendre ce qu’est votre image, et le contexte dans lequel elle s’ins\u00e8re dans le contenu lui-m\u00eame. Non seulement votre page obtiendra de meilleurs r\u00e9sultats de recherche, mais vos images appara\u00eetront \u00e9galement dans les recherches d’images !<\/p>\n <\/p>\n <\/p>\n <\/p>\n Petit conseil : n’ajoutez des images qu’\u00e0 bon escient ! Il est \u00e9vident que publier une photo de votre chat jouant avec une pelote de laine pour illustrer un article sur la R\u00e9volution russe n’est pas vraiment coh\u00e9rent.<\/p>\n <\/p>\n <\/p>\n <\/p>\n M\u00eame les plus petites images augmentent la taille de la page des articles de blog ordinaires. Assurez-vous que vos images soient optimis\u00e9es avant de les ajouter \u00e0 votre article pour qu’elles ne ralentissent pas le temps de chargement de la page. Si vous t\u00e9l\u00e9chargez une image brute de 5 Mb directement de votre smartphone \u00e0 votre article, ne vous attendez pas \u00e0 ce qu’il se charge rapidement.<\/p>\n <\/p>\n Vous pouvez optimiser vos images de plusieurs fa\u00e7ons :<\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n <\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00a0\u00bb1_2,1_2″ _builder_version=\u00a0\u00bb4.21.0″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb width=\u00a0\u00bb100%\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb theme_builder_area=\u00a0\u00bbpost_content\u00a0\u00bb][et_pb_column type=\u00a0\u00bb1_2″ _builder_version=\u00a0\u00bb4.21.0″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb theme_builder_area=\u00a0\u00bbpost_content\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.21.0″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb theme_builder_area=\u00a0\u00bbpost_content\u00a0\u00bb]<\/p>\n 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.<\/p>\n <\/p>\n Regardez les deux images.<\/p>\n <\/strong><\/p>\n Celle qui n’a pas \u00e9t\u00e9 optimis\u00e9e p\u00e8se 481 Kb<\/strong>, bien qu’elle ait \u00e9t\u00e9 r\u00e9duite \u00e0 2000px de largeur avant d’\u00eatre t\u00e9l\u00e9charg\u00e9e sur le site.<\/p>\n <\/p>\n [\/et_pb_text][\/et_pb_column][et_pb_column type=\u00a0\u00bb1_2″ _builder_version=\u00a0\u00bb4.21.0″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb theme_builder_area=\u00a0\u00bbpost_content\u00a0\u00bb][et_pb_image src=\u00a0\u00bbhttps:\/\/dmjcomputerservices.com\/fr\/wp-content\/uploads\/2018\/08\/Example-of-optimised-image.jpg\u00a0\u00bb alt=\u00a0\u00bbExemple d’image optimis\u00e9e\u00a0\u00bb title_text=\u00a0\u00bbExample of optimised image\u00a0\u00bb _builder_version=\u00a0\u00bb4.21.0″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb theme_builder_area=\u00a0\u00bbpost_content\u00a0\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00a0\u00bb4.21.0″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_font_size=\u00a0\u00bb16px\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb theme_builder_area=\u00a0\u00bbpost_content\u00a0\u00bb]<\/p>\n Cette image a \u00e9t\u00e9 optimis\u00e9e<\/em><\/p>\n [\/et_pb_text][et_pb_image src=\u00a0\u00bbhttps:\/\/dmjcomputerservices.com\/fr\/wp-content\/uploads\/2018\/08\/Example-of-unoptimised-image.jpg\u00a0\u00bb alt=\u00a0\u00bbExemple d’image non-optimis\u00e9e\u00a0\u00bb title_text=\u00a0\u00bbExample of unoptimised image\u00a0\u00bb _builder_version=\u00a0\u00bb4.21.0″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb theme_builder_area=\u00a0\u00bbpost_content\u00a0\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00a0\u00bb4.21.0″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_font_size=\u00a0\u00bb16px\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb theme_builder_area=\u00a0\u00bbpost_content\u00a0\u00bb]<\/p>\n Cette image n’a pas \u00e9t\u00e9 optimis\u00e9e<\/em><\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00a0\u00bb4.21.0″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb width=\u00a0\u00bb100%\u00a0\u00bb custom_padding=\u00a0\u00bb0px|||||\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb theme_builder_area=\u00a0\u00bbpost_content\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4″ _builder_version=\u00a0\u00bb4.21.0″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb theme_builder_area=\u00a0\u00bbpost_content\u00a0\u00bb][et_pb_text admin_label=\u00a0\u00bbText\u00a0\u00bb _builder_version=\u00a0\u00bb4.21.0″ background_size=\u00a0\u00bbinitial\u00a0\u00bb background_position=\u00a0\u00bbtop_left\u00a0\u00bb background_repeat=\u00a0\u00bbrepeat\u00a0\u00bb hover_enabled=\u00a0\u00bb0″ global_colors_info=\u00a0\u00bb{}\u00a0\u00bb theme_builder_area=\u00a0\u00bbpost_content\u00a0\u00bb sticky_enabled=\u00a0\u00bb0″]<\/p>\n <\/p>\n <\/p>\n Le fichier optimis\u00e9 a \u00e9t\u00e9 r\u00e9duit \u00e0 350 pixels de large avant d’\u00eatre t\u00e9l\u00e9charg\u00e9 et optimis\u00e9 par Imagify. La taille du fichier final optimis\u00e9 est r\u00e9duite \u00e0 19.7 Kb<\/strong>. Par cons\u00e9quent, redimensionner et optimiser vos images peut \u00e9conomiser de l’espace de stockage sur votre serveur d’h\u00e9bergement, et r\u00e9sultera en des temps de chargement de page bien plus rapides. Cela ne r\u00e9duira pas non plus la qualit\u00e9 visible de votre image.<\/p>\n <\/p>\n Vous pouvez \u00e9galement utiliser un plugin d’optimisation d’images int\u00e9gr\u00e9 \u00e0 votre site WordPress, de sorte que chaque image t\u00e9l\u00e9charg\u00e9e soit optimis\u00e9e en fonction des param\u00e8tres que vous avez appliqu\u00e9s. Smushit et Imagify en sont de bons exemples. Nous privil\u00e9gions la version pro d’Imagify et l’utilisons dans le cadre de notre Plan de Performance WordPress<\/a>. Ces plugins sont efficaces, mais nous vous conseillons quand m\u00eame d’effectuer au moins une partie de l’optimisation avant de t\u00e9l\u00e9charger l’image sur votre site, ce qui vous \u00e9conomisera du temps de t\u00e9l\u00e9chargement et vous emp\u00eachera de saturer trop vite votre espace de stockage.<\/p>\n Petite parenth\u00e8se : un bon nombre de nos visiteurs a du mal \u00e0 t\u00e9l\u00e9charger les images sur son site WordPress avec l’\u00e9diteur Gutenberg (WordPress 5+). Partant du principe qu’une image vaux mille mots, et qu’une vid\u00e9o vaut mille images, voici une petite vid\u00e9o de captures d’\u00e9cran qui explique comment ajouter des images dans l’\u00e9diteur Gutenberg.<\/p>\n![\"Image](\"https:\/\/dmjcomputerservices.com\/fr\/wp-content\/uploads\/2017\/05\/Looks-like-you-are-lost-404-page.jpg\" "\\"\\"")
<\/p><\/ul>\n
Qu’apportent les images \u00e0 un article de blog ?<\/h2>\n
![\"Photo](\"https:\/\/dmjcomputerservices.com\/fr\/wp-content\/uploads\/2018\/12\/Cat-demonstrating-image-usage-in-blog-posts.jpg\" "\\"\\"")
<\/figure>\n<\/div>\nL’inconv\u00e9nient des images dans les articles de blog<\/h2>\n
\n
Comparons des Images Optimis\u00e9es \u00e0 des Images Non-Optimis\u00e9es<\/h2>\n
Comment puis-je t\u00e9l\u00e9charger des images sur WordPress \u00e0 l’aide du nouvel \u00e9diteur Gutenberg [2018] ?<\/h2>\n