Texto alternativo de la imagen frente al título de la imagen en WordPress

Muchos contenidos de la web incluyen imágenes. Sin embargo, no muchos propietarios de sitios web optimizan sus imágenes para mejorar la velocidad o la clasificación.

Aunque WordPress viene con la capacidad de agregar texto alternativo y un título de imagen, los principiantes a menudo no comprenden la diferencia y cómo usarlos.

En este artículo, compartiremos la diferencia entre el texto alternativo de la imagen y el título de la imagen en WordPress, para que pueda mejorar el SEO de su imagen.

¿Qué es el texto alternativo y el título de la imagen?

El texto alternativo es la abreviatura de texto alternativo. Es un atributo agregado a una etiqueta de imagen en HTML. Esto ayuda a los visitantes que no pueden ver la imagen y a los robots de los motores de búsqueda a comprender de qué se trata una imagen.

El texto alternativo también se muestra si la imagen de su página no se puede encontrar o no se puede mostrar por algún motivo.

El texto alternativo "Un ramo de flores" se muestra junto a

El texto alternativo difiere del título de la imagen. El título es texto que aparece en una pequeña ventana emergente cuando mueve el cursor del mouse sobre la imagen.

A

La etiqueta alt y los títulos de las imágenes también se utilizan para mejorar la accesibilidad de su sitio web para aquellos con problemas de visión o dispositivos de lectura de pantalla.

El lector de pantalla leerá el texto de tu publicación y cuando se trata de una imagen, leerá el texto alternativo. Dependiendo de la configuración del usuario, también puede leer el texto del título.

Tanto para la accesibilidad como para la optimización de motores de búsqueda (SEO), el texto alternativo es más importante que el texto del título. Es por eso que recomendamos encarecidamente incluir texto alternativo para todas sus imágenes.

Consejo profesional: Se recomienda utilizar Plugin de SEO todo en uno para WordPress para agregar un mapa del sitio de imagen adecuado y otras características de SEO para mejorar su clasificación de SEO.

Cómo agregar texto alternativo a una imagen en WordPress

WordPress le permite agregar fácilmente texto alternativo a sus imágenes. Simplemente cree una nueva publicación o página o edite una existente y agregue un bloque de imagen.

Si no está seguro de cómo agregar un bloque o necesita más ayuda con el editor de bloques, consulte nuestro tutorial sobre cómo usar el editor de bloques de WordPress.

Primero, cargue su imagen o arrástrela al bloque Imagen. A continuación, puede establecer el texto alternativo en el lado derecho de la página.

Agregar texto alternativo a una imagen en el editor de bloques de WordPress

También puede agregar texto alternativo a una imagen yendo a Mediateca y haciendo clic en la imagen para editarla.

Recuerde, esto no cambiará el texto alternativo para las instancias de esa imagen que ya ha colocado en publicaciones o páginas. Sin embargo, si agrega la imagen a una publicación o página después de agregar texto alternativo aquí, el texto alternativo se incluirá con ella.

Ver o editar texto alternativo para su imagen en la biblioteca de medios de WordPress

Si todavía está utilizando el editor clásico de WordPress, puede agregar texto alternativo a la imagen al agregar la imagen.

Primero, haga clic en "Agregar medios" encima del cuadro de publicación.

Hacer clic

Sube la imagen desde tu computadora o haz clic en la pestaña "Biblioteca multimedia" para ver las imágenes que ya ha subido.

Luego, haga clic en la imagen que desea seleccionar, luego escriba el texto alternativo que desea en el "Detalles adjuntos" de tu imagen:

Agregar texto alternativo a una imagen en el editor clásico

Cómo agregar un título de imagen en WordPress

Hay dos tipos de atributos de título que puede agregar a sus imágenes.

El atributo de título predeterminado de WordPress no se agrega al código HTML de la imagen. WordPress lo utiliza internamente para identificar archivos multimedia.

Si desea agregar títulos a sus imágenes, debe hacerlo utilizando la Biblioteca de medios. Actualmente no es posible agregar un título a una imagen mientras se edita en el editor visual.

El título no es necesario para SEO de imágenes o para usuarios con lectores de pantalla. Sin embargo, puede ser útil en algunos casos, ya que le permite proporcionar información cuando un usuario pasa el mouse sobre la imagen.

Una cosa que a menudo confunde a los usuarios de WordPress, incluidos algunos usuarios experimentados, es que WordPress le permite titular imágenes. Esto es completamente independiente del atributo del título de la imagen.

Por ejemplo, verá un campo "Título" al editar imágenes en la biblioteca multimedia:

Ver o cambiar el título de la imagen en la biblioteca de medios

El "Título" aquí WordPress lo utiliza para identificar la imagen. Cuando haces clic en el enlace "Ver la página de archivos adjuntos" en la parte inferior de la pantalla, verá que el título se utiliza como título en esa página:

Visualización de la página de adjuntos de la imagen, con el título de la imagen mostrado

Si bien esto puede resultar útil en algunos casos, no es lo mismo que el atributo del título de la imagen. Entonces, ¿cómo lo creas?

En el antiguo editor clásico, puede agregar el atributo de título haciendo clic en una imagen y luego en el ícono de lápiz:

Editar una imagen en el editor clásico de WordPress

A continuación, verá la pantalla "Detalles de la imagen". Para establecer el atributo del título de la imagen, haga clic en la pequeña flecha hacia abajo junto a "Opciones avanzadas" abajo:

Haga clic en la flecha hacia abajo para ver detalles avanzados de la imagen.

A continuación, puede establecer el atributo del título de la imagen.

Configuración del atributo del título de la imagen en el editor clásico

Desafortunadamente, en el editor de bloques, no es tan fácil cambiar el atributo del título de la imagen. Sin embargo, todavía es posible. Puede agregar su imagen normalmente, luego editar el bloque como código HTML.

Para cambiar a la vista HTML del bloque, haga clic en "Otras opciones" (los 3 puntos verticales) y luego haga clic en "Editar como HTML".

Edita tu imagen como HTML

Puede sonar un poco confuso, pero todo lo que necesita saber es que el es lo que crea tu imagen. Verá el nombre de archivo de su imagen allí.

El código HTML de la imagen.

Para agregar el atributo de título a su imagen, simplemente necesita agregar title="Your image title here" a la etiqueta de imagen así:

<img src="https://www.yourwebsitename.com/wp-content/uploads/2020/03/daffodils-bunch-vase.jpg" title="Bunch of daffodils" alt="A lovely bunch of daffodils" class="wp-image-257"/>

No importa en qué parte de la etiqueta de la imagen coloques el atributo del título.

Después de ingresar el título, verá un mensaje advirtiendo que "Este bloque incluye contenido inesperado o no válido".

Mensaje de advertencia de que el bloque tiene contenido inesperado

Simplemente haga clic en el botón "Convertir a HTML" y el bloque de imagen se convertirá a código HTML. Seguirá mostrándose en su sitio exactamente como antes, pero no podrá editar la imagen con el editor de bloques.

Por qué y cómo usar el texto alternativo y el título de la imagen

Recomendamos encarecidamente utilizar texto alternativo para todas las imágenes. Aquí en TrucosWP, también agregamos un título a todas las imágenes. Sin embargo, esto es menos importante que el texto alternativo.

El texto alternativo es importante porque Google se centra en él como un factor de clasificación para las imágenes. También lo utilizan los lectores de pantalla para ayudar a los visitantes con discapacidad visual a interactuar plenamente con su contenido.

Es importante no poner palabras clave en las etiquetas alt y title. Hágalos descriptivos y útiles, de modo que sean útiles para los visitantes que los necesiten. Puede usar sus palabras clave cuando sea relevante, pero no se exceda.

Por ejemplo, si está escribiendo un artículo sobre el mejor alojamiento de WordPress, su palabra clave objetivo podría ser "mejor alojamiento de WordPress".

Es posible que tenga una captura de pantalla en su artículo que muestre a los usuarios cómo configurar una cuenta con un servidor web popular como Bluehost.

Aquí hay algunas opciones posibles para su texto alternativo para esa imagen:

  • "Configuración de la cuenta": No es muy descriptivo y tampoco incluye nada relacionado con su palabra clave.
  • "Mejor alojamiento de WordPress, alojamiento de WordPress, mejor alojamiento web de WordPress" - esto no describe la imagen y está lleno de palabras clave
  • "Configurar una cuenta de alojamiento de WordPress": Es mucho mejor ya que es descriptivo y utiliza parte de la palabra clave de forma natural y adecuada.

Esperamos que este artículo le haya ayudado a comprender la diferencia entre el texto alternativo de la imagen y el título de la imagen en WordPress. También es posible que desee consultar nuestra guía para principiantes sobre cómo optimizar imágenes para la web para acelerar su sitio y nuestra comparación de los mejores plugins y herramientas de SEO de WordPress para mejorar su clasificación.

Deja una respuesta

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

Subir