Texto alternativo: Qué es y cómo escribirlo

Introducción

En esta guía, aprenderá sobre el texto alternativo (conocido como alt text): qué es, por qué es importante para el SEO on-page, cómo utilizarlo correctamente y mucho más.

A menudo se pasa por alto el texto alternativo, pero todas las imágenes de su sitio web deberían incluirlo. Más información es mejor, y traducir la información visual en texto es crucial para los robots de los motores de búsqueda y los usuarios con lectores de pantalla. El texto alternativo es una fuente de información que relaciona ideas y contenidos en su sitio web.

Esta guía práctica contiene sugerencias y consejos que puede utilizar inmediatamente para mejorar la imagen SEO y la accesibilidad de su sitio web.

¿Qué es el texto alternativo?

El texto alternativo (o texto alt) -también conocido como atributo alt o etiqueta alt (que no es técnicamente correcto porque no es una etiqueta)- es un fragmento de texto que describe la imagen en el código HTML.

¿Para qué sirve el texto alternativo?

La función original del texto alternativo era describir una imagen que no se podía cargar. Hace años, cuando Internet era más lento, el texto alternativo ayudaba a los usuarios a entender el contenido de una imagen demasiado pesada para cargar.

Hoy en día, el texto alternativo ayuda a los robots de los motores de búsqueda a comprender el contenido y el contexto de la imagen. Y lo que es más importante, el texto alternativo es fundamental para la accesibilidad y para las personas que utilizan lectores de pantalla:

• Para la accesibilidad: El texto Alt ayuda a las personas con discapacidad (por ejemplo, que utilizan lectores de pantalla) a entender el contenido de la imagen.

• Para SEO: El texto alternativo proporciona contexto adicional a los motores de búsqueda, ayudándoles a comprender mejor el contenido de la página.

Por qué es importante el texto alternativo

La web es una experiencia visual, por lo que el texto alternativo es crucial. Traduce a palabras el contenido de la imagen, haciéndola accesible a un público más amplio, incluidas las personas con discapacidad y los robots de los motores de búsqueda, que aún no son lo suficientemente inteligentes como para comprender plenamente cada imagen, su contexto y su significado.

Por qué el Alt Text es importante para el SEO

El texto alternativo es un elemento esencial de la optimización SEO en la página. Una optimización adecuada del texto alternativo mejora las posibilidades de que su sitio web aparezca en las búsquedas de imágenes de Google, lo que puede suponer una importante fuente de tráfico, especialmente para los sitios web de comercio electrónico, en los que los usuarios suelen iniciar la búsqueda de productos con una búsqueda de imágenes en Google.

Por qué el texto alternativo es importante para la accesibilidad

Más allá del SEO, el texto alternativo es vital para la accesibilidad, haciendo que la web sea inclusiva para todos, incluidas las personas con discapacidad que utilizan lectores de pantalla. Describir el contenido de la imagen en el texto alternativo ayuda a estos usuarios a entender la imagen y el contenido de la página.

Ejemplos de Alt Text

Buenos ejemplos de texto alternativo

Considere una guía de auditoría SEO que contenga capturas de pantalla de herramientas como Google Search Console y Screaming Frog. Buenos ejemplos de texto alternativo incluyen:

<img src="google-search-console-coverage-report.jpg" alt="El informe de cobertura en Google Search Console que muestra el número de páginas indexadas y excluidas"> <img src="google-search-console.jpg" alt="Herramienta Google Search Console de Google"> <img src="screaming-frog-html-pages.jpg" alt="Lista de páginas HTML en Screaming Frog"> <img src="screaming-frog.jpg" alt="Screaming Frog crawl en curso">

Ejemplos de texto alternativo malo o spam

Algunos ejemplos de texto alternativo incorrecto son el relleno de palabras clave o el spam:

<img src="google-search-console-coverage-report.jpg" alt="seo audit free, seo audit cheap, seo audit specialist, seo audit, seo audits"> <img src="google-search-console.jpg" alt="google seo, seo google, google, seo, google search console seo"> <img src="screaming-frog-html-pages.jpg" alt="seo auditor, seo audit, seo audits"> <img src="screaming-frog.jpg" alt="seo audit"> <img src="screaming-frog.jpg" alt="seo audit"> <img src="seo audit.

Errores comunes en los textos alternativos

• No utilizar texto alternativo o utilizar texto alternativo vacío.

• Utilizar el mismo texto alternativo para diferentes imágenes.

• Utilizar un texto alternativo muy general que no describa la imagen.

• Utiliza automáticamente el nombre del archivo como texto alternativo.

Consejos para escribir Alt Text

• No introduzca palabras clave en el texto alternativo.

• Describa la imagen con detalle, pero sea relativamente breve.

• Utilice las palabras clave de forma natural en la descripción de la imagen.

• No uses texto en las imágenes. Añade todo el texto en el código HTML.

• No escriba "esto es una imagen de". Limítate a describir el contenido de la imagen.

• Asegúrese de que puede visualizar el contenido de la imagen con sólo leer su texto alternativo.

Cómo solucionar problemas con el texto alternativo de las imágenes

Inspección de elementos

Inspeccione un elemento (haga clic con el botón derecho y seleccione Inspeccionar al pasar el ratón por encima de una imagen) para comprobar si una imagen determinada tiene texto alternativo.

Análisis a granel

Para un análisis masivo, utilice herramientas como Screaming Frog o Sitebulb para rastrear el sitio y revisar el texto alternativo de todas las imágenes del sitio web.

Puede que el texto alternativo no parezca una prioridad, pero es importante.

Toda fuente de información sobre su contenido tiene valor. Ya sea para usuarios con problemas de visión o para robots, el texto alternativo ayuda a contextualizar las imágenes de su sitio web. Demostrar un compromiso con la accesibilidad es también un componente crítico del marketing digital moderno.

PREGUNTAS FRECUENTES

¿Para qué sirve el texto alternativo en HTML?

El texto Alt proporciona una descripción textual de una imagen si no se puede mostrar, ayudando a los usuarios a entender el contenido de la imagen y a los robots de los motores de búsqueda a comprender el tema de la imagen.

¿Puede el texto alternativo mejorar la accesibilidad de un sitio web?

Sí, el texto alternativo es vital para la accesibilidad de los sitios web. Traduce la información visual en un texto descriptivo que puede ser leído por los lectores de pantalla utilizados por usuarios con discapacidad visual, haciendo que la web sea más inclusiva.

Siguiendo estos consejos, puede asegurarse de que las imágenes de su sitio web sean accesibles y estén optimizadas para SEO, mejorando tanto la experiencia del usuario como el rendimiento de los motores de búsqueda.