Texte Alt<\/h2><\/span><\/div><\/div><\/div>Le texte Alt est utilis\u00e9 dans le code HTML d’un site web pour d\u00e9crire textuellement une image.<\/p>\n
Cette balise est essentielle pour l’accessibilit\u00e9 du web (pour les aveugles et les malvoyants) et pour servir un texte alternatif \u00e0 l’image si, par hasard, celle-ci ne peut pas \u00eatre charg\u00e9e.<\/p>\n
Il est largement utilis\u00e9 par les moteurs de recherche pour comprendre le contenu des images, bien que sa fonction se soit estomp\u00e9e compte tenu de l’interpr\u00e9tation autonome de Google gr\u00e2ce \u00e0 l’intelligence artificielle.<\/p>\n
Voyons ensemble les principales \u00e9tapes pour trouver des images d\u00e9pourvues de cet attribut.<\/p>\n
\n- 1. Une fois que vous avez explor\u00e9 un sous-domaine, il vous suffit de cliquer sur l’onglet \u00ab\u00a0Images\u00a0\u00bb o\u00f9 vous trouverez toutes les URL des images, leur taille et le nombre de liens IMG source.<\/li>\n<\/ul>\n<\/div>
![\"tab](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/scheda-immagini-alt-text.jpeg\")
<\/a><\/span><\/div>\n- 2. En cliquant sur l’onglet \u00ab\u00a0Images Details\u00a0\u00bb dans la fen\u00eatre inf\u00e9rieure de SEO Spider, vous verrez toutes les informations sur les pages sources r\u00e9f\u00e9ren\u00e7ant l’image (From – l’URL \u00ab\u00a0from\u00a0\u00bb) et le texte alt de chaque \u00e9l\u00e9ment d’image d\u00e9couvert, y compris l’aper\u00e7u d\u00e9filant sur le c\u00f4t\u00e9 droit de l’\u00e9cran.<\/li>\n<\/ul>\n<\/div>
![](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/immagini-dettagli-tab-alt-text.jpeg\")
<\/a><\/span><\/div>Dans l’exemple ci-dessus, vous pouvez voir comment quatre pages du site web de Screaming Frog (list\u00e9es dans la colonne \u00ab\u00a0From\u00a0\u00bb) pr\u00e9sentent la m\u00eame image (https:\/\/www.screamingfrog.co.uk\/wp-content\/uploads\/2014\/03\/rand.jpg).<\/p>\n
L’incoh\u00e9rence d\u00e9tect\u00e9e est qu’une seule de ces quatre pages html poss\u00e8de un texte alt (dans l’image \u00ab\u00a0rand\u00a0\u00bb), les autres sont vides, c’est-\u00e0-dire qu’elles n’ont pas de texte alt.<\/p>\n
Les images peuvent avoir de nombreux URL diff\u00e9rents qui y renvoient, et donc de nombreux textes alt diff\u00e9rents \u00e0 optimiser. Bien que l’image soit pr\u00e9sente sur plusieurs pages, on peut supposer que l’intention de recherche de ces pages est diff\u00e9rente. C’est pourquoi je vous recommande de fournir diff\u00e9rentes versions du texte Alt lors de l’optimisation afin de mieux contextualiser le contenu.<\/p>\n
\n- 3. Utilisez les filtres \u00ab\u00a0Texte Alt manquant\u00a0\u00bb ou \u00ab\u00a0Attribut Alt manquant\u00a0\u00bb.<\/li>\n<\/ul>\n
Le filtre \u00ab\u00a0Texte Alt manquant\u00a0\u00bb inclut toutes les images qui ont un attribut alt mais qui sont vides ou ne contiennent que de l’espace blanc.<\/p>\n<\/div>
![](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/codice-html-delle-immagini-800x114.png\" "\\"codice")
<\/span><\/div>Le filtre \u00ab\u00a0Attribut alt manquant\u00a0\u00bb inclut les images qui n’ont pas d’attribut alt.<\/p>\n
<\/pre>\n<\/div>![\"codice](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/immagine-html-600x115.png\" "\\"immagine")
<\/span><\/div>Screaming Frog propose ces deux filtres distincts pour les images d\u00e9coratives, qui, selon les meilleures pratiques, devraient pr\u00e9voir un texte alt vide, plut\u00f4t que pas de texte du tout, afin de ne pas poser de probl\u00e8mes aux lecteurs d’\u00e9cran. Une bonne r\u00e8gle consisterait \u00e0 fournir des images d\u00e9coratives en tant qu’images d’arri\u00e8re-plan CSS.<\/p>\n
Insight : Alt Tag Images – W3C<\/a>.<\/p>\n<\/div>
Le texte Alt est utilis\u00e9 dans le code HTML d’un site web pour d\u00e9crire textuellement une image.<\/p>\n
Cette balise est essentielle pour l’accessibilit\u00e9 du web (pour les aveugles et les malvoyants) et pour servir un texte alternatif \u00e0 l’image si, par hasard, celle-ci ne peut pas \u00eatre charg\u00e9e.<\/p>\n
Il est largement utilis\u00e9 par les moteurs de recherche pour comprendre le contenu des images, bien que sa fonction se soit estomp\u00e9e compte tenu de l’interpr\u00e9tation autonome de Google gr\u00e2ce \u00e0 l’intelligence artificielle.<\/p>\n
Voyons ensemble les principales \u00e9tapes pour trouver des images d\u00e9pourvues de cet attribut.<\/p>\n
- \n
- 1. Une fois que vous avez explor\u00e9 un sous-domaine, il vous suffit de cliquer sur l’onglet \u00ab\u00a0Images\u00a0\u00bb o\u00f9 vous trouverez toutes les URL des images, leur taille et le nombre de liens IMG source.<\/li>\n<\/ul>\n<\/div><\/a><\/span><\/div>
- \n
- 2. En cliquant sur l’onglet \u00ab\u00a0Images Details\u00a0\u00bb dans la fen\u00eatre inf\u00e9rieure de SEO Spider, vous verrez toutes les informations sur les pages sources r\u00e9f\u00e9ren\u00e7ant l’image (From – l’URL \u00ab\u00a0from\u00a0\u00bb) et le texte alt de chaque \u00e9l\u00e9ment d’image d\u00e9couvert, y compris l’aper\u00e7u d\u00e9filant sur le c\u00f4t\u00e9 droit de l’\u00e9cran.<\/li>\n<\/ul>\n<\/div><\/a><\/span><\/div>
Dans l’exemple ci-dessus, vous pouvez voir comment quatre pages du site web de Screaming Frog (list\u00e9es dans la colonne \u00ab\u00a0From\u00a0\u00bb) pr\u00e9sentent la m\u00eame image (https:\/\/www.screamingfrog.co.uk\/wp-content\/uploads\/2014\/03\/rand.jpg).<\/p>\n
L’incoh\u00e9rence d\u00e9tect\u00e9e est qu’une seule de ces quatre pages html poss\u00e8de un texte alt (dans l’image \u00ab\u00a0rand\u00a0\u00bb), les autres sont vides, c’est-\u00e0-dire qu’elles n’ont pas de texte alt.<\/p>\n
Les images peuvent avoir de nombreux URL diff\u00e9rents qui y renvoient, et donc de nombreux textes alt diff\u00e9rents \u00e0 optimiser. Bien que l’image soit pr\u00e9sente sur plusieurs pages, on peut supposer que l’intention de recherche de ces pages est diff\u00e9rente. C’est pourquoi je vous recommande de fournir diff\u00e9rentes versions du texte Alt lors de l’optimisation afin de mieux contextualiser le contenu.<\/p>\n
- \n
- 3. Utilisez les filtres \u00ab\u00a0Texte Alt manquant\u00a0\u00bb ou \u00ab\u00a0Attribut Alt manquant\u00a0\u00bb.<\/li>\n<\/ul>\n
Le filtre \u00ab\u00a0Texte Alt manquant\u00a0\u00bb inclut toutes les images qui ont un attribut alt mais qui sont vides ou ne contiennent que de l’espace blanc.<\/p>\n<\/div>
<\/span><\/div>Le filtre \u00ab\u00a0Attribut alt manquant\u00a0\u00bb inclut les images qui n’ont pas d’attribut alt.<\/p>\n
<\/pre>\n<\/div>
<\/span><\/div>Screaming Frog propose ces deux filtres distincts pour les images d\u00e9coratives, qui, selon les meilleures pratiques, devraient pr\u00e9voir un texte alt vide, plut\u00f4t que pas de texte du tout, afin de ne pas poser de probl\u00e8mes aux lecteurs d’\u00e9cran. Une bonne r\u00e8gle consisterait \u00e0 fournir des images d\u00e9coratives en tant qu’images d’arri\u00e8re-plan CSS.<\/p>\n
Insight : Alt Tag Images – W3C<\/a>.<\/p>\n<\/div>
- 3. Utilisez les filtres \u00ab\u00a0Texte Alt manquant\u00a0\u00bb ou \u00ab\u00a0Attribut Alt manquant\u00a0\u00bb.<\/li>\n<\/ul>\n
- 2. En cliquant sur l’onglet \u00ab\u00a0Images Details\u00a0\u00bb dans la fen\u00eatre inf\u00e9rieure de SEO Spider, vous verrez toutes les informations sur les pages sources r\u00e9f\u00e9ren\u00e7ant l’image (From – l’URL \u00ab\u00a0from\u00a0\u00bb) et le texte alt de chaque \u00e9l\u00e9ment d’image d\u00e9couvert, y compris l’aper\u00e7u d\u00e9filant sur le c\u00f4t\u00e9 droit de l’\u00e9cran.<\/li>\n<\/ul>\n<\/div>