Texto alternativo: por qué es importante y las mejores prácticas que pueden mejorar su SEO

¿Qué es el texto alternativo?

El texto alternativo es la copia que sirve como alternativa a una imagen para aquellos que no pueden verla. Es posible que vea el texto alternativo de una imagen si no se carga en una página. Para los visitantes con discapacidades visuales que usan lectores de pantalla, el texto alternativo brinda contexto para las imágenes en el contenido en línea.

Del mismo modo, debido a que los motores de búsqueda no pueden “ver” literalmente la información visual, el texto alternativo adjunto a las imágenes proporciona información importante sobre el contenido de la imagen y cómo encaja dentro del contexto del resto de la página.

Si observa el código fuente de una página web, verá texto alternativo incluido en el HTML como este:

 <img src=“image.jpg” alt=“image description”>

¿Por qué es importante el texto alternativo?

Desde una perspectiva funcional, las etiquetas alt mejoran la accesibilidad para las personas que no pueden ver las imágenes en las páginas web. La accesibilidad es importante para Google porque garantiza una experiencia de usuario positiva para todos.

Desde una perspectiva de SEO, el texto alternativo es importante porque Google lo usa con el contenido de una página para comprender de qué se trata la imagen. Si usa una imagen como enlace, el texto alternativo funcionará como texto de anclaje, un factor importante en las clasificaciones de búsqueda.

Texto alternativo y SEO

Ahora que he cubierto por qué el texto alternativo es importante tanto para las personas como para los motores de búsqueda, profundicemos en más detalles sobre cómo usar el texto alternativo como una parte más importante de su estrategia de optimización de imágenes SEO.

Google le da mucho valor al texto alternativo. No solo usa el texto alternativo de una imagen para determinar qué hay en la página, sino también cómo se relaciona con el texto circundante.

En su artículo sobre las mejores prácticas de imágenes de Google, llegan a insinuar que agregar texto alternativo a la imagen puede mejorar sus tasas de conversión del tráfico orgánico.

“Al agregar más contexto alrededor de las imágenes, los resultados pueden volverse mucho más útiles, lo que puede conducir a un tráfico de mayor calidad a su sitio”.

Central de búsqueda de Google: pautas específicas de contenido

Mejores prácticas de texto alternativo: 5 cosas para recordar

Al crear texto alternativo, concéntrese en crear contenido útil e informativo que use palabras clave de manera adecuada y se ajuste al contenido de la página. Si bien está bien escribir etiquetas alternativas optimizadas para la búsqueda, no olvide que, ante todo, están destinadas a ser útiles para los usuarios con discapacidades visuales.

Aquí hay algunas pautas para ayudarlo a crear texto alternativo optimizado para SEO para imágenes que son igualmente útiles para los usuarios y los motores de búsqueda.

1. Se específico

Mi mejor consejo sobre cómo escribir texto alternativo de imagen es imaginar cómo lo describirías brevemente a alguien por teléfono. Unas pocas palabras pueden ser suficientes, o puede que necesite una oración completa. La mayoría de los lectores de pantalla cortan el texto alternativo en aproximadamente 125 caracteres, por lo que cualquier texto más largo no será útil para el usuario.

2. Evite comenzar una etiqueta alternativa con una introducción

Dado que está trabajando dentro de un límite de caracteres específico, no desea desperdiciar un espacio valioso (y el tiempo del usuario) e introducir cada imagen identificándola como tal.

Por ejemplo, no es necesario comenzar su etiqueta alt con frases como estas:

• Esta es una foto de un
• Esta imagen muestra
• Aquí hay una captura de pantalla de

3. Incorpore palabras clave pero evite el relleno de palabras clave

Use una palabra clave en su texto alternativo si es relevante. Rellenar palabras clave en sus etiquetas alternativas crea una experiencia de usuario negativa. Por ejemplo, si mi página tiene un gráfico circular que muestra los tipos más comunes de fragmentos destacados en una publicación de blog optimizada para "cómo obtener fragmentos destacados". Podría escribir una etiqueta alternativa que diga: "Gráfico circular de tipos de fragmentos destacados comunes".

Pero "Gráfico circular de tipos de fragmentos destacados comunes para ayudarlo a saber cómo obtener fragmentos destacados " se vería como un relleno de palabras clave.

4. No repitas contenido

Dado que el propósito del texto alternativo es proporcionar una copia digital de la información visual, no es necesario que repita el contenido existente dentro de una etiqueta alternativa.

Por ejemplo, si tiene una infografía que ilustra los pasos para cambiar una llanta y el contenido de su publicación enumera esos pasos y los explica, no es necesario que repita la misma información en su etiqueta alt.

Si hay texto en su imagen, ¿debería incluirlo en la etiqueta alt?

Depende. Dado que ni Google ni un lector de pantalla pueden decodificar el texto de una imagen, si lo incluye en su etiqueta alternativa dependerá de la importancia de ese texto para la información de la página.

Algunos ejemplos pueden incluir:

• el título de la portada de un libro.
• el encabezado de una infografía.
• marcas relevantes

5. No use descripciones alternativas para gráficos decorativos

De acuerdo con las Pautas de accesibilidad al contenido web (WCAG), una imagen es "decorativa" si no tiene ninguna función más allá de su apariencia.

No incluya texto alternativo si una imagen es puramente decorativa, como un divisor gráfico o una imagen de fondo. Debido a que la imagen no proporciona información valiosa, incluir su descripción en el texto alternativo “desordenaría” la experiencia de lectura de la pantalla.

Ejemplos de texto alternativo bueno y malo

Recuerde, su texto alternativo no tiene que ser largo. Solo hazlo tan detallado y descriptivo como sea necesario para beneficiar a los usuarios. Basado en las mejores prácticas de texto alternativo que describí anteriormente, aquí hay algunos ejemplos buenos y no tan buenos de texto alternativo para imágenes.

Malo: Esta es una foto de una niña.

Bueno: niña sentada en una cama en su casa usando una tableta digital.

Malo: Sastre

Bien: Sastre profesional usando una cinta métrica mientras modifica una chaqueta en su taller.

Malo: gráfico circular.

Bueno: gráfico circular de fragmentos destacados comunes. 70 por ciento párrafos, 19,1 por ciento listas, 6,3 por ciento tablas y 4,6 por ciento videos.

Con gráficos y tablas, incluya siempre un enlace a la fuente de datos en el cuerpo del texto. Si solo agrega una cita a la imagen, los usuarios con discapacidad visual no pueden acceder a más datos.

Los cuadros y gráficos a veces pueden requerir una descripción larga.

Si bien es importante escribir un excelente texto alternativo, es solo una parte de una estrategia más amplia de optimización de imágenes de SEO. Analicemos algunas de las otras formas en que puede asegurarse de que las imágenes en su contenido ayuden y no perjudiquen su rendimiento general de SEO.

5 formas de impulsar su optimización de imagen SEO  

1. Usa palabras clave en los nombres de las imágenes

¡Importa el nombre que le des a tus archivos de imagen! Cuando se trata de cómo nombrar imágenes para SEO, desea seguir algo de la misma lógica que sigue para las etiquetas alt. Los nombres de sus archivos de imagen deben ser relevantes, descriptivos e incluir una palabra clave.

Cuando nombre imágenes para SEO, incluya su palabra clave al principio del nombre del archivo de imagen y separe las palabras con guiones (-). Por ejemplo, para el ejemplo de gráfico circular que incluí anteriormente, algunos nombres de archivo posibles podrían ser:

• gráfico circular.png
  Este nombre de archivo no es lo suficientemente descriptivo y no contiene una palabra clave.
• fragmentos-presentados-tipos-gráfico-circular.png
  Este nombre de archivo lleva una palabra clave y es descriptivo. Google puede diferenciar las palabras en el nombre del archivo porque los guiones las separan.

2. Utilice el formato "correcto"

No existe un formato universalmente correcto para las imágenes que utiliza en su sitio web. El formato que elija depende del tipo de imagen y de cómo quiera usarla.

Aquí hay algunas pautas:

• Los archivos JPEG son mejores para imágenes más grandes para mantener la claridad. En este caso, "más grande" significa por dimensión, no por tamaño de archivo, que es una consideración diferente que discutiré a continuación.
• Los PNG le permitirán conservar la transparencia del fondo.
• Scalable Vector Graphics (SVG) es un formato de imagen relativamente nuevo introducido en 2001 que permanece nítido y claro en cualquier resolución o dimensión. Los SVG se pueden animar y, al igual que los PNG, conservan la transparencia del fondo.

3. Ajusta el tamaño correcto de tus imágenes

En primer lugar, quiero aclarar la diferencia entre el tamaño de la imagen y el tamaño del archivo. El tamaño de una imagen se refiere a sus dimensiones, por ejemplo, 1024 x 680 píxeles. El tamaño de un archivo se refiere a la cantidad de espacio necesario para almacenarlo en un servidor, por ejemplo, 5000 kilobytes. El primero se relaciona con la cantidad de espacio que ocupa una imagen en una página y el segundo se relaciona con el tiempo que puede tardar en cargarse.

Las imágenes con alta resolución y grandes dimensiones contienen mucha información visual, lo que significa que tienen un tamaño de archivo grande y pueden ralentizar los tiempos de carga de su página.

Recordar:

Asegúrese de cambiar el tamaño de sus imágenes antes de subirlas. Escalar la imagen con la opción de tamaño de visualización en un CMS (como WordPress) no mejorará el tiempo de carga de la página porque la imagen de tamaño completo aún debe cargarse antes de que el tamaño de visualización se represente en la página.

4. Usa subtítulos

Teóricamente, los títulos de las imágenes podrían afectar el SEO si contienen palabras clave, pero desaconsejaría optimizarlos específicamente para la búsqueda orgánica. Si bien el uso de una palabra clave en el nombre del archivo y el texto alternativo de una imagen afecta directamente su capacidad de búsqueda en la búsqueda, los títulos de las imágenes no cumplen la misma función. Agregar palabras clave a las leyendas de las imágenes podría resultar en una optimización excesiva y perjudicar sus clasificaciones más de lo que ayudan.

En su lugar, vea las leyendas de las imágenes a través de la lente de crear una experiencia de usuario positiva. Al igual que los encabezados, las listas con viñetas, el texto resaltado y la negrita, los títulos de las imágenes mejoran el escaneo en una página. Todos sabemos que las personas tienden a hojear el contenido que leen en línea, por lo que ofrecer señales en el camino les ayuda a absorber la información que está compartiendo.

Cuenta la leyenda que el icono publicitario David Ogilvy encargó una investigación sobre la inclusión de imágenes en la copia. Una de las perogrulladas* que compartió y que todavía resuena entre los especialistas en marketing hoy en día es:

Si no está utilizando subtítulos con sus imágenes, podría estar perdiendo la oportunidad de atraer a los lectores.

* Llamo a esto una "objetividad" porque no pude rastrear una ruta de regreso a la fuente de datos original, por lo que no puedo citarlo como un hecho.

5. Agregar texto alternativo

Agregar texto alternativo a sus imágenes es importante para la accesibilidad y el SEO. ¿No convencido? Es posible que desee revisar "¿Por qué es importante el texto alternativo?"

¿Qué pasa con las etiquetas de título de imagen?

El título de una imagen es un atributo más que puede proporcionar información sobre una imagen.

El atributo de título de una imagen puede generar información sobre herramientas para los usuarios videntes, pero los lectores de pantalla omitirán ese texto. Como tal, no aísle la información importante en los títulos de las imágenes. Los visitantes con discapacidad visual no tendrán acceso a ella.

Herramientas gratuitas para la optimización de imágenes SEO

Aquí hay algunas herramientas gratuitas para comenzar a optimizar sus imágenes para SEO.

Herramientas de optimización de imágenes

Una búsqueda rápida en Google revelará una gran cantidad de herramientas gratuitas de optimización de imágenes. Aquí están algunos de mis favoritos:

• Optimizador de JPEG
• Foto de afinidad
• pixlr
• Kraken (compresión masiva)
• optimizilla

Complementos de WordPress para la optimización de imágenes

• Yoast SEO
• Píxel corto
• Optimizador de imágenes EWWW
• WP Smush
• TinyPNG

Pruebas de velocidad de carga

Solo hay una herramienta que recomiendo para probar la velocidad de carga de sus páginas después de haber optimizado sus imágenes. Google PageSpeed ​​Insights analizará la velocidad de carga para dispositivos móviles y de escritorio, le dará una puntuación de rendimiento e identificará oportunidades de mejora. (¿No sabe por qué es importante la velocidad de la página? Lea sobre los factores de clasificación de Google y descubra las cosas más importantes para llegar a la parte superior de los resultados de búsqueda).

Obtenga ayuda con la optimización de imágenes SEO

El uso de texto alternativo y la optimización de sus imágenes para la búsqueda representa una oportunidad de SEO que muchos de sus competidores se están perdiendo. Si bien hay muchas variables a considerar cuando se dispone a aprovechar el poder de la búsqueda de imágenes, no tiene que hacerlo solo. Cuando programe una consulta gratuita de SEO, pregunte sobre las oportunidades de optimización de imágenes para su sitio web.