Texto alternativo: Qué es y cómo escribirlo

En esta guía, aprenderá sobre el texto alternativo: qué es, por qué es importante para el SEO, cómo usarlo correctamente y más.

Esta es una guía muy práctica y actualizada que contiene trucos y consejos que puedes usar de inmediato para mejorar el SEO de tu sitio web y la accesibilidad de las imágenes.

Contenido del Articulo

¿Qué es el texto alternativo?

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

¿Cuáles son los usos del texto alternativo?

La primera función del texto alternativo era simplemente describir una imagen que no se podía cargar.

Hace muchos años, cuando Internet era mucho más lento, el texto alternativo lo ayudaba a conocer el contenido de una imagen que era demasiado pesada para cargar en su navegador.

Hoy en día, las imágenes rara vez fallan al cargar, pero si lo hacen, es texto alternativo lo que verá en lugar de una imagen.

El texto alternativo aparece en lugar de una imagenCaptura de pantalla del autor, agosto de 2022

Ahora, el texto alternativo también ha entrado en juego tanto para los robots de los motores de búsqueda como para las personas que usan lectores de pantalla:

  • El texto alternativo ayuda a las personas con discapacidad (por ejemplo, usando lectores de pantalla) aprender sobre el contenido de la imagen.
  • El texto alternativo también ayuda a los robots de los motores de búsqueda comprender el contenido y el contexto de la imagen.

Por supuesto, como cualquier elemento de SEO, a menudo se usa mal o, en algunos casos, incluso se abusa de él.

Ahora echemos un vistazo más de cerca a por qué el texto alternativo es importante.

Por qué es importante el texto alternativo

La web y los sitios web son una experiencia muy visual. Es difícil encontrar un sitio web sin imágenes o gráficos.

Es por eso que el texto alternativo es tan importante.

El texto alternativo ayuda a traducir el contenido de la imagen en palabras, lo que hace que la imagen sea accesible para un público más amplio, incluidas las personas con discapacidades y los robots de los motores de búsqueda que aún no son lo suficientemente inteligentes como para comprender completamente cada imagen, contexto y su significado.

Por qué el texto alternativo es importante para el SEO

El texto alternativo es un elemento importante de la optimización SEO en la página.

La optimización adecuada del texto alternativo hace que su sitio web tenga más probabilidades de clasificarse en la búsqueda de imágenes de Google.

Sí, el texto alternativo es un factor de clasificación para la búsqueda de imágenes de Google.

Según el nicho y la especificidad de su sitio web, el tráfico de búsqueda de imágenes de Google puede desempeñar un papel muy importante en el éxito general de su sitio web.

Por ejemplo, en el caso de los sitios de comercio electrónico, los usuarios suelen comenzar su búsqueda de productos con una búsqueda de imágenes de Google en lugar de escribir el nombre del producto en la búsqueda estándar de Google.

Resultados de búsqueda de imágenes de Google para la frase Captura de pantalla de la búsqueda de [Garmin forerunner]Google, agosto de 2022

Google y otros motores de búsqueda pueden mostrar menos imágenes de productos (o ninguna) si no se preocupa por optimizar su texto alternativo.

Sin una optimización adecuada de la imagen, puede perder mucho tráfico y clientes potenciales.

Por qué el texto alternativo es importante para la accesibilidad

La visibilidad en la búsqueda de imágenes de Google es muy importante, pero hay un elemento aún más importante: la accesibilidad.

Afortunadamente, en los últimos años, ha habido un mayor enfoque y énfasis en la accesibilidad (es decir, hacer que la web sea accesible para todos, incluidas las personas con discapacidades y/o el uso de lectores de pantalla).

Supongamos que el texto alternativo de sus imágenes en realidad describe su contenido en lugar de, por ejemplo, el relleno de palabras clave. En este caso, estás ayudando a las personas que no pueden ver esta imagen a comprender mejor la misma y el contenido de toda la página web.

Supongamos que una de sus páginas web es una guía de auditoría de SEO que contiene capturas de pantalla de varios rastreadores.

¿No sería mejor describir el contenido de cada captura de pantalla en lugar de poner el mismo texto alternativo de “control SEO” en cada imagen?

Echemos un vistazo a algunos ejemplos.

Ejemplos de texto alternativo

Encontrar muchos ejemplos buenos y malos de texto alternativo no es difícil. Déjame mostrarte algunos, siguiendo el ejemplo anterior con una guía de auditoría de SEO.

Buenos ejemplos de texto alternativo

Entonces, nuestra guía de ejemplo de SEO contiene capturas de pantalla de herramientas como Google Search Console y Screaming Frog.

Algunos buenos ejemplos de texto alternativo pueden incluir:

<img src=”google-search-console-coverage-report.jpg” alt=”The Coverage Report in Google Search Console showing the number of indexed and excluded pages”>
<img src=”google-search-console.jpg” alt=”Google Search Console tool from Google”>
<img src=”screaming-frog-html-pages.jpg” alt=”List of HTML pages in Screaming Frog”>
<img src=”screaming-frog” alt=”Screaming Frog crawl in progress”>

Sugerencia: También es una buena idea cuidar el nombre de su archivo. El uso de nombres de archivo descriptivos no es un factor de clasificación, pero lo recomiendo como una buena práctica de SEO.

Ejemplos de texto alternativo malo y/o no deseado

También he visto muchos ejemplos de uso indebido de texto alternativo, incluido el relleno de palabras clave o el envío de spam.

He aquí cómo convertir los buenos ejemplos anteriores en malos ejemplos:

<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” alt=”seo audit”>

Como puede ver, los ejemplos anteriores en realidad no brindan ninguna información sobre lo que realmente muestran estas imágenes.

También puede encontrar ejemplos e incluso más consejos de SEO de imágenes en Google Search Central.

Errores comunes de texto alternativo

Introducir palabras clave en el texto alternativo no es el único error que puede cometer.

Estos son algunos ejemplos de errores comunes de texto alternativo:

  • No se pudo usar el texto alternativo o usando texto alternativo en blanco.
  • Usar el mismo texto alternativo para diferentes imágenes.
  • Usar texto alternativo muy genérico que realmente no describe la imagen. Por ejemplo, usar el texto alternativo de “perro” en una foto de un perro en lugar de describir al perro con más detalle, su color, lo que hace, de qué raza es, etc.
  • Usar automáticamente el nombre de archivo como texto alternativo – lo que puede dar como resultado un texto alternativo muy hostil como “googleseachconsole” o “google-search-console” o “photo2323” según el nombre del archivo.

Consejos alternativos para escribir textos

Y finalmente, aquí hay algunos consejos sobre cómo escribir un texto alternativo adecuado para que realmente cumpla su propósito:

  • No ponga palabras clave en el texto alternativo. No ayudará a que su sitio web se clasifique para estas palabras clave rellenas.
  • Describa la imagen en detalle, pero manténgala relativamente breve.. Evite agregar varias oraciones al texto alternativo.
  • Use sus palabras clave de destino, pero de forma natural, como parte de la descripción de la imagen.. Si su palabra clave objetivo no coincide con la descripción de la imagen, no la use.
  • No uses texto en las imágenes.. Todo el texto debe agregarse en forma de código HTML.
  • No escribas “esto es una imagen”. Google y los usuarios saben que esto es una imagen. Solo describe su contenido.
  • Asegúrate de poder visualizar el contenido de la imagen con solo leer su texto alternativo. Este es el mejor ejercicio para asegurarse de que el texto alternativo esté bien.

Cómo verificar si una página está usando texto alternativo

Ahora conoce todas las prácticas recomendadas y los errores comunes de texto alternativo. Pero, ¿cómo puedes verificar realmente qué hay en el texto alternativo de las imágenes de un sitio web?

Puede analizar el texto alternativo de las siguientes maneras:

Inspeccionar un elemento (haga clic con el botón derecho y seleccione Inspeccionar al pasar el mouse sobre una imagen) es una buena manera de verificar si una imagen determinada tiene texto alternativo.

Sin embargo, si desea verificarlo a granel, le recomiendo uno de los dos métodos a continuación.

Inspector de elementos para controlar el texto alternativoCaptura de pantalla del autor, agosto de 2022

Instale la extensión web para desarrolladores de Chrome.

Extensión para desarrolladores web de ChromeCaptura de pantalla del autor, agosto de 2022

Luego abra la página cuyas imágenes desea verificar.

Haga clic en Desarrollador web y navegar a fotos > Mostrar atributos Alt. De esta manera, puede ver el contenido de texto alternativo de todas las imágenes en una página web determinada.

Chrome Web Developer con imágenes deshabilitadas para el control de texto alternativoCaptura de pantalla del autor, agosto de 2022

Para verificar el texto alternativo de las imágenes de todo su sitio, use un rastreador como Screaming Frog o Sitebulb.

Explore el sitio web, navegue hasta la referencia de la imagen y verifique el texto alternativo de todas las imágenes del sitio web.

Más recursos:


Imagen destacada: Cosro/Shutterstock

Previous post Cómo el principio de mapeo afecta su diseño UX | Zachariah Curtis @ DesignFour | agosto 2022
Next post Comentarios de YouTube: la guía completa

Deja una respuesta