✨ 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.

Deja una respuesta

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