Cómo agregar fácilmente atributos de título a las imágenes en WordPress
¿Desea agregar un atributo de título a las imágenes en WordPress? El atributo de título hace que las imágenes en su sitio de WordPress sean más accesibles y compatibles con SEO.
Al igual que el texto alternativo, las etiquetas de título le permiten proporcionar información adicional sobre una imagen. Esto ayuda a los lectores de pantalla y a los motores de búsqueda a comprender el contexto de las imágenes en los artículos.
En este artículo, le mostraremos cómo agregar fácilmente atributos de título a las imágenes en WordPress.
¿Qué es el atributo de título en una imagen?
La propiedad de título en una imagen le permite agregar una descripción textual de la imagen. Esto facilita que los lectores de pantalla y los robots de los motores de búsqueda comprendan la imagen y su contexto.
Le mostraremos algunos ejemplos de código para explicar cómo usar el atributo de título en HTML. Pero no se preocupe, no necesita agregar ningún código HTML a su sitio web.
Por lo general, puede mostrar una imagen con marcado HTML como este:
<img src="/path/to/image/fruits.jpg" width="100" height="100" />
Sin embargo, los rastreadores web, los robots y los lectores de pantalla no pueden ver sus imágenes. Para ayudar a estos dispositivos, puede usar atributos de texto alternativo y texto de título en las imágenes.
Por lo tanto, para ayudar a los motores de búsqueda y los bots a comprender cuál es su imagen, puede agregar atributos de texto alternativo a sus etiquetas de imagen.
El atributo de etiqueta alternativa describe qué es su imagen y es más importante que el atributo de título. Esto es lo que parece:
<img src="/path/to/image/fruits.jpg" width="100" height="100" alt="A fruit basket" />
Las etiquetas alternativas también se muestran cuando el enlace de la imagen está roto, no se encuentra o el navegador no puede cargar la imagen. Verá un icono de imagen pequeño con una etiqueta alternativa al lado.
Para comodidad de los usuarios con lectores de pantalla y necesidades de accesibilidad, también puede agregar un atributo de título a la imagen, como este:
<img src="/path/to/image/fruits.jpg" width="100" height="100" alt="A fruit basket" title="Fruit Basket" />
Esta propiedad de título aparece en una ventana emergente cuando pasa el cursor sobre la imagen. Aquellos que usan software de lector de pantalla pueden configurar su software para leer este título.
El uso de atributos de texto alternativo y título ayuda al SEO de su imagen para que pueda generar más tráfico a su sitio web desde los motores de búsqueda.
Agregar atributo de título a las imágenes en WordPress
WordPress le permite agregar fácilmente texto alternativo y atributos de título en el editor de contenido.Primero, ve a Publicaciones » añadir nuevo y crear una publicación.
Haz clic en el ícono “+” y selecciona el bloque “Imagen” para insertar una imagen en tu publicación o página.
Se le pedirá que cargue o seleccione una imagen de la biblioteca de medios. Cuando selecciona una imagen, puede elegir nombrarla e ingresar texto alternativo.
importante: Este título no es un atributo de título utilizado en HTML. WordPress usa esto internamente para mostrar sus imágenes en la biblioteca de medios.
Para agregar el atributo de título real, debe hacer clic en la imagen para ver la configuración de la imagen en la columna de la derecha.
Ahora haga clic para expandir la pestaña Avanzado e ingrese el texto que desea usar para el atributo de título. Escribimos “Fruit Basket” porque le dice a Internet qué es una imagen.
Ahora, cuando vea su sitio web y coloque el cursor sobre la imagen, verá una ventana emergente que dice “Cesta de frutas”.
Agregar atributo de título a las imágenes en el editor clásico de WordPress
Si aún usa el antiguo editor clásico en WordPress, aún puede seguir pasos similares para agregar el atributo de título.
En el editor clásico, haría clic en el botón “Agregar medios” y luego seleccionaría su imagen.
Ahora, seleccione la imagen que desea agregar a la publicación o página y complete los campos de texto alternativo y los campos de título.
Recuerde, WordPress usa este título internamente, no el atributo del título de la imagen.
Haz clic en el botón “Insertar publicación” en la parte inferior de la pantalla y verás tu imagen en el editor de publicaciones clásico.
Desde allí, haga clic para seleccionar su imagen, luego haga clic en el ícono del lápiz pequeño. Esto abrirá la ventana emergente Detalles de la imagen. Desde aquí, debe hacer clic en el menú desplegable “Opciones avanzadas” para ingresar las propiedades del título de la imagen.
No olvide hacer clic en el botón “Actualizar” en la parte inferior, luego guarde su publicación y visualícela en su navegador. Cuando pasa el cursor sobre una imagen, verá una ventana emergente que muestra las propiedades del título de la imagen.
Esperamos que este artículo le haya ayudado a agregar fácilmente atributos de título a las imágenes en WordPress. También puede querer aprender cómo solucionar los problemas de imagen más comunes en WordPress y cómo guardar imágenes optimizadas para la velocidad web.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Facebook.
Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.
