TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

¿Qué es el texto alternativo y cómo agregar texto alternativo a las imágenes?

12

El texto alternativo es un atributo HTML que muestra un texto alternativo cuando los elementos no textuales, como las imágenes, no se pueden mostrar en el navegador. Los usuarios humanos reales pueden ver y comprender imágenes y contenido de texto. Pero los robots de los motores de búsqueda pueden rastrear el contenido del texto fácilmente, pero el contenido multimedia, como las imágenes, no es fácil de rastrear e indexar en la base de datos para los motores de búsqueda. Para superar esto, todos los elementos de la imagen deben tener un texto alternativo asociado para que los motores de búsqueda puedan comprender más sobre el significado del elemento.

Hay tres usos principales de agregar texto alternativo a un elemento de imagen:

  • Para ayudar a los usuarios con discapacidad visual
  • Mostrado en navegadores incompatibles
  • Ayuda a los bots de los motores de búsqueda

Para usuarios con discapacidad visual

Generalmente, los usuarios con problemas visuales utilizan lectores de pantalla para traducir el texto de la página web a voz y escuchar el contenido. Una vez más, las imágenes se convertirán en un problema para los lectores de pantalla si no tienen un contenido de texto asociado. Cuando se usa texto alternativo con imágenes, los lectores de pantalla leerán este texto como contenido de texto normal.

Para navegadores incompatibles

Cuando el navegador no puede mostrar una imagen debido a problemas momentáneos o incompatibles con el servidor, se mostrará el texto alternativo atribuido a esa imagen.

¿Qué es el texto alternativo y cómo agregar texto alternativo a las imágenes?

Texto alternativo en una imagen no compatible

Para los robots de los motores de búsqueda

Como los rastreadores de búsqueda no pueden comprender las imágenes correctamente, el texto alternativo les ayuda a comprender correctamente el significado de una imagen y un índice en la base de datos. Los motores de búsqueda tienen rastreadores separados para imágenes y rastreo web para que la imagen correspondiente o los resultados de la búsqueda web se puedan mostrar eficazmente a los usuarios. Agregar texto alternativo a las imágenes es una parte esencial de la optimización de imágenes para los motores de búsqueda.

Sintaxis

El atributo Alt se utiliza como parte de la etiqueta de etiqueta de imagen HTML con el atributo alt:

<img src="image URL" alt="short image description">

Agregar texto alternativo a una imagen

Se puede agregar texto alternativo a cualquier imagen utilizando la sintaxis anterior como parte de la etiqueta de imagen HTML Weebly y WordPress, lo que muestra lo fácil que es agregar texto alternativo a las imágenes cargadas en una página.

En el creador de sitios Weebly, puede cargar la imagen y simplemente hacer clic en la imagen para abrir la ventana emergente que se muestra a continuación. El texto alternativo se puede agregar fácilmente en el cuadro de texto deseado.

¿Qué es el texto alternativo y cómo agregar texto alternativo a las imágenes?

Texto alternativo para la imagen de Weebly

En la plataforma WordPress autohospedada, cuando carga una imagen, hay opciones para agregar título, título, descripción y texto alternativo.

¿Qué es el texto alternativo y cómo agregar texto alternativo a las imágenes?

Agregar texto alternativo en WordPress

Directrices para texto alternativo

El texto alternativo debe proporcionar un significado apropiado de una imagen para que sea significativa para todos los usos mencionados anteriormente. A continuación, se muestran algunas pautas básicas para los webmasters sobre cómo agregar texto alternativo a las imágenes:

  • El texto alternativo solo es necesario para que los usuarios y los motores de búsqueda comprendan las imágenes significativas. Por ejemplo, una imagen de marca de verificación utilizada para una lista con viñetas en una página web realmente no necesita un texto alternativo como "marca de verificación". De manera similar, las imágenes decorativas pueden tener subtítulos sin texto alternativo.
  • Proporcione texto breve, simple y significativo para las imágenes. Piense qué pasa si el texto que se debe ingresar en caso de que el elemento no textual no se pueda usar en ese lugar.
  • Si las imágenes contienen palabras, es una buena idea usar las mismas palabras que el texto alternativo.
  • Asegúrese de que el texto alternativo esté alineado con las palabras clave principales de todo el artículo. El uso de texto irrelevante para las imágenes reducirá la clasificación de búsqueda, ya que los rastreadores piensan que no hay relevancia entre las imágenes y el contenido de esa página.

1 El nombre real de una imagen no tiene ningún impacto en el SEO ni en la experiencia del usuario.

2 El texto alternativo es diferente al título, la leyenda y la descripción de una imagen.

3 WordPress tiene complementos de alta gama como Yoast SEO, que calcula la puntuación de SEO de la página considerando las descripciones de texto alternativo de las imágenes en esa página. Esto ayudará a ajustar el texto alternativo y mejorar la puntuación de SEO.

Fuente de grabación: www.webnots.com
Deja una respuesta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More