Texto alternativo<\/h2><\/span><\/div><\/div><\/div>El texto Alt se utiliza dentro del HTML de un sitio web para describir textualmente una imagen.<\/p>\n
Esta etiqueta es esencial para la accesibilidad web (para ciegos y deficientes visuales) y para servir un texto alternativo a la imagen si por casualidad no se puede cargar.<\/p>\n
Es muy utilizado por los Motores de B\u00fasqueda para comprender el contenido de las im\u00e1genes, aunque su funci\u00f3n se ha desvanecido dada la interpretaci\u00f3n aut\u00f3noma de Google mediante inteligencia artificial.<\/p>\n
Veamos juntos los pasos principales para encontrar im\u00e1genes que carezcan de este atributo.<\/p>\n
\n- 1. Una vez que hayas rastreado un subdominio, simplemente haz clic en la pesta\u00f1a \u00abIm\u00e1genes\u00bb, donde encontrar\u00e1s todas las URL de las im\u00e1genes, su tama\u00f1o y el n\u00famero de enlaces IMG de origen.<\/li>\n<\/ul>\n<\/div>
![\"tab](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/scheda-immagini-alt-text.jpeg\")
<\/a><\/span><\/div>\n- 2. Al hacer clic en la pesta\u00f1a \u00abDetalles de las im\u00e1genes\u00bb de la ventana inferior de la Ara\u00f1a SEO, ver\u00e1s toda la informaci\u00f3n sobre las p\u00e1ginas de origen que hacen referencia a la imagen (De – la URL \u00abdesde\u00bb) y el texto alternativo de cada elemento de imagen descubierto, incluida la vista previa, desplaz\u00e1ndote hacia el lado derecho de la pantalla.<\/li>\n<\/ul>\n<\/div>
![](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/immagini-dettagli-tab-alt-text.jpeg\")
<\/a><\/span><\/div>En el ejemplo anterior, puedes ver c\u00f3mo cuatro p\u00e1ginas del sitio web de Screaming Frog (enumeradas en la columna \u00abDe\u00bb) presentan la misma imagen (https:\/\/www.screamingfrog.co.uk\/wp-content\/uploads\/2014\/03\/rand.jpg).<\/p>\n
La incoherencia detectada es que s\u00f3lo una de estas cuatro p\u00e1ginas html tiene un texto alternativo (en la imagen \u00abrand\u00bb), las dem\u00e1s est\u00e1n vac\u00edas, es decir, carecen de texto alternativo.<\/p>\n
Las im\u00e1genes pueden tener muchas URL diferentes que hagan referencia a ellas y, por tanto, muchos textos alternativos diferentes que optimizar. Aunque la imagen est\u00e9 presente en varias p\u00e1ginas, es plausible suponer que la intenci\u00f3n de b\u00fasqueda de estas p\u00e1ginas es diferente, por lo que recomiendo, a la hora de optimizar, proporcionar diferentes versiones del Alt Text para contextualizar mejor el contenido.<\/p>\n
\n- 3. Utiliza los filtros \u00abFalta texto Alt\u00bb o \u00abFalta atributo Alt\u00bb.<\/li>\n<\/ul>\n
El filtro \u00abFalta texto alt\u00bb incluye todas las im\u00e1genes que tienen un atributo alt pero est\u00e1n vac\u00edas o s\u00f3lo incluyen espacios en blanco.<\/p>\n<\/div>
![](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/codice-html-delle-immagini-800x114.png\" "\\"codice")
<\/span><\/div>El filtro \u00abFalta atributo alt\u00bb incluye las im\u00e1genes que no tienen atributo alt.<\/p>\n
<\/pre>\n<\/div>![\"codice](\"http:\/\/screamingfrog.club\/wp-content\/uploads\/2024\/03\/immagine-html-600x115.png\" "\\"immagine")
<\/span><\/div>Screaming Frog proporciona estos dos filtros separados para im\u00e1genes decorativas, que como mejor pr\u00e1ctica deber\u00edan proporcionar un texto alternativo vac\u00edo, en lugar de ning\u00fan texto, para no causar problemas a los lectores de pantalla. Una buena regla podr\u00eda ser proporcionar im\u00e1genes decorativas como im\u00e1genes de fondo CSS.<\/p>\n
Insight: Im\u00e1genes con etiqueta Alt – W3C<\/a>.<\/p>\n<\/div>
El texto Alt se utiliza dentro del HTML de un sitio web para describir textualmente una imagen.<\/p>\n
Esta etiqueta es esencial para la accesibilidad web (para ciegos y deficientes visuales) y para servir un texto alternativo a la imagen si por casualidad no se puede cargar.<\/p>\n
Es muy utilizado por los Motores de B\u00fasqueda para comprender el contenido de las im\u00e1genes, aunque su funci\u00f3n se ha desvanecido dada la interpretaci\u00f3n aut\u00f3noma de Google mediante inteligencia artificial.<\/p>\n
Veamos juntos los pasos principales para encontrar im\u00e1genes que carezcan de este atributo.<\/p>\n
- \n
- 1. Una vez que hayas rastreado un subdominio, simplemente haz clic en la pesta\u00f1a \u00abIm\u00e1genes\u00bb, donde encontrar\u00e1s todas las URL de las im\u00e1genes, su tama\u00f1o y el n\u00famero de enlaces IMG de origen.<\/li>\n<\/ul>\n<\/div><\/a><\/span><\/div>
- \n
- 2. Al hacer clic en la pesta\u00f1a \u00abDetalles de las im\u00e1genes\u00bb de la ventana inferior de la Ara\u00f1a SEO, ver\u00e1s toda la informaci\u00f3n sobre las p\u00e1ginas de origen que hacen referencia a la imagen (De – la URL \u00abdesde\u00bb) y el texto alternativo de cada elemento de imagen descubierto, incluida la vista previa, desplaz\u00e1ndote hacia el lado derecho de la pantalla.<\/li>\n<\/ul>\n<\/div><\/a><\/span><\/div>
En el ejemplo anterior, puedes ver c\u00f3mo cuatro p\u00e1ginas del sitio web de Screaming Frog (enumeradas en la columna \u00abDe\u00bb) presentan la misma imagen (https:\/\/www.screamingfrog.co.uk\/wp-content\/uploads\/2014\/03\/rand.jpg).<\/p>\n
La incoherencia detectada es que s\u00f3lo una de estas cuatro p\u00e1ginas html tiene un texto alternativo (en la imagen \u00abrand\u00bb), las dem\u00e1s est\u00e1n vac\u00edas, es decir, carecen de texto alternativo.<\/p>\n
Las im\u00e1genes pueden tener muchas URL diferentes que hagan referencia a ellas y, por tanto, muchos textos alternativos diferentes que optimizar. Aunque la imagen est\u00e9 presente en varias p\u00e1ginas, es plausible suponer que la intenci\u00f3n de b\u00fasqueda de estas p\u00e1ginas es diferente, por lo que recomiendo, a la hora de optimizar, proporcionar diferentes versiones del Alt Text para contextualizar mejor el contenido.<\/p>\n
- \n
- 3. Utiliza los filtros \u00abFalta texto Alt\u00bb o \u00abFalta atributo Alt\u00bb.<\/li>\n<\/ul>\n
El filtro \u00abFalta texto alt\u00bb incluye todas las im\u00e1genes que tienen un atributo alt pero est\u00e1n vac\u00edas o s\u00f3lo incluyen espacios en blanco.<\/p>\n<\/div>
<\/span><\/div>El filtro \u00abFalta atributo alt\u00bb incluye las im\u00e1genes que no tienen atributo alt.<\/p>\n
<\/pre>\n<\/div>
<\/span><\/div>Screaming Frog proporciona estos dos filtros separados para im\u00e1genes decorativas, que como mejor pr\u00e1ctica deber\u00edan proporcionar un texto alternativo vac\u00edo, en lugar de ning\u00fan texto, para no causar problemas a los lectores de pantalla. Una buena regla podr\u00eda ser proporcionar im\u00e1genes decorativas como im\u00e1genes de fondo CSS.<\/p>\n
Insight: Im\u00e1genes con etiqueta Alt – W3C<\/a>.<\/p>\n<\/div>
- 3. Utiliza los filtros \u00abFalta texto Alt\u00bb o \u00abFalta atributo Alt\u00bb.<\/li>\n<\/ul>\n
- 2. Al hacer clic en la pesta\u00f1a \u00abDetalles de las im\u00e1genes\u00bb de la ventana inferior de la Ara\u00f1a SEO, ver\u00e1s toda la informaci\u00f3n sobre las p\u00e1ginas de origen que hacen referencia a la imagen (De – la URL \u00abdesde\u00bb) y el texto alternativo de cada elemento de imagen descubierto, incluida la vista previa, desplaz\u00e1ndote hacia el lado derecho de la pantalla.<\/li>\n<\/ul>\n<\/div>