✨ Presencia Digital

✨ Etiqueta alt de imagen

atributo alt
Wikipedia, CC BY-SA 3.0, via Wikimedia Commons

La etiqueta alt de la imagen, también conocida como texto alternativo, es una certeza para cualquiera que tenga que trabajar con la optimización SEO de una página web. Pero también para el webmaster que tiene que crear un recurso bien estructurado y accesible. Porque a menudo son los detalles los que marcan la diferencia, al igual que este micro contenido con demasiada frecuencia ignorado por los blogueros.

Porque este es en realidad el atributo alt: un puñado de palabras para informar en el código. ¿La razón? Permitiendo que Google contextualice lo visual, pero no solo. De hecho, esta es la razón secundaria que debería empujarlo a usar la etiqueta de imagen alternativa con cuidado. Entonces, ¿cómo insertarlo?

Definición: ¿Qué es la etiqueta alt de imagen y para qué sirve?

La etiqueta alt de la imagen (texto alternativo, atributo alt, texto alternativo) es un conjunto de palabras que se agrega en el código HTML para dar significado a un gráfico o foto. O en cualquier caso a un contenido visual que por algún motivo no se puede mostrar. El texto alternativo, de hecho, aparece cuando la página no muestra lo visual.

Esto puede suceder por varios motivos: página lenta, foto faltante por borrada o por algún error en la base de datos, lectura de la página con navegadores dedicados a personas con problemas de visión. Así cobra sentido el texto alternativo para las imágenes: reemplaza lo que no se ve. Incluso Google aprovechó la oportunidad y usó la etiqueta alt para darle sentido a la imagen y posicionarlos en el motor de búsqueda.

¡Aprende todas las palabras del vocabulario seo!

Cómo insertar etiquetas alt en imágenes de WordPress

Si el texto alternativo es tan importante, la pregunta es clara: ¿cómo poner texto alternativo en imágenes en un sitio de WordPress? En realidad, es muy simple, simplemente escriba una solución similar en el código HTML si, por ejemplo, desea agregar un ícono de WordPress en la página:

<img src = "geopoz.png" alt = "icono de geopoz" width = "42" height = "42">

El texto alternativo se escribe en la etiqueta dedicada a la imagen única y describe el contenido. ¿Significa esto que cada subida implica una intervención en la página HTML para obtener un buen resultado? No, pero ¿cuál es la solución? Etiqueta alternativa, ¿cómo insertarla? Con el CMS de WordPress simplemente cargue la imagen en el artículo para activar una ventana que resume los campos esenciales.

cómo poner atributos alt en WordPressAquí puede agregar la etiqueta alt de las imágenes.

Arrastre el contenido o haga clic en agregar medios. En este punto puedes insertar todos los elementos necesarios para optimizar la imagen. Por ejemplo, el atributo del título, el título, la alineación y el tamaño. Evidentemente sin olvidar el texto alternativo.

Para configurar estas etiquetas alt en blogger o blogspot la foto que comparto a continuación lo explica todo.

configurar etiqueta alt en blogger

Descubra si las imágenes no tienen etiquetas alt

Por supuesto, no es lo mejor tener páginas web sin textos alternativos. Pero hay una serie de herramientas que le permiten descubrir cualquier imagen a la que le falte la etiqueta alt. La más sencilla y eficaz es Wave, una herramienta de accesibilidad que analiza página por página e identifica todos los errores. Incluida la ausencia del texto alternativo. ¿El problema?

Tienes que abordar un recurso a la vez. Para resolver este punto puedes usar una herramienta de SEO que escanea un sitio web y encuentra fotos sin atributos alt (esta es gratis está en inglés). Son pasos decisivos para tener páginas bien hechas y optimizar las imágenes de un blog.

Diferencia entre etiquetas alternativas y de título: ¿qué cambia?

En la optimización general, puede agregar un texto alternativo y un atributo de título: ¿cuál es la diferencia? El primero aparece cuando pasas el raton sobre la imagen en un título amarillo, es una especie de mensaje para dejar al lector.

Todo ello siempre con una finalidad descriptiva, pero también como una invitación a la acción. El texto alternativo, por otro lado, se refiere solo a la ausencia de la imagen o del motor de búsqueda, por lo general, no se muestra al público. En Explorer la alt también corresponde al cuadro que debería aparecer con el título, es un error como también sugiere www.w3schools.com.

La relación entre WordPress SEO y texto alternativo

Como se sugirió anteriormente, Google lee y usa texto alternativo para hacer que el contenido sea relevante. Entonces, la buena optimización SEO de una página web implica el uso de la etiqueta alt de la imagen en el código, con especial atención a las palabras clave que nos interesan.

¿Significa esto utilizar el atributo alternativo para insertar palabras clave por segmento? No, tienes que describir la imagen y buscar la forma de optimizar ambas necesidades. Un buen escritor web no debería tener ninguna dificultad especial. Utilice texto alternativo de forma natural.

El texto alternativo no es el único elemento para hacer una buena optimización SEO de la imagen. También debes cuidar el atributo del título y el nombre del archivo, sin olvidar el pie de foto y el peso de la foto: este último elemento es decisivo para tener un visual ligero que ayude a la carga de la página web.

Texto alternativo: ¿cómo se usa e inserta en WordPress?

Estos son los detalles imprescindibles para agregar texto alternativo en WordPress. Puedes tener ventajas SEO y usabilidad, puedes garantizar la accesibilidad de las páginas web y la calidad del código HTML gracias a esta poca atención.

Un consejo: comience a seleccionar la etiqueta alternativa de la imagen desde el primer día, de esta forma no tiene que arreglar cientos de fotos.

¿Estás de acuerdo? ¿Cómo usas este elemento? Los espero en los comentarios para hablar juntos de este atributo.

2 comentarios en “✨ Etiqueta alt de imagen”

  1. Soy un principiante y quería aprender a escribir una etiqueta alternativa para un sitio de WordPress. Todavía dudo si tengo suficientes fotos en el sitio y si estoy haciendo todo bien. Pero tu artículo me ayudó mucho, ¡gracias!

    1. ¡Hola! Me alegra mucho que hayas encontrado mi artículo útil. Como principiante, aprender a escribir etiquetas alternativas para las imágenes en tu sitio de WordPress es un paso para mejorar la accesibilidad la optimización del motor búsqueda.

      La etiqueta alt es una descripción textual que se muestra cuando una imagen no puede ser cargada correctamente o cuando un lector de pantalla la lee para personas con discapacidad visual. Es esencial incluir etiquetas alt claras y descriptivas para ayudar a los usuarios a comprender el contenido de la imagen.

      Si aún tienes dudas sobre si debes agregar más fotos a tu sitio o no estás seguro de si lo estás haciendo bien, te recomendaría considerar los siguientes puntos:

      1. Relevancia: Asegúrate de que las imágenes sean relevantes para el contenido de tu sitio y complementen el mensaje que estás transmitiendo.

      2. Tamaño y optimización: Las imágenes deben estar en el tamaño adecuado para evitar tiempos de carga lentos. Además, asegúrate de optimizar las imágenes para la web utilizando herramientas como la compresión sin pérdida de calidad.

      3. Calidad visual: Las imágenes nítidas y de alta calidad son más atractivas para los visitantes de tu sitio. Si necesitas más imágenes, considera utilizar bancos de imágenes gratuitos o de pago que ofrezcan opciones de calidad.

      4. SEO: La optimización de las imágenes para los motores de búsqueda es importante para mejorar la visibilidad de tu sitio. Asegúrate de utilizar palabras clave relevantes y descriptivas en tus etiquetas alt.

      Recuerda que la clave está en encontrar un equilibrio entre las imágenes adecuadas para tu sitio y la facilidad de uso para los visitantes. ¡Sigue explorando y mejorando, seguro que estás en el camino correcto! Si tienes más preguntas, no dudes en hacerlas. Estoy aquí para ayudarte. ¡Mucho éxito con tu sitio de WordPress!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio