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 principiantes 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 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 es diferente al título de la imagen. El título es texto que se muestra en un pequeño cuadro emergente cuando coloca el cursor del mouse sobre la imagen.
Los títulos de las imágenes y las etiquetas alternativas también se utilizan para mejorar la accesibilidad de su sitio web para las personas con problemas de visión o lectores de pantalla.
El lector de pantalla leerá el texto de su artículo 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 en todas sus imágenes.
Consejo profesional: Recomendamos usar Complemento 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 ayuda adicional con el editor de bloques, simplemente consulte nuestro tutorial sobre cómo usar el 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.
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 ninguna instancia de esa 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 texto alternativo aquí, el texto alternativo se incluirá con ella.
Si todavía usa el editor clásico de WordPress, puede agregar texto alternativo de imagen al agregar la imagen.
Primero, haga clic en ‘Agregar medios’ encima del cuadro de publicación.
Cargue la imagen desde su computadora o haga clic en la pestaña ‘Biblioteca de medios’ para ver las imágenes que ya ha cargado.
A continuación, haga clic en la imagen que desea para seleccionarla y luego escriba el texto alternativo que desea en los ‘Detalles del archivo adjunto’ de su imagen:
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 cuando la edita en el editor visual.
El título no es necesario para el 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 coloca 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 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:
El ‘Título’ aquí es utilizado por WordPress para identificar la imagen. Cuando haces clic en el enlace ‘Ver página de adjuntos’ en la parte inferior de la pantalla, verás que el título se usa como título en esa página:
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 eso?
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:
Luego 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:
A continuación, puede establecer el atributo de título de la imagen.
Desafortunadamente, en el editor de bloques, no es tan fácil editar el atributo del título de la imagen. Sin embargo, todavía es posible. Puede agregar su imagen como de costumbre 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 haga clic en ‘Editar como HTML’.
Puede parecer un poco confuso, pero todo lo que necesita saber es que la etiqueta es lo que crea su imagen. Verás el nombre de archivo de tu imagen allí.
Para agregar el atributo de título a su imagen, simplemente necesita agregar title="Your image title here" a la etiqueta de imagen como esta:
<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 que advierte que “Este bloque contiene contenido inesperado o no válido”.
Simplemente haga clic en el botón ‘Convertir a HTML’ y su 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 debe utilizar el texto alternativo y el título de la imagen
Recomendamos encarecidamente utilizar texto alternativo para todas las imágenes. Aquí en adrimadiseño, 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 de clasificación para las imágenes. También lo utilizan los lectores de pantalla para ayudar a los visitantes con problemas de visión a interactuar completamente con su contenido.
Es importante no incluir 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, entonces su palabra clave objetivo podría ser “el 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 para WordPress”: esto no describe la imagen y está repleto de palabras clave.
- “Configurar una cuenta de alojamiento de WordPress”: esto es 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 es posible que desee echar un vistazo a 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 tutoriales en video de WordPress. También puedes encontrarnos en Gorjeo y Facebook.