ūüĆĪ Vida Pr√≠stina

‚ú® 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