Cómo añadir fácilmente atributos de título a las imágenes en WordPress

¿Quieres añadir el atributo title a las imágenes en WordPress?

El atributo title le permite proporcionar información adicional acerca de cada imagen. Esto ayuda a los lectores de pantalla y a los motores de búsqueda a entender de qué trata la imagen, lo que es excelente para la accesibilidad y el SEO.

En este artículo, le mostraremos cómo añadir fácilmente atributos de título a las imágenes en WordPress.

¿Qué es el atributo Título en las imágenes?

Las arañas web, los robots y los dispositivos de lectura de pantalla no pueden ver las imágenes. En su lugar, ven HTML como:

<img src="/path/to/image/fruits.jpg" width="100" height="100" />

La mayoría de las veces, este código no ayuda a las herramientas de accesibilidad ni a los motores de búsqueda a entender de qué trata la imagen.

Por eso le recomendamos que añada una etiqueta de título a sus imágenes. Por ejemplo:

<img src="/path/to/image/fruits.jpg" width="100" height="100" alt="A fruit basket" title="Fruit Basket" />

Una etiqueta de título útil y relevante ayudará a los motores de búsqueda como Google a indexar correctamente tus imágenes y mostrárselas a las personas que buscan contenidos como los tuyos. Esto puede mejorar el SEO de tus imágenes y aumentar el tráfico de tu blog.

Las herramientas de accesibilidad, como los lectores de pantalla, también leerán el título en voz alta, lo que resulta útil para los visitantes con problemas de visión.

También puede añadir un atributo de etiqueta alternativo, que su sitio web WordPress mostrará si no puede mostrar la imagen real, por ejemplo, debido a un error de WordPress.

Dicho esto, veamos cómo puedes añadir atributos de título a las imágenes de tu blog o sitio web en WordPress. Simplemente utilice los enlaces rápidos a continuación para saltar al método que desea utilizar:

Método 1: Añadir un atributo de título a las imágenes mediante el editor de bloques

Puedes añadir fácilmente atributos de texto alternativo y título a cualquier imagen en el editor de contenido de WordPress. Simplemente ve a Entradas ” Añadir Nueva y crea una entrada.

A continuación, haga clic en el icono “+” y seleccione el bloque Imagen para añadir una imagen a la entrada o página.

Ahora puedes elegir una imagen de la biblioteca de medios o subir una imagen desde tu ordenador. Independientemente de la opción que elijas, asegúrate de hacer clic para seleccionar la imagen en la biblioteca de medios.

Ahora puede añadir texto alternativo escribiendo en el campo “Título”.

También hay un campo ‘Título’, pero este es el título que WordPress utiliza internamente para identificar los archivos de medios en la biblioteca de medios. Para más información sobre este debate, consulta nuestra guía sobre texto alternativo de imagen vs. título de imagen en WordPress – ¿cuál es la diferencia?

Para añadir un atributo HTML de título de imagen, tendrás que añadir la imagen a tu página o entrada de la forma habitual. A continuación, haz clic para ampliar la sección “Avanzado” en el menú de la derecha.

Tiene un campo “Atributo del título”, que es el verdadero atributo HTML del título de la imagen.

Simplemente escriba en el campo la información que desea utilizar.

Ahora puede seguir adelante y hacer clic en “Actualizar” o “Publicar” para hacer efectivos los cambios.

Ahora, sólo tiene que pasar el cursor sobre la imagen y verá un mensaje / ventana emergente con la etiqueta del título.

Método 2: Añadir atributos de título a las imágenes usando el editor clásico de WordPress

Si utiliza el antiguo editor clásico, el proceso de añadir un atributo de título es ligeramente diferente. En el editor clásico, haz clic en el botón “Añadir medios” y selecciona tu imagen.

Ahora, sube una nueva imagen o elige una imagen de la biblioteca de medios. A continuación, puedes añadir el texto alternativo y un título utilizando los campos situados a la derecha de la biblioteca de medios.

Una vez más, tenga en cuenta que “Título” se utiliza internamente por WordPress y no es el verdadero atributo de título de la imagen que puede mejorar el SEO y la accesibilidad.

Cuando esté listo, haga clic en el botón “Insertar en la entrada”.

Desde ahí, haz clic para seleccionar tu imagen y luego selecciona el pequeño icono del lápiz. Aparecerá el mensaje / ventana emergente “Detalles de la imagen”.

Basta con hacer clic para desplegar la sección “Opciones avanzadas” y, a continuación, escribir la etiqueta del título en el campo “Atributo del título de la imagen”.

No olvides hacer clic en el botón “Actualizar” para guardar los cambios.

Ahora puede publicar la página o entrada para que el texto alternativo de la imagen y la etiqueta del título aparezcan.

Consejos adicionales para mejorar el SEO de las imágenes

Una vez subidas las imágenes a la biblioteca de medios, es hora de optimizarlas para los motores de búsqueda. Esto facilitará que Google indexe tus imágenes y las posicione mejor.

Para ello, debe tener en cuenta añadir palabras clave relevantes en las leyendas, el título y los atributos de texto alternativo.

También puede utilizar All in One SEO para WordPress, que es el mejor plugin SEO del mercado.

Viene con una increíble extensión de SEO para imágenes que establece automáticamente el texto alternativo, los títulos de las imágenes, las leyendas y mucho más. También añadirá un mapa del sitio de la imagen adecuada para mejorar su posicionamiento SEO.

Además, puedes desactivar las páginas de adjuntos con el plugin. Estas páginas sólo muestran una versión más grande de la imagen real y nada más, afectando negativamente a su SEO.

Para desactivar las páginas de adjuntos, visita la página Todo en Uno SEO ” Apariencia de la Búsqueda y cambia a la pestaña ‘Imagen SEO’. Desde aquí, asegúrate de que la opción “Redirigir URLs adjuntas” está establecida en “Adjuntos”.

Ahora, las páginas de adjuntos serán redirigidas a las propias imágenes.

Además, también puede utilizar texto descriptivo para los archivos de imagen, comprimir imágenes y añadir vínculos de retroceso para mejorar la clasificación. Para más consejos y trucos, puedes consultar nuestra guía para principiantes sobre SEO de imágenes.

Esperamos que este artículo te haya ayudado a añadir fácilmente el atributo title a las imágenes en WordPress. También puedes echar un vistazo a nuestra guía definitiva sobre cómo aumentar la velocidad y el rendimiento de WordPress y a nuestra selección experta de los mejores plugins de compresión de imágenes.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.