Texto alternativo: qué es y cómo escribirlo


En esta guía, aprenderá sobre el texto alternativo (alt text): 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 concisa que contiene sugerencias y consejos que puede utilizar de inmediato para mejorar la calidad de su sitio web. SEO de imágenes y accesibilidad.

¿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, entonces es el texto alternativo lo que verá en lugar de una imagen.

Texto alternativo que se muestra en lugar de una imagenCaptura de pantalla del autor, agosto de 2022

Ahora, el texto alternativo también ha comenzado a desempeñar un papel 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 todos los elementos del 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é el texto alternativo es importante

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

Es por eso que el texto alternativo es muy importante.

El texto alternativo ayuda a traducir el contenido de la imagen en palabras, lo que hace que la imagen sea accesible a 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, su contexto y su significado.

Por qué el texto alternativo es importante para el SEO

El texto alternativo es un elemento importante de SEO en la página mejoramiento.

La optimización adecuada del texto alternativo hace que su sitio web tenga más posibilidades 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 web de comercio electrónico, los usuarios muy a menudo comienzan su búsqueda de productos con un 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 la 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 no mostrarlas en completo) si no se ocupa de la optimización de su texto alternativo.

Sin la 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 una consideración aún más importante: accesibilidad.

Afortunadamente, en los últimos años, se ha puesto más atención y énfasis en la accesibilidad (es decir, hacer que la web sea accesible para todos, incluidas las personas con discapacidades o que usan lectores de pantalla).

Suponga que el texto alternativo de sus imágenes en realidad describe su contenido en lugar de, por ejemplo, palabras clave de relleno. En ese 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 varias herramientas de rastreo.

¿No sería mejor describir el contenido de cada captura de pantalla en lugar de colocar el mismo texto alternativo de «auditoría 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 complicado. Déjame mostrarte algunos, siguiendo el ejemplo anterior con una guía de auditoría de SEO.

Buenos ejemplos de texto alternativo

Por lo tanto, nuestra guía de SEO de ejemplo contiene capturas de pantalla de herramientas, como Consola de búsqueda de Google y la rana que grita.

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”>

Consejo: 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 spam

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

Así es como puede 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 puedes encontrar ejemplos e incluso más. SEO de imágenes consejos sobre el Centro de búsqueda de Google.

Errores comunes de texto alternativo

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

Aquí hay algunos ejemplos de errores comunes de texto alternativo:

  • No usar el texto alternativo o usando texto alternativo vacío.
  • Usar el mismo texto alternativo para diferentes imágenes.
  • Uso de texto alternativo muy general que en realidad no describe la imagen. Por ejemplo, usar el texto alternativo de “perro” en la foto de un perro en lugar de describir al perro con más detalle, su color, lo que está haciendo, de qué raza es, etc.
  • Usando automáticamente el nombre del archivo como texto alternativo – lo que puede conducir a un texto alternativo muy hostil, como «googleseachconsole» o «google-search-console» o «photo2323», según el nombre del archivo.

Consejos para escribir texto alternativo

Y finalmente, aquí están los consejos sobre cómo escribir texto alternativo correctamente para que realmente cumpla su propósito:

  • No introduzca palabras clave en el texto alternativo. No ayudará a que su página web se clasifique para estas palabras clave rellenas.
  • Describa la imagen en detalle, pero manténgala relativamente corta.. Evite agregar varias oraciones en el 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 se ajusta a 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 «esta es una imagen de». 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. Ese es el mejor ejercicio para asegurarse de que su texto alternativo esté bien.

Cómo verificar si una página usa el texto alternativo

Ahora conoce todas las mejores prácticas y los errores comunes del texto alternativo. Pero, ¿cómo compruebas realmente lo que 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.

Inspeccionar un elemento para verificar el texto alternativoCaptura de pantalla del autor, agosto de 2022

Instalar Extensión de Chrome para desarrolladores web.

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

A continuación, abra la página cuyas imágenes desea auditar.

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

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

Para verificar el texto alternativo de las imágenes de todo el sitio web, use un rastreador como Rana Gritando o Bombilla del sitio.

Rastree el sitio, navegue hasta el informe de imágenes y revise el texto alternativo de todas las imágenes del sitio web.

Más recursos:


Imagen destacada: Cosro/Shutterstock





Consultar el artículo en la publicación original

Texto alternativo: qué es y cómo escribirlo
A %d blogueros les gusta esto: