¿Quieres 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 amigables con el 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 a los motores de búsqueda a comprender el contexto de la imagen de su artículo. En este artículo, le mostraremos cómo agregar fácilmente atributos de título a imágenes en WordPress.
¿Cuál es el atributo de título en las imágenes?
Contents
El atributo de título en imágenes le permite agregar una descripción textual 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 es necesario que agregue ningún código HTML a su sitio web. Normalmente, puede mostrar imágenes con la etiqueta HTML como esta:
Sin embargo, los rastreadores, bots y lectores de pantalla no pueden ver sus imágenes. Para ayudar a estos dispositivos, puede utilizar el atributo de texto alternativo y texto del título en sus imágenes. Por lo tanto, para ayudar a los motores de búsqueda y a los robots a descubrir cuáles son sus imágenes, puede agregar otro atributo de texto 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. Esto es lo que parece:
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.
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:
Este atributo de título aparece en una ventana emergente cuando pasa el mouse sobre la imagen. Aquellos que usan software de lectura de pantalla pueden configurar su software para leer este título.
El uso de texto alternativo y el atributo de título facilita el SEO de su imagen, lo que le permite generar más tráfico a su sitio desde los motores de búsqueda.
Agregar un 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 Artículos »Agregar nuevo y crea un mensaje. Haga clic en el icono «+» y seleccione el bloque «imagen» para insertar una imagen en su artículo o página.
Se le pedirá que descargue o seleccione una imagen de su biblioteca de medios. Cuando selecciones tu imagen, tendrás la opción de darle un título e ingresar tu texto alternativo.
Importante: Este título no es el atributo de título utilizado en HTML. WordPress lo utiliza internamente 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 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 cuál es la imagen.
Ahora, cuando vea su sitio y pase el mouse sobre la imagen, verá la ventana emergente que dice «Canasta de frutas».
Agregar atributo de título a las imágenes en WordPress Classic Editor
Si todavía está utilizando el antiguo editor clásico de WordPress, aún puede agregar un atributo de título siguiendo pasos similares. En el editor clásico, haga clic en el botón «Agregar medios», luego seleccione su imagen.
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 WordPress usa este título internamente y no es el atributo de título de la imagen.
Haga clic en el botón «Insertar en la publicación» en la parte inferior de la pantalla, luego verá su imagen en su editor de publicaciones clásico.
Desde allí, haga clic para seleccionar su imagen y luego haga clic en el pequeño icono de lápiz. Esto abrirá la ventana emergente «Detalles de la imagen». Desde allí, debe hacer clic en la lista desplegable Opciones avanzadas para ingresar el atributo de título de su imagen.
Recuerde hacer clic en el botón «Actualizar» en la parte inferior, luego guarde su publicación y verifíquela en su navegador. Verá la ventana emergente que muestra el atributo de título de su imagen cuando pase el mouse sobre la imagen.
Esperamos que este artículo le haya ayudado a agregar fácilmente el atributo de título a las imágenes en WordPress. Es posible que también desee averiguar cómo solucionar los problemas de imagen más comunes en WordPress y cómo guardar imágenes optimizadas para la velocidad web. 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.
Originally posted 2021-02-24 17:02:49.
