close Created with Sketch.

Solutions

Stratégie digitale

Développez votre présence sur les bons canaux

Publicités sur Facebook

Boostez vos ventes avec des publicités rentables et mesurables

Référencement naturel

Devancez vos concurrents

Google AdWords

Imposez-vous sur les moteurs de recherche

Optimisation de Landing Page

Convertissez vos prospects en clients

Copywriting

Persuadez et convertissez

May 04, 2015

WordPress : comment optimiser vos images ?

SEO

Les images sont-elles importantes pour votre référencement ? 

Réponse courte : oui !

Comme les moteurs de recherche ne savent pas (encore) interpréter les images dans le contenu de vos pages, un attribut spécial a été créé pour indiquer la nature de l'image aux moteurs : il s'agit de l'attribut ALT de la balise image, qui se trouve dans le code source. 

Comme WordPress a été bien pensé, il est très facile de renseigner cette information. 

Dans cet article, nous allons voir ensemble les différentes façons d'optimiser vos images que vous offre WordPress.

Afin d'optimiser vos images pour les moteurs, mais aussi pour les utilisateurs. 

Les différentes options disponibles pour vos images sur WordPress

Quand vous uploadez une image sur WordPress, voici les différentes options que la plateforme vous propose :

WordPress-Image-Options

Décryptons-les une à une. 

Nom du fichier

Avant toute chose, lorsque vous importez une image sur votre site/blog, prenez bien soin de nommer votre image correctement. C'est un élément très important pour votre référencement, peut-être même le plus significatif. Vous pourrez modifier le titre de votre image sur WordPress après coup mais le processus est un peu fastidieux, alors autant le faire avant d'importer votre image. 

Evitez les noms du type "IMG_9292-2.jpg". Préférez plutôt un titre clair, avec les mots-clés relatifs à la page/l'article en question. Si vous devez séparer les mots, utilisez des tirets "-" et non pas un underscore "_".

Titre (Attribut titre)

L'attribut titre ou "Titre" sur WordPress sert uniquement à satisfaire l'utilisateur. En effet, le contenu de la balise « TITLE » sera affiché lors du passage du curseur du visiteur sur l’image en question, comme dans l’exemple suivant : 

wordpress-attribut-titre

Légende

La légende sert à donner un contexte à l'image, de manière à ce que les moteurs puissent associer le texte avec l'image. Le champ réservé à la légende sur WordPress sert aussi à donner des informations supplémentaires à vos lecteurs. 

Texte alternatif (Attribut ALT)

L'attribut ALT ou “texte alternatif” sur WordPress est un attribut ajouté à une balise d’image en HTML. Ce texte apparaît lorsque l'image ne peut pas être affichée. Elle est pertinente pour les moteurs, car elle les aide à comprendre de quoi traite l'image. La règle à observer avec cet attribut : renseignez ce que l'image communique de la façon la plus pertinente possible. 

wordpress-champ-texte-alternatif

Ce champ vous permet de renseigner le texte alternatif

 Description 

Sûrement le plus méconnu des champs mis à votre disposition, le champ "description" vous est utile si vous liez votre image à un attachement. 

Pour voir comment cela fonctionne, cliquez sur l'image ci-dessous :

wordpress-description-meta-exemple

Dernier élément à prendre en compte : le poids de vos images

Le poids peut avoir une grande importance pour votre page mais plus globalement pour votre site. Une page, qui se charge trop lentement à cause d'images trop lourdes, ralentira les performances globales de votre site, car elle va à l'encontre d'une expérience utilisateur efficace.

Google peut dévaluer votre page des résultats de recherche, si celle-ci n'est pas optimisée convenablement. Faites surtout attention aux articles qui contiennent plus d'une image. 

Parmi les outils que nous avons testé pour réduire la taille de vos images , nous vous recommandons :

http://compressjpeg.com/ et http://jpeg-optimizer.com/

Commentaires

Josiane
11 May 2017 à 10 h 42 min

Bonjour, Merci pour votre article. Faut-il mettre des " au début et à la fin de la balise alt si elle contient plusieurs mots? Merci pour votre réponse!

Brands Up
17 July 2017 à 9 h 23 min

Bonjour Josiane, Merci pour votre commentaire. Imaginons une image pour votre page d'accueil, la balise doit ressembler à ça : <a href="index.htm"><img src="accueil.png" alt="Accueil"></a> Les "" sont à mettre autour du mot-clés descriptif de votre image, pas autour de votre balise.

Webbax
24 September 2017 à 19 h 27 min

Hello, Concernant le poids des images sous Wordpress, justement je me suis penché sur cette question pour pouvoir gagner en vitesse de chargement et cela sans forcément perdre en qualité. Finalement, c'est Imagify qui a retenu mon attention et j'ai environ gagné 50% sur le poids de mes images... avec un plugin facile à mettre en place et un rapport qualité / prix très intéressant. Pour ceux qui ne connaissent pas : https://www.webbax.ch/2017/09/23/imagify-accelere-votre-wordpress A bientôt et merci pour ce billet ;)

Brands Up
16 October 2017 à 11 h 47 min

Bonjour Webbax, Merci pour ton ajout, très utile ! Bonne journée.

Nat
28 March 2018 à 20 h 57 min

Super ces infos, je cherchais justement où définir l'attribut ALT et je ne trouvais pas. Merci beaucoup!