Référencement: Comment ajouter un alt tag a votre image

Voici une étape négligée par beaucoup de personnes lors du référencement de leur site: l’optimisation des images et l’ajout d’un alt tag.

Lorsque l’on parle de référencement, beaucoup de choses doivent être prises en compte pour optimiser le classement de son blog dans les moteurs de recherche (Google).

Et parfois je dois avouer que certains aspects sont un peu compliqués, ou alors on ne pense pas forcement à  regarder plus loin que le bout de son nez  comme dirait ma grand-mère.

Il existe alors un domaine souvent négligé qui pourtant demeure très important pour optimiser le référencement de son blog. Il s’agit des images.

Images de Mr Toutlemonde:

On cherche tous à ajouter des images à nos articles. D’une part car ca fait joli (si toutefois de bonnes illustrations sont choisies…) et d’autres part car les images font partie des supports les plus partagés sur Internet, et donc représentent un trafic potentiel important pour notre blog.

Mais on a tendance à oublier qu’optimiser ses images peut aider notre blog à se faire repérer par les moteurs de recherche. Et un paramètre important a considérer est le « alt » tag.

Je vous vois grimacer, pas de panique. Qu’est-ce que le alt tag ? Il s’agit d’un moyen (légal) d’associer vos mots-clés à une image.

Par exemple, prenons un code html classique pour une image :

Créer votre business en 5 minutes chrono
Créer facilement et gratuitement vos pages de vente, de capture ou de paiement en quelques minutes, des dizaines de templates disponibles…

Démarrer gratuitement

<img src=”" width=”" height=”" >

Si votre blog parle de jardinage par exemple et que vous avez écrit un article donnant des conseils pour entretenir son jardin, vous aurez peut-être des images associées au code html suivant :

<img src=”jardin.jpg” width=”80″ height=”50″>

Ce code vous donnera une image simple, d’une largeur de 80 et d’une hauteur de 50, sans lien ni titre ni alt associé.

Donc c’est joli pour votre article mais pas très utile pour améliorer votre référencement ou même vos visiteurs. Et c’est la qu’un peu de geekerie devient utile 😉

Comment ajouter un alt tag a votre image:

Si votre blog parle de jardinage, vous souhaitez surement vous concentrer sur les mots-clés suivants :

Jardinage, jardin, fleurs, entretenir son jardin, ratisser, tondre, etc…

Il est donc important d’optimiser ses images au maximum pour insérer certains de ces mots-clés. Reprenons le code précèdent et ajoutons-y un alt tag :

<img src=”jardin.jpg” alt=”jardin fleuri” width=”80″ height=”50″>

Ce alt tag « jardin fleuri » utilise donc les mots-clés jardin, fleuri, et jardin fleuri. Ceci va donc aider Google à référencer votre article et à améliorer votre position pour ces mots clés, et à votre image la chance d’apparaître dans Google image (et votre article dans Google) par exemple pour les recherches jardin, fleuri et jardin fleuri.

Maintenant, si vous voulez optimiser un maximum cette même image, vous pourriez intégrer un alt tag comme celui-ci par exemple :

<img src=”jardin.jpg” alt=”comment entretenir un jardin fleuri” width=”80″ height=”50″>

Dans ce cas, votre image aura la chance d’être prise en compte pour les recherches jardin, fleuri,jardin fleuri, entretenir un jardin fleuri, comment entretenir un jardin fleuri, entretenir un jardin,comment entretenir un jardin par exemple.

Optimisation du référencement de votre image:

Ajouter un alt tag est un bon début. Mais il existe aussi d’autres paramètres à ajouter, comme un titre et également un lien a votre image.

Voici donc un exemple de code html optimisé au maximum pour vous aider à améliorer votre référencement avec les images et que j’utilise régulièrement. (si vous en connaissez d’autres, n’hésitez pas a commenter!).

<a href=” ” target=”_blank”><img alt=” ” height=”250″ src=” ” title=” ” width=”500″ /></a>

Vous pouvez donc utiliser ce code si vous le souhaitez.

Tout ce qu’il vous reste à faire est remplacer ces paramètres par les vôtres:[starlist]

• href=”url vers lequel vous voulez que votre image renvoie…celui de votre article est conseillé”
• title=”titre de votre image”
• src=”url source de votre image”
• Img alt=”vos mots-clés desires”[/starlist]

Ainsi, vous aurez donc une image optimisé pour google qui inclura:

–       vos mots-clés dans le Alt tag

–       un titre (qui apparait lorsque vous passez la souris sur l’image),

–       un lien (qui sera associé aux mots-clés que vous aurez inclus dans le alt tag).

Dernière petite astuce, essayez de placer une image en debut d’article.

J’espere que cet article vous sera utile