Numériser le texte Alt

Analyser le texte Alt des images pour éviter les pénalités des moteurs de recherche.

Texte Alt

Le texte Alt est utilisé dans le code HTML d’un site web pour décrire textuellement une image.

Cette balise est essentielle pour l’accessibilité du web (pour les aveugles et les malvoyants) et pour servir un texte alternatif à l’image si, par hasard, celle-ci ne peut pas être chargée.

Il est largement utilisé par les moteurs de recherche pour comprendre le contenu des images, bien que sa fonction se soit estompée compte tenu de l’interprétation autonome de Google grâce à l’intelligence artificielle.

Voyons ensemble les principales étapes pour trouver des images dépourvues de cet attribut.

  • 1. Une fois que vous avez exploré un sous-domaine, il vous suffit de cliquer sur l’onglet “Images” où vous trouverez toutes les URL des images, leur taille et le nombre de liens IMG source.
tab in screaming frog per analisi delle immagini
  • 2. En cliquant sur l’onglet “Images Details” dans la fenêtre inférieure de SEO Spider, vous verrez toutes les informations sur les pages sources référençant l’image (From – l’URL “from”) et le texte alt de chaque élément d’image découvert, y compris l’aperçu défilant sur le côté droit de l’écran.

Dans l’exemple ci-dessus, vous pouvez voir comment quatre pages du site web de Screaming Frog (listées dans la colonne “From”) présentent la même image (https://www.screamingfrog.co.uk/wp-content/uploads/2014/03/rand.jpg).

L’incohérence détectée est qu’une seule de ces quatre pages html possède un texte alt (dans l’image “rand”), les autres sont vides, c’est-à-dire qu’elles n’ont pas de texte alt.

Les images peuvent avoir de nombreux URL différents qui y renvoient, et donc de nombreux textes alt différents à optimiser. Bien que l’image soit présente sur plusieurs pages, on peut supposer que l’intention de recherche de ces pages est différente. C’est pourquoi je vous recommande de fournir différentes versions du texte Alt lors de l’optimisation afin de mieux contextualiser le contenu.

  • 3. Utilisez les filtres “Texte Alt manquant” ou “Attribut Alt manquant”.

Le filtre “Texte Alt manquant” inclut toutes les images qui ont un attribut alt mais qui sont vides ou ne contiennent que de l’espace blanc.

Le filtre “Attribut alt manquant” inclut les images qui n’ont pas d’attribut alt.

codice html per le immagini senza alt text

Screaming Frog propose ces deux filtres distincts pour les images décoratives, qui, selon les meilleures pratiques, devraient prévoir un texte alt vide, plutôt que pas de texte du tout, afin de ne pas poser de problèmes aux lecteurs d’écran. Une bonne règle consisterait à fournir des images décoratives en tant qu’images d’arrière-plan CSS.

Insight : Alt Tag Images – W3C.

  • 4. Une fois les données collectées, vous pouvez les exporter par filtre individuel directement à partir de l’onglet ou en masse grâce à la fonction “Exportation en masse”.

> > Bulk Export Images Images Alt Attribute & Text Inlinks

Grâce à ces documents, vous pouvez également consulter les données des pages “source” de référence, le chemin d’accès à l’image et le texte alt, ce qui vous permet d’avoir une vision plus précise des éventuels problèmes critiques.

esportazioni immagini a cui manca alt text

Lors de l’optimisation des images, il peut être très utile d’exporter toutes les ressources (y compris celles qui n’ont pas de texte Alt) en une seule fois.

>> Bulk Export Images Toutes les images

Bulk Export delle immagini senza alt text nel codice html

Il peut arriver que certaines images ne soient pas détectées par le Seo Spider. Dans la plupart des cas, la raison est liée au fait que le fichier robots.txt les bloque ou qu’ils sont chargés à l’aide de JavaScript ou de CSS (comme le CSS “background-image”).

Dans le premier cas, vous pouvez personnaliser le fichier robots (config>>fichiers robots>>), dans le second, il suffit d’activer l’option “JavaScript rendering” et de relancer l’exploration.

Tutoriel sur le texte Alt

Images de l’audit Seo

Seo Spider Tab