Using Image Alt Text And Title In Wordpress

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

Gran parte del contenido de la web incluye imágenes. Sin embargo, no muchos propietarios de sitios web optimizan sus imágenes para lograr mayor velocidad o mejores clasificaciones de búsqueda. Aunque WordPress viene con la opción de agregar texto alternativo y un título de imagen, a menudo los novatos no entienden 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?

Alt Text es la abreviatura de Alt Text. Es un atributo agregado a una etiqueta de imagen en HTML. Esto ayuda a los visitantes que no pueden ver la imagen y a las arañas de los motores de búsqueda a comprender qué es 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.

Texto Alternativo
El texto alternativo es diferente del título de la imagen. El título es texto que aparece en un pequeño cuadro emergente cuando pasa el cursor del mouse sobre la imagen.
Una Imagen Con El Texto Del Título.
Las etiquetas Alt y los títulos de las imágenes también se utilizan para mejorar la accesibilidad de su sitio web para personas con discapacidad visual o lectores de pantalla. El lector de pantalla leerá el texto de su artículo y cuando sea una imagen, leerá el texto alternativo. Dependiendo de la configuración del usuario, también puede leer el texto del título. Para la accesibilidad y 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 le recomendamos encarecidamente que incluya texto alternativo para todas sus imágenes.
Consejo profesional: Le recomendamos que utilice el plugin All in One SEO para WordPress para agregar un mapa del sitio de imágenes adecuado y otras funciones 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 sabe cómo agregar un bloque o necesita más ayuda con el editor de bloques, simplemente consulte nuestro tutorial sobre el uso del editor de bloques de WordPress. Primero, cargue su imagen o arrástrela y suéltela en el bloque Imagen. Luego puede establecer el texto alternativo en el lado derecho de la página.
Agregue 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 pinchando en la imagen para modificarla. Tenga en cuenta que esto no cambiará el texto alternativo de las instancias de esta imagen que ya haya insertado en publicaciones o páginas. Sin embargo, si agrega la imagen a una publicación o página después de agregar el texto alternativo aquí, el texto alternativo se incluirá con ella.
Visualización O Edición De Texto Alternativo Para Su Imagen En La Biblioteca Multimedia 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.
Haga Clic En
Descargue la imagen de su computadora o haga clic en la pestaña «Biblioteca de medios» para ver las imágenes que ya ha descargado. A continuación, haga clic en la imagen que desea seleccionar, luego escriba el texto alternativo que desea en los « Detalles del archivo adjunto » de su 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 puede agregar un título a una imagen mientras la 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, esto puede ser útil en algunos casos porque 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 avanzados, es que WordPress le permite dar un título a las imágenes. Esto es completamente independiente del atributo del título de la imagen. Por ejemplo, verá un campo «Título» cuando edite imágenes en la biblioteca de medios:
Mostrar O Modificar El Título De La Imagen En La Biblioteca De Medios
El «título» aquí es utilizado por WordPress para identificar la imagen. Cuando haga clic en el enlace «Ver 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:
Muestre La Página De Adjuntos De La Imagen, Con El Título De La Imagen Mostrado
Si bien esto puede ser útil en algunos casos, no es lo mismo que el atributo de título de la imagen. Entonces, ¿cómo creas esto? En el antiguo editor clásico, puede agregar el atributo de título haciendo clic en una imagen y luego haciendo clic en el icono de lápiz:
Edite 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» en la parte inferior:
Haga Clic En La Flecha Hacia Abajo Para Ver Detalles Avanzados De Su Imagen
A continuación, puede establecer el atributo de título de la imagen.
Establecer El Atributo De Título De La Imagen En El Editor Clásico
Desafortunadamente, en el editor de bloques no es tan fácil cambiar el atributo de título de la imagen. Sin embargo, todavía es posible. Puede agregar su imagen normalmente y luego editar el bloque como código HTML. Para cambiar a la vista HTML del bloque, haga clic en “Más opciones” (los 3 puntos verticales) y luego en “Modificar en formato HTML”.
Edita Tu Imagen En Formato Html
Puede sonar un poco confuso, pero todo lo que necesita saber es que el La etiqueta es lo que crea tu imagen. Allí verá el nombre de archivo de su imagen.
El Código Html De La Imagen.
Para agregar el atributo de título a su imagen, solo necesita agregar title = «El título de su imagen aquí» a la etiqueta de la imagen de esta manera:

Un Bonito Ramo De Narcisos.

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 de advertencia que indica que «Este bloque contiene contenido inesperado o no válido».
Mensaje De Advertencia Que Indica Que El Bloque Tiene Contenido Inesperado
Simplemente haga clic en el botón «Convertir a HTML» y su cuadro de imagen se convertirá a código HTML. Seguirá apareciendo en su sitio exactamente como lo hacía 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 que utilice texto alternativo para todas las imágenes. Aquí en MundoCMS, 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 enfoca en él como un factor en la clasificación de imágenes. Los lectores de pantalla también lo utilizan para ayudar a los visitantes con discapacidad visual a interactuar plenamente con su contenido. Es importante no insertar 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 apropiado, 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 «el mejor alojamiento de WordPress». Es posible que tenga una captura de pantalla en su publicación que muestre a los usuarios cómo crear una cuenta con un servidor web popular como Bluehost. Aquí hay algunas opciones posibles para su texto alternativo para esta imagen:

  • «Configuración de la cuenta»: no es muy descriptivo ni incluye nada relacionado con su palabra clave.
  • «Mejor alojamiento de WordPress, alojamiento de WordPress, mejor alojamiento web para WordPress»: esto no describe la imagen y está repleto de palabras clave.
  • «Cree una cuenta de alojamiento de WordPress» – mucho mejor ya que es descriptivo y usa parte de la palabra clave de una manera natural y apropiada

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 puede 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 complementos y herramientas de WordPress SEO para mejorar su clasificación. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Leave a Reply