Post Top Ad

Your Ad Spot

sábado, 25 de julio de 2020

Cómo agregar fácilmente el atributo de título a las imágenes en WordPress

¿Desea agregar el 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 amigables con SEO.
Similar al texto alternativo , la etiqueta del título le permite proporcionar información adicional sobre su imagen. Esto ayuda a los lectores de pantalla y motores de búsqueda a comprender el contexto de la imagen dentro de su artículo.
En este artículo, le mostraremos cómo agregar fácilmente atributos de título a las imágenes en WordPress.
Agregar el atributo de título a las imágenes en WordPress

¿Cuál es el atributo de título en imágenes?

El atributo de título en las imágenes le permite agregar una descripción de texto de su 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 se usa el atributo de título en HTML. Pero no se preocupe, no necesitaría agregar ningún código HTML a su sitio web.
Normalmente, puede mostrar imágenes con la etiqueta HTML como esta:
1
<img src="/path/to/image/fruits.jpg" width="100" height="100" />
Sin embargo, los rastreadores web, los bots y los dispositivos de lectura de pantalla no pueden ver sus imágenes. Para ayudar a esos dispositivos, puede usar el texto alternativo y el atributo de texto del título en sus imágenes.
Por lo tanto, para ayudar a los motores de búsqueda y los robots a aprender cuáles son sus imágenes, puede agregar un atributo de texto alternativo a su etiqueta de imagen.
El atributo de etiqueta alternativa describe cuál es su imagen, y es más importante que el atributo de título. Así es como se ve:
1
<img src="/path/to/image/fruits.jpg" width="100" height="100" alt="A fruit basket" />
La etiqueta alternativa también se muestra cuando un enlace de imagen está roto, no se encuentra o cuando un navegador no puede cargar imágenes. Verá el pequeño icono de imagen con la etiqueta alternativa al lado.
Ruta de imagen rota
Para que sea más fácil para los usuarios con lectores de pantalla y necesidades de accesibilidad, también puede agregar un atributo de título a la imagen, como este:
1
<img src="/path/to/image/fruits.jpg" width="100" height="100" alt="A fruit basket" title="Fruit Basket" />
Este atributo de título aparece en una ventana emergente cuando pasa el mouse sobre la imagen. Aquellos que usan software de lector de pantalla pueden configurar su software para leer este título.
Atributo de título de imagen
Usar tanto el texto alternativo como el atributo de título ayuda a su imagen SEO , por lo que puede atraer más tráfico a su sitio desde los motores de búsqueda.

Agregar atributo de título a imágenes en WordPress

WordPress le permite agregar fácilmente texto alternativo y atributos de título dentro del editor de contenido . Primero, vaya a Publicaciones »Agregar nuevo y cree una publicación.
Haga clic en el ícono '+' y seleccione el bloque 'imagen' para insertar una imagen en su publicación o página.
Agregar bloque de imagen
Se le pedirá que cargue o seleccione una imagen de su biblioteca de medios. Cuando seleccione su imagen, tendrá la opción de asignarle un título e ingresar su texto alternativo.
Agregue alt y título a la imagen
Importante: este título no es el atributo de título utilizado en HTML. Este es usado internamente por WordPress para mostrar sus imágenes en la Biblioteca de Medios.
Para agregar el atributo de título real, deberá hacer clic en su imagen para ver la configuración de la imagen en la columna 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 cuál es la imagen.
Añadir atributo de título
Ahora, cuando vea su sitio y pase el mouse sobre la imagen, verá la ventana emergente que dice 'Canasta de frutas'.
Atributo de título de imagen

Agregue el atributo de título a las imágenes en WordPress Classic Editor

Si todavía está utilizando el editor clásico más antiguo en WordPress, aún puede agregar el atributo de título siguiendo pasos similares.
En el editor clásico , hará clic en el botón 'Agregar medios' y luego seleccionará su imagen.
Añadir editor clásico de imágenes
Ahora, seleccione la imagen que desea agregar a su publicación o página y complete el campo Texto alternativo y el campo Título.
Tenga en cuenta que este título es utilizado internamente por WordPress y no es el atributo del título de la imagen.
Seleccionar editor clásico de imágenes
Haga clic en el botón 'Insertar en la publicación' en la parte inferior de la pantalla y luego verá su imagen en su editor de publicaciones clásico.
Editar imagen en la publicación
Desde allí, haga clic para seleccionar su imagen y luego haga clic en el pequeño icono de lápiz. Aparecerá la ventana emergente 'Detalles de imagen'. Desde aquí, debe hacer clic en el menú desplegable Opciones avanzadas para ingresar su Atributo de título de imagen.
Campo de atributo de título de imagen
No olvides hacer clic en el botón 'Actualizar' en la parte inferior, luego guarda tu publicación y compruébalo en tu navegador. verá la ventana emergente que muestra el atributo del título de la imagen cuando pase el mouse sobre la imagen.
Ventana emergente de atributo de título de imagen
Esperamos que este artículo te haya ayudado a agregar fácilmente el atributo de título a las imágenes en WordPress. También es posible que desee ver 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 ver videos tutoriales de WordPress. También nos puede encontrar en Twitter y Facebook .

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas