Cómo optimizar las imágenes de tu web con texto alternativo

SEO
¿Te ha gustado nuestro artículo?
3.3/5 - (3 votes)

Optimizar las imágenes de tu web con texto alternativo es importante para el posicionamiento de tu web. Aunque primero, aléjate un poco y obtén el contexto sobre esto. El texto alternativo es un componente de SEO. Y ten en cuenta que el SEO es solo una pieza de marketing digital.

Agregar atributos alt es una táctica muy específica de optimización de motores de búsqueda. Sin embargo, hay muchas otras cosas que puedes hacer para atraer tráfico y clientes a tu sitio web.

Aún más, dentro del SEO, optimizar las imágenes de tu web con texto alternativo es solo una parte del proceso completo de optimización en la página. Por lo tanto, simplemente hacer esto bien, o simplemente hacerlo mal, no va a hacer o deshacer de ninguna manera el SEO. Aunque sí, va a mejorarlo.

Y eso es lo que quieres, ¿verdad? Hacer todo lo posible para que tu contenido dé sus frutos y se posicione en los primeros lugares en Google. Así, toma buena nota sobre todo lo que tienes que saber para optimizar las imágenes de tus web con texto alternativo.

¿Qué es el texto alternativo?

optimizar las imágenes de tu web con texto alternativo

Antes de aprender a optimizar las imágenes de tu web con texto alternativo, tiene que quedar claro el concepto. El texto alternativo (texto alternativo), también conocido como «atributos alternativos», «descripciones alternativas» o técnicamente incorrecto como «etiquetas alternativas», se utiliza dentro de un código HTML para describir la apariencia y la función de una imagen en una página.

Cómo funciona el texto alternativo

Los motores de búsqueda no son humanos, ¿verdad? No ven ni ven imágenes como tú. Y tú, como SEO y especialista en marketing digital, tienes que hacer algo para ayudar un poco a los motores de búsqueda. Esto es darles algunas pistas sobre las imágenes.

Una forma de ayudar a los motores de búsqueda a «ver» imágenes es nombrándolas correctamente con nombres de archivos de imagen y texto alternativo. Funcionan como una descripción de imagen que ayuda a los rastreadores a «ver» las imágenes en su sitio. Esta es una forma de optimizar las imágenes de tu web con texto alternativo.

Además, esto también se usa para la accesibilidad. Los usuarios con discapacidad visual usan navegadores especiales que les leen imágenes y texto alternativo de imagen. Y tus nombres de archivo pueden ser útiles para eso.

Cuando escribes tu texto alternativo, generalmente tienes que mantenerse dentro del recuento de 125 caracteres. Por lo tanto, puedes rellenar eso tanto como desees, siempre que sea razonable.

Uso del Alt Text

El texto alternativo se usa para:

  • Agregar texto alternativo a las fotos es ante todo un principio de accesibilidad web. A los usuarios con discapacidad visual que usen lectores de pantalla se les leerá un atributo alt para comprender mejor una imagen en la página.
  • Las etiquetas Alt se mostrarán en lugar de una imagen. Siempre y cuando no se puede cargar un archivo de imagen.
  • Las etiquetas Alt proporcionan un mejor contexto de imagen/descripciones para los rastreadores de motores de búsqueda. Les ayuda a indexar una imagen correctamente.

Formato de texto alternativo óptimo

keywords en el texto alternativo

El mejor formato para el texto alternativo es suficientemente descriptivo. Pero no contiene ningún intento de spam en el relleno de palabras clave.

Si puedes cerrar los ojos, que alguien te lea el texto alternativo e imaginarte una versión razonablemente precisa de la imagen, estás en el camino correcto. Por ejemplo, mira cómo se desgrana la imagen de arriba. Esto te dará una idea clara de cómo optimizar las imágenes de tu web con texto alternativo:

  • Bien: <img src=»tarta de chocolate.png» alt=»tartadechocolate”> Este texto alternativo solo está «bien» porque no es muy descriptivo. Sí, esta es una imagen de una tarta de chocolate. Pero, hay más que decir sobre esta imagen.
  • Muy bien: <img src=»tarta de chocolate.png» alt=»tarta de chocolate con topping de frutos rojos y canela»> Este texto alternativo es una mejor alternativa porque es mucho más descriptivo de lo que hay en la imagen. Esto no es solo una tarta de chocolate (como viste en el primer ejemplo de texto alternativo); Es una tarta de chocolate con un topping de frutos rojos y canela.
  • No recomendado: <img src=»tarta.png» alt=»»>.
  • Tampoco recomendado: <img src=»tarta.png» alt=»tarta de chocolate postre desayuno receta de tarta de chocolate merienda»>

Ninguno de estos dos últimos ejemplos es recomendable. La primera línea de código en realidad no contiene ningún texto alternativo. Observa que las comillas están vacías. Mientras que el segundo ejemplo muestra el relleno de palabras clave en el texto alternativo.

¿Por qué es importante el texto alternativo?

A.- Accesibilidad

El texto alternativo es un principio de diseño web accesible. Su propósito original (y aún primario) es describir imágenes a los visitantes que no pueden verlas. Esto incluye lectores de pantalla y navegadores que bloquean imágenes. Pero también incluye usuarios con discapacidad visual. O que de otra manera no pueden identificar visualmente una imagen.

La inclusión de texto alternativo con tus imágenes garantiza que todos los usuarios, independientemente de su capacidad visual, puedan apreciar el contenido de tu sitio. Por eso es muy importante optimizar las imágenes de tu web con texto alternativo.

B.- Imagen SEO

optimizar las imágenes de tu web con texto alternativo

El uso de texto alternativo en tus imágenes puede mejorar la experiencia del usuario. Pero también puede ayudarte a obtener beneficios de SEO explícitos e implícitos.

Junto con la implementación del título de la imagen y las mejores prácticas de denominación de archivos, el texto alternativo también puede contribuir al SEO de la imagen.

Si bien la tecnología de reconocimiento de imágenes de motores de búsqueda ha mejorado enormemente a lo largo de los años, los rastreadores de búsqueda aún no pueden «ver» las imágenes en una página web como tú. Por lo que no es aconsejable dejar la interpretación únicamente en sus manos. Y si no entienden, o se equivocan, es posible que puedas posicionarte por palabras clave no deseadas o no posicionarte en absoluto.

Aquí hay un ejemplo: Google podría ver la imagen de arriba y ser capaz de descifrar que son dólares y bitcoins. Sin embargo, si estás tratando de posicionarte para «Cómo invertir en monedas digitales», tendrás que ayudar al motor de búsqueda.

En ese sentido, el texto alternativo te ofrece otra oportunidad para incluir tu palabra clave objetivo. Dado que el uso de palabras clave en la página sigue ganando peso como factor de posicionamiento del motor de búsqueda, te conviene crear texto alternativo que describa la imagen y, si es posible, incluir una palabra clave o frase de palabras clave a la que te diriges.

Cómo optimizar las imágenes de tu web con texto alternativo

optimizar las imágenes de tu web con texto alternativo

Ya has visto todo acerca del texto alternativo. Así ahora, sigue estos pasos para optimizar las imágenes de tu web con texto alternativo. Hacer las cosas bien multiplica los resultados. Estas son algunas de las acciones que deberías implementar:

  1. Describir la imagen lo más específicamente posible. El texto alternativo está, en primer lugar, diseñado para proporcionar explicaciones de texto de imágenes para usuarios que no pueden verlas. Si una imagen realmente no transmite ningún significado o valor y solo está ahí para fines de diseño, debe vivir dentro del CSS, no del HTML.
  2. Mantenerla (relativamente) corta. Los lectores de pantalla más populares cortan el texto alternativo en alrededor de 125 caracteres. Por lo que es aconsejable mantenerlo en ese recuento de caracteres o menos.
  3. Usar tus palabras clave. El texto alternativo te brinda otra oportunidad para incluir tu palabra clave objetivo en una página y, por lo tanto, otra oportunidad para indicar a los motores de búsqueda que tu página es muy relevante para una consulta de búsqueda en particular. Si bien tu primera prioridad tiene que ser describir y proporcionar contexto a la imagen, si tiene sentido hacerlo, incluye tu palabra clave en el texto alternativo de al menos una imagen en la página.
  4. Evitar el relleno de palabras clave. Google no te asignará puntos por texto alternativo mal escrito, pero tendrá problemas si utilizas tu texto alternativo como una oportunidad para incluir tantas palabras clave relevantes como puedas pensar en él. Concéntrate en escribir texto alternativo descriptivo que proporcione contexto a la imagen y, si es posible, incluya tu palabra clave objetivo y déjalo así.

¿Qué más puedes hacer?

  1. No uses imágenes como texto. Esto es menos una mejor práctica específica de texto alternativo y más un principio general de desarrollo web compatible con SEO. Debido a que los motores de búsqueda no pueden leer el texto dentro de tus imágenes, hay que evitar usar imágenes en lugar de palabras. Si tienes que hacerlo, explica lo que dice tu foto dentro de tu texto alternativo.
  2. No incluyas «imagen de»  en su texto alternativo. Ya se supone que tu texto alternativo se refiere a una imagen, por lo que no es necesario especificarlo.
  3. No olvides el atributo longdesc = «». Explora utilizando la etiqueta longdesc = «» para obtener imágenes más complejas que requieren una descripción más larga.
  4. No descuides los botones de formulario. Si un formulario en tu sitio web usa una imagen como botón de «enviar», dale un atributo alt. Los botones de imagen deben tener un atributo alt que describa la función del botón, como «buscar», «solicitar ahora», «registrarse», etc.

Ya has visto cómo optimizar las imágenes de tu web con texto alternativo. Ahora si quieres sacar provecho a tu contenido y a todo el trabajo que has invertido en tu web, regístrate en nuestra plataforma de Branded Content & Influencer Marketing. En Coobis te ayudamos a contactar con miles de marcas.

3.3/5 - (3 votes)