{"id":7153,"date":"2020-02-20T08:54:00","date_gmt":"2020-02-20T07:54:00","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog?p=7153"},"modified":"2020-02-19T21:39:21","modified_gmt":"2020-02-19T20:39:21","slug":"image-seo-plugin-wordpress-optimiser-images","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/wordpress\/image-seo-plugin-wordpress-optimiser-images","title":{"rendered":"Image SEO &#8211; Plugin WordPress pour optimiser vos images"},"content":{"rendered":"<p>Tout le monde a d\u00e9j\u00e0 entendu parler de SEO lorsqu&rsquo;il s&rsquo;agit d&rsquo;optimiser sa visibilit\u00e9 sur les moteurs de recherche. Cependant tr\u00e8s peu de personnes pr\u00eatent attention au r\u00e9f\u00e9rencement de ses images, et \u00e7a commence par des choses pourtant tr\u00e8s simples, mais rarement mise en place. <a href=\"https:\/\/imageseo.io?_from=geoffreyc\">Image SEO<\/a> peut vous y aider.<\/p>\n<p><!--more--><\/p>\n<p><a href=\"https:\/\/imageseo.io?_from=geoffreyc\">Image SEO<\/a> est un plugin WordPress proposant des fonctionnalit\u00e9s d&rsquo;optimisation de vos images pour un meilleur r\u00e9f\u00e9rencement de votre contenu illustr\u00e9, photographique ou imag\u00e9. Voyons ensemble les points cl\u00e9s de ce plugin pour mieux comprendre son fonctionnement.<\/p>\n<p class=\"message\">Cet article propose des liens affili\u00e9s qui n&rsquo;influencent en rien le propos de l&rsquo;article. Pour une meilleure transparence, je vous invite \u00e0 lire <a href=\"https:\/\/www.creativejuiz.fr\/blog\/politique-liens-affilies\">ma politique<\/a> \u00e0 ce sujet.<\/p>\n<h2>Ce que Image SEO propose<\/h2>\n<p><a href=\"https:\/\/imageseo.io?_from=geoffreyc\">Image SEO<\/a> vous promet un meilleur r\u00e9f\u00e9rencement de vos images en travaillant tout particuli\u00e8rement sur 2 aspects :<\/p>\n<ul>\n<li>Le nom de l&rsquo;image<\/li>\n<li>Le contenu de l&rsquo;attribut <code>alt<\/code><\/li>\n<\/ul>\n<p>Pour le premier aspect, vos images bizarrement nomm\u00e9es en <code>Screenshot-2020-01-19.png<\/code> seront renomm\u00e9es par exemple : <code>plante-verte-fleur.png<\/code> automatiquement au chargement de l&rsquo;image sur votre m\u00e9diath\u00e8que WordPress.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-7183\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/02\/imageseo-optimisation-nom-image@2x.jpg\" alt=\"\" width=\"1436\" height=\"316\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/02\/imageseo-optimisation-nom-image@2x.jpg 1436w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/02\/imageseo-optimisation-nom-image@2x-300x66.jpg 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/02\/imageseo-optimisation-nom-image@2x-600x132.jpg 600w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/02\/imageseo-optimisation-nom-image@2x-768x169.jpg 768w\" sizes=\"(max-width: 1436px) 100vw, 1436px\" \/><\/p>\n<p>Pour que la magie op\u00e8re, <a href=\"https:\/\/imageseo.io?_from=geoffreyc\">Image SEO<\/a> fait appelle \u00e0 de la reconnaissance automatique des contenus de vos images afin de vous proposer des mots-cl\u00e9s adapt\u00e9s.<\/p>\n<p>Concernant l&rsquo;attribut <code>alt<\/code> il s&rsquo;agit d&rsquo;un petit \u00e9l\u00e9ment dans le code HTML de l&rsquo;image servant \u00e0 afficher un contenu alternatif si l&rsquo;image ne se charge pas, mais sert \u00e9galement pour l&rsquo;<a href=\"accessibilite\">accessibilit\u00e9 num\u00e9rique<\/a>. Alternativement (;p) il est utilis\u00e9 pour optimiser la s\u00e9mantique de l&rsquo;image pour le r\u00e9f\u00e9rencement.<br \/>\nDe la m\u00eame mani\u00e8re que pour le nom de l&rsquo;image, le plugin va vous proposer des mots-cl\u00e9s int\u00e9ressants pour votre image.<\/p>\n<h2>Les fonctionnalit\u00e9s d&rsquo;ImageSEO<\/h2>\n<p>Maintenant que nous avons vu le coeur d&rsquo;<a href=\"https:\/\/imageseo.io?_from=geoffreyc\">Image SEO<\/a> et son fonctionnement sur vos images. Voici ce que le plugin propose en fonctionnalit\u00e9s principales.<\/p>\n<h3>Optimisation SEO en masse de vos images<\/h3>\n<p>Parce que vous avez certainement une biblioth\u00e8que d&rsquo;images d\u00e9j\u00e0 bien remplie, il peut \u00eatre pratique d&rsquo;optimiser massivement les images existantes.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-7187\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/02\/image-seo-bulk-settings@2x.png\" alt=\"\" width=\"1202\" height=\"616\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/02\/image-seo-bulk-settings@2x.png 1202w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/02\/image-seo-bulk-settings@2x-300x154.png 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/02\/image-seo-bulk-settings@2x-600x307.png 600w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/02\/image-seo-bulk-settings@2x-768x394.png 768w\" sizes=\"(max-width: 1202px) 100vw, 1202px\" \/><\/p>\n<p>Apr\u00e8s quelques r\u00e9glages dans l&rsquo;interface :<\/p>\n<ul>\n<li>activer la validation manuelle,<\/li>\n<li>choisir la langue des mots-cl\u00e9s,<\/li>\n<li>choisir e type d&rsquo;image que vous voulez optimiser,<\/li>\n<li>le nombre de mots-cl\u00e9s \u00e0 inclure et le format de texte \u00e0 adopter,<\/li>\n<li>inclure ou non l&rsquo;optimisation de l&rsquo;attribut <code>alt<\/code>,<\/li>\n<\/ul>\n<p>il vous sera possible de lancer l&rsquo;optimisation massive. Celle-ci peut prendre du temps suivant le nombre d&rsquo;images que vous avez en stock.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-7185\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/02\/image-seo-bulk-optimisation@2x.png\" alt=\"\" width=\"1191\" height=\"630\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/02\/image-seo-bulk-optimisation@2x.png 1191w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/02\/image-seo-bulk-optimisation@2x-300x159.png 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/02\/image-seo-bulk-optimisation@2x-600x317.png 600w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/02\/image-seo-bulk-optimisation@2x-768x406.png 768w\" sizes=\"(max-width: 1191px) 100vw, 1191px\" \/><\/p>\n<h3>Optimisation du SEO des nouvelles images<\/h3>\n<p>Lorsque vous avez activ\u00e9 le plugin et que votre quota d&rsquo;images vous le permet, les nouvelles images sont optimis\u00e9es automatiquement. J&rsquo;ai fait quelques essais et c&rsquo;est globalement assez bluffant.<\/p>\n<figure id=\"attachment_7192\" aria-labelledby=\"figcaption_attachment_7192\" class=\"wp-caption aligncenter\" style=\"width: 1045px\"><img decoding=\"async\" class=\"size-full wp-image-7192\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/02\/image-seo-optimisation-media@2x.jpg\" alt=\"\" width=\"1035\" height=\"553\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/02\/image-seo-optimisation-media@2x.jpg 1035w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/02\/image-seo-optimisation-media@2x-300x160.jpg 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/02\/image-seo-optimisation-media@2x-600x321.jpg 600w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/02\/image-seo-optimisation-media@2x-768x410.jpg 768w\" sizes=\"(max-width: 1035px) 100vw, 1035px\" \/><figcaption id=\"figcaption_attachment_7192\" class=\"wp-caption-text\">Optimisation d&rsquo;une image d&rsquo;un de mes sites web<\/figcaption><\/figure>\n<p>Sur l&rsquo;image pr\u00e9c\u00e9dente illustrant l&rsquo;un de mes <a href=\"https:\/\/flexbox.ninja\">sites web sur Flexbox<\/a>, l&rsquo;outil a titr\u00e9 <code>CSS Flexible Box Layout - Responsive Web<\/code> et a renomm\u00e9 l&rsquo;image <code>css-flexible-box-layout.jpg<\/code>. C&rsquo;est plut\u00f4t pr\u00e9cis et ad\u00e9quat.<\/p>\n<h3>Social banners &amp; Optimisation Pinterest<\/h3>\n<p>L&rsquo;outil propose \u00e9galement une option d&rsquo;optimisation de votre image sur les r\u00e9seaux sociaux, proposant de compl\u00e9ter le format OpenGraph et Twitter Card pour vous, g\u00e9n\u00e9rant le code n\u00e9cessaire pour \u00eatre reconnu par les r\u00e9seaux sociaux comme Facebook, Twitter, ou m\u00eame Pinterest.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-7194\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/02\/image-seo-socia-media-card@2x.jpg\" alt=\"\" width=\"1400\" height=\"707\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/02\/image-seo-socia-media-card@2x.jpg 1400w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/02\/image-seo-socia-media-card@2x-300x152.jpg 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/02\/image-seo-socia-media-card@2x-600x303.jpg 600w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2020\/02\/image-seo-socia-media-card@2x-768x388.jpg 768w\" sizes=\"(max-width: 1400px) 100vw, 1400px\" \/><\/p>\n<p>Vous pouvez r\u00e9gler l&rsquo;image par d\u00e9faut de votre banni\u00e8re sociale, mais \u00e9galement le template des futures banni\u00e8res. Le plugin est compatible avec Yoast SEO et SEO Press pour ne pas rentrer en conflit avec ces derniers.<\/p>\n<p>D&rsquo;ailleurs en parlant de Pinterest, il vous sera possible d&rsquo;\u00e9diter individuellement les informations de chaque image \u00e0 destination de Pinterest dans les medias.<\/p>\n<h2>Utilisabilit\u00e9 d&rsquo;Image SEO<\/h2>\n<p>Une chose qui me tient \u00e0 c\u0153ur en g\u00e9n\u00e9ral lorsque j&rsquo;utilise un plugin est son utilisabilit\u00e9. Lorsque je mets en place ce type d&rsquo;outil sur mon blog, je tiens \u00e0 ne pas passer trois heures \u00e0 le param\u00e9trer et je souhaite me concentrer sur la qualit\u00e9 de mon contenu.<\/p>\n<p>De ce c\u00f4t\u00e9, <a href=\"https:\/\/imageseo.io?_from=geoffreyc\">Image SEO<\/a> se d\u00e9brouille vraiment bien. J&rsquo;ai pu installer le plugin sans avoir \u00e0 t\u00e9l\u00e9charger une version en dehors du r\u00e9pertoire officiel de WordPress. 1 clic et c&rsquo;\u00e9tait install\u00e9, 1 autre pour l&rsquo;activation et un 3e pour arriver dans la page des settings.<br \/>\nL&rsquo;outil me propose alors de me cr\u00e9er un compte pour pouvoir commencer \u00e0 optimiser le SEO de mes images. La magie s&rsquo;op\u00e8re quand il r\u00e9cup\u00e8re tout seul comme un grand la cl\u00e9 API dont il a besoin pour fonctionner.<\/p>\n<p>C&rsquo;est pli\u00e9, je peux commencer \u00e0 utiliser le plugin qui propose une interface bien plus sympa que l&rsquo;aust\u00e8re habituelle de WordPress. Les quelques pages de r\u00e9glages sont rapidement parcourues, d&rsquo;autant qu&rsquo;il n&rsquo;y en a qu&rsquo;une seule li\u00e9e au le c\u0153ur du plugin. La section Social Banner permet en effet de cr\u00e9er un template de banni\u00e8re sociale dont les r\u00e9glages par d\u00e9faut sont plut\u00f4t propres. Mais j&rsquo;ai d\u00e9cid\u00e9 de l&rsquo;optimiser pour le fun comme vous l&rsquo;avez vu avant.<\/p>\n<p>L&rsquo;ensemble de ces \u00e9tapes d&rsquo;onboarding ont d\u00fb me prendre 5 min \u00e0 tout casser. Puis je suis all\u00e9 voir \u00e0 droite et \u00e0 gauche dans les posts et medias les nouvelles options et commandes qui s&rsquo;offraient \u00e0 moi. Vraiment facile \u00e0 prendre en main.<\/p>\n<p>Image SEO est gratuit pour 10 images par mois et vous demandera 5 \u20ac pour une centaine d&rsquo;image par mois. Compte tenu du gain de temps que \u00e7a permet d&rsquo;obtenir, les offres \u00ab\u00a0one shot\u00a0\u00bb pour optimiser d&rsquo;un coup un nombre donn\u00e9 d&rsquo;image, suivi de l&rsquo;offre gratuite ou d&rsquo;entr\u00e9e \u00e0 5\u20ac est suffisante pour un blogueur occasionnel, voire professionnel, suivant la nature de vos contenus.<\/p>\n<p>Pour information, Image SEO n&rsquo;optimise pas le poids de vos images. Mais vous pouvez regarder du c\u00f4t\u00e9 de <a href=\"https:\/\/www.creativejuiz.fr\/blog\/veille-technologique\/imagify-optimisez-vos-images-et-accelerez-votre-site-web\">Imagify<\/a> pour cela.<\/p>\n<h2 id=\"accessibilite\">Et l&rsquo;accessibilit\u00e9 dans tout cela ?<\/h2>\n<p>On notera cependant que l&rsquo;outil ne parle \u00e0 aucun moment de l&rsquo;impact de peupler les attributs alt de mots cl\u00e9s. Vous avez certainement entendu parler d&rsquo;accessibilit\u00e9, et si ce n&rsquo;est pas le cas, sachez que cet attribut que les experts SEO aiment blinder de mots cl\u00e9s est en fait bien pratique pour les personnes souffrant de handicaps li\u00e9s \u00e0 la vue.<\/p>\n<p>En effet certains terminaux appel\u00e9s des lecteurs d&rsquo;\u00e9cran parcours votre page web en lisant le code source de celle-ci et retranscrive son contenu \u00e0 voix haute. Lorsque ces lecteurs d&rsquo;\u00e9cran parcours une image, il est \u00e9vident qu&rsquo;il n&rsquo;y a rien \u00e0 lire sur cette image (en tout cas dans le code source), sauf si l&rsquo;\u00e9diteur du contenu a renseign\u00e9 l&rsquo;attribut alt pr\u00e9vu pour d\u00e9crire le contenu de l&rsquo;image et aider le mal-voyant \u00e0 imaginer son contenu.<\/p>\n<p>L&rsquo;usage des attributs <code>alt<\/code> pour le SEO de mani\u00e8re abusive n&rsquo;est donc pas recommand\u00e9 pour des raisons d&rsquo;accessibilit\u00e9. En effet, si une image est purement d\u00e9corative et n&rsquo;apporte pas de contenu au propos textuel, il est recommand\u00e9 de laisser l&rsquo;attribut <code>alt<\/code> vide.<\/p>\n<p>L&rsquo;\u00e9quipe du plugin me signale \u00e0 l&rsquo;oreillette qu&rsquo;une prochaine version du plugin apporterait l&rsquo;option \u00ab\u00a0Il s&rsquo;agit d&rsquo;une image de d\u00e9coration\u00a0\u00bb afin de laisser l&rsquo;attribut vide lors de l&rsquo;optimisation de l&rsquo;image pour le SEO. Et si vous en avez besoin, ce n&rsquo;est pas pour bourrer l&rsquo;attribut de mots-cl\u00e9s, mais pour d\u00e9crire l&rsquo;image.<\/p>\n<p>Cependant l&rsquo;optimisation du nom de l&rsquo;image est d\u00e9j\u00e0 un bon point positif pour ce plugin et votre SEO d&rsquo;image \ud83d\ude42<\/p>\n<h2>Fonctionnalit\u00e9s futures de Image SEO<\/h2>\n<p>En discutant avec la petite \u00e9quipe de d\u00e9veloppement du plugin, on me fait savoir que des fonctionnalit\u00e9s \u00e0 venir sont d\u00e9j\u00e0 \u00e0 l&rsquo;\u00e9tude ou en cours de d\u00e9veloppement :<\/p>\n<ul>\n<li><strong>Un contr\u00f4le d&rsquo;image cass\u00e9e<\/strong> : l&rsquo;outil pourra vous remonter quelles images semblent manquantes. En effet Google p\u00e9nalise la mauvaise qualit\u00e9 de liens internes ou externes (erreurs 404)<\/li>\n<li><strong>Un sitemap d&rsquo;images<\/strong> : pour <a href=\"https:\/\/support.google.com\/webmasters\/answer\/178636?hl=fr\">indexer vos images<\/a> plus pro-activement.<\/li>\n<li><strong>Pr\u00e9vention sur les cat\u00e9gories d&rsquo;image sensible<\/strong> : proposer une alerte sur le niveau de sensibilit\u00e9 des images analys\u00e9e, notamment pour les images typ\u00e9es comme \u00ab\u00a0<a href=\"https:\/\/origin-symwisedownload.symantec.com\/resources\/webguides\/packetguide\/11.6\/Content\/Topics\/reference\/catmap.htm\">Adult-Related<\/a>\u00ab\u00a0, contenu pour adultes.<\/li>\n<li><strong>Marquage des images de d\u00e9coration<\/strong> : comme je le disais \u00e0 propose de l&rsquo;accessibilit\u00e9, il sera possible de marquer des images comme d\u00e9corative pour accepter l&rsquo;attribut <code>alt<\/code> vide.<\/li>\n<\/ul>\n<p>Sachez \u00e9galement que Image SEO n&rsquo;est pas juste un plugin WordPress, mais un <strong>service avec une API<\/strong> qui permet son int\u00e9gration dans n&rsquo;importe quel CMS ou d\u00e9veloppement personnalis\u00e9.<\/p>\n<p class=\"center\"><a class=\"demo\" href=\"https:\/\/imageseo.io?_from=geoffreyc\">D\u00e9couvrir Image SEO<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tout le monde a d\u00e9j\u00e0 entendu parler de SEO lorsqu&rsquo;il s&rsquo;agit d&rsquo;optimiser sa visibilit\u00e9 sur les moteurs de recherche. Cependant tr\u00e8s peu de personnes pr\u00eatent attention au r\u00e9f\u00e9rencement de ses images, et \u00e7a commence par des choses pourtant tr\u00e8s simples, mais rarement mise en place. Image SEO peut vous y aider.<\/p>\n","protected":false},"author":4,"featured_media":7181,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bluesky_dont_syndicate":"","_bluesky_syndication_accounts":"","_bluesky_syndication_text":"","footnotes":""},"categories":[605,13],"tags":[256,592],"coauthors":[597],"class_list":["post-7153","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-referencement-seo","category-wordpress","tag-image","tag-seo"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/7153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/comments?post=7153"}],"version-history":[{"count":4,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/7153\/revisions"}],"predecessor-version":[{"id":7205,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/7153\/revisions\/7205"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media\/7181"}],"wp:attachment":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media?parent=7153"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=7153"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=7153"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=7153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}