Ajouter l’attribut Alt manquant pour Gravatar (missing alt text)
6 mn de lecture

Ajouter l’attribut Alt manquant pour Gravatar (missing alt text)

Votre outil SEO (SEMrush, Ahrefs, …) vous indique “attribut Alt manquant” ou “missing alt text”pour des images. Et vous constatez avec surprise que cet attribut Alt manquant concerne exclusivement l’image Gravatar de l’auteur.

Ça m’est arrivé et franchement, c’est rageant.

En effet, vous et moi savons que le bon classement d’un site par les moteurs de recherche dépend en grande partie de son optimisation SEO. Ainsi, cela nécessite, entre autres, d’avoir des attributs Alt pour toutes les images affichées sur le site, hormis celles qui ne sont que décoratives.

Alors voilà, vous avez suivi les consignes et optimisé dans les règles de l’art toutes les images que vous avez téléchargées. Mais vous vous trouvez dans l’impossibilité de le faire pour votre image de profil d’auteur.

C’est somme toute normal. Car si vous avez un compte Gravatar associé à l’adresse email de votre profil d’auteur, WordPress s’en sert pour afficher votre image. Le gros problème est que Gravatar n’ajoute aucun attribut Alt aux images et qu’en plus, il n’y a pas de moyen direct pour en ajouter.

Mais, tout problème a toujours une solution… 😉

Alors voyons ensemble comment ajouter l’attribut Alt manquant à l’image Gravatar de l’auteur dans WordPress.

À quoi sert l’attribut Alt dans les images ?

Tout d’abord, l’attribut Alt sert bien évidemment au référencement naturel de vos images.

En effet, contrairement au contenu textuel, les moteurs de recherche ne peuvent pas analyser les images et vérifier leur contenu. Néanmoins, ils peuvent lire et comprendre le sujet traité par une image lorsque vous renseignez l’attribut Alt.

Ainsi, par exemple, si vous indiquez “optimisation de sites WordPress” comme valeur pour l’attribut Alt, Google comprendra que l’image concerne l’optimisation de sites WordPress. Et de ce fait, il affichera l’image dans les résultats de recherche pour ce mot-clé.

Mais l’attribut Alt sert également à d’autres fins que le référencement.

L’attribut Alt sert aussi de substitut en cas de bug d’affichage de l’image. Ainsi, si cela arrive, votre visiteur saura qu’il manque une image, mais l’attribut Alt, c’est-à dire le texte alternatif, lui procurera une description de l’image manquante.

Enfin, l’attribut Alt est essentiel pour l’accessibilité du site. Car il permet au lecteur d’écran d’une personne malvoyante de retranscrire par synthèse vocale le contenu de l’image.

Pour toutes ces raisons, il est évident qu’il faut résoudre le problème d’attribut Alt manquant pour Gravatar.

Comment ajouter l’attribut Alt manquant au Gravatar dans WordPress ?

💡​​ Afin de mieux expliciter le problème et sa résolution, je vais prendre pour l’exemple ma propre image Gravatar.

Il est à noter que celle-ci est stockée localement pour des raisons de performance. Mais, ça ne change rien à l’histoire en soi.

Comme vous pouvez le voir, dans le rapport Ahrefs, j’ai 56 images pour lesquelles il manque l’attribut Alt. Et force est de constater qu’il s’agit à chaque fois de l’image Gravatar utilisée pour mon compte d’auteur.

Erreur relevée par  Ahrefs : Texte de l'attribut Alt manquant pour le Gravatar de l'auteur (missing alt text)

Si je vérifie en utilisant les Chrome Dev Tools, je constate également l’anomalie.

Chrome Dev Tools : pas d'attribut Alt pour l'image Gravatar

Si vous rencontrez le même problème, la résolution en est très simple. Il suffit d’ajouter quelques lignes de code dans le fichier functions.php de votre thème enfant.

Tout d’abord, accédez aux fichiers de votre site avec FileZilla ou encore par le gestionnaire de fichiers de votre hébergement. Puis, localisez le fichier functions.php qui se trouve sous /wp-content/themes/nomdevotrethemeenfant.

⚠️ Avant d’apporter des modifications au fichier functions.php, n’oubliez pas d’effectuer une sauvegarde du fichier !

Ensuite, ouvrez-le en phase de modification et ajoutez le code suivant en bas du fichier.

/** FIX missing Gravatar ALT */
function gravatar_alt($text) {
    $alt = get_the_author_meta( 'display_name' );
    $text = str_replace('alt=\'\'', 'alt=\'Photo de profil pour '.$alt.'\' title=\'Photo de profil pour '.$alt.'\'',$text);
    return $text;
}
add_filter('get_avatar','gravatar_alt');

Ce code ajoute des valeurs d’attribut Alt et Title à l’image Gravatar. Ici, la valeur de l’attribut Alt est “Photo de profil pour ” où l’espace sera remplacé par le nom de l’auteur. Dans mon cas, la valeur affichée sera “Photo de profil pour Christine Siembida“. Vous pouvez évidemment changer ce texte s’il ne vous convient pas.

Une fois que vous avez ajouté ce code, enregistrez le fichier. Puis effacez tout le cache de votre site ainsi que celui du navigateur. Enfin, relancez l’analyse SEO via votre outil dédié.

Vous constaterez alors que le problème est résolu.🎯 

Après ajout du texte à la balise Alt du Gravatar, Ahrefs n'indique plus aucune erreur "missing alt text".

Dorénavant, lorsque vous ferez la vérification via les Chrome Dev Tools, vous verrez que les attributs Alt et Title du Gravatar sont présents.

Chrome Dev Tools indique que la valeur de la balise Alt du Gravatar de l'auteur est renseignée.

Attribut Alt et autres paramètres d’optimisation SEO des images

Pour conclure, vous avez fait en sorte d’ajouter la balise Alt à votre Gravatar et à vos autres images, c’est bien.

Mais avez-vous aussi pensé à optimiser vos images pour la performance ?

S’abonner
Notifier de
guest
0 Commentaires
Commentaires en ligne
Afficher tous les commentaires