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

Partagez 😉

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.

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

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.🎯