Cómo agregar fácilmente el atributo de título a las imágenes en WordPress (2 métodos)

Después de publicar miles de artículos en WPBeginner, hemos aprendido que los pequeños detalles pueden tener un gran impacto. Agregar un atributo de título a tus imágenes es una de esas pequeñas cosas que marcan una gran diferencia.

Es un paso fácil de pasar por alto, pero olvidarlo significa que estás perdiendo la oportunidad de mejorar tanto la accesibilidad del sitio web como el SEO de las imágenes. Este simple atributo proporciona contexto adicional tanto a tus visitantes como a los motores de búsqueda.

Afortunadamente, WordPress facilita la adición de títulos a las imágenes, y no necesitas ninguna habilidad especial. Te guiaremos a través de dos métodos sencillos para lograrlo.

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

Los rastreadores web, bots y dispositivos de lectura de pantalla no pueden ver tus imágenes. En cambio, 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 y a los motores de búsqueda a comprender de qué trata la imagen.

Es por eso que recomendamos agregar una etiqueta de título a tus 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 tus imágenes correctamente y luego mostrarlas a las personas que buscan contenido como el tuyo. 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 es útil para los visitantes que tienen problemas de visión.

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

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

• Método 1: Agregar el atributo de título a las imágenes usando el editor de bloques
• Método 2: Agregar el atributo de título a las imágenes usando el editor clásico de WordPress
• Consejos adicionales para mejorar el SEO de imágenes
• Preguntas frecuentes (FAQs)
• Recursos adicionales para la optimización de imágenes

Método 1: Agregar el atributo de título a las imágenes usando el editor de bloques

Puedes agregar fácilmente texto alternativo y atributos de título a cualquier imagen en el editor de contenido de WordPress. Simplemente ve a Entradas » Agregar nueva y crea una entrada.

Luego, haz clic en el ícono '+' y selecciona el bloque de Imagen para agregar una imagen a la entrada o página.

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

Ahora puedes agregar texto alternativo escribiendo en el campo 'Título'.

También hay un campo 'Título', pero este es el título que WordPress usa internamente para identificar archivos multimedia en la Biblioteca de Medios. Para más información sobre este tema, por favor consulta nuestra guía sobre texto alternativo de imagen vs. título de imagen en WordPress – ¿cuál es la diferencia.

Para agregar un atributo de título de imagen HTML, deberás continuar y agregar la imagen a tu página o entrada, como de costumbre. Luego, haz clic para expandir la sección 'Avanzado' en el menú del lado derecho.

Esto tiene un campo 'Atributo de título', que es el verdadero atributo de título de imagen HTML.

Simplemente escribe la información que deseas usar en el campo.

Ahora puedes continuar y hacer clic en 'Actualizar' o 'Publicar' para que tus cambios se hagan en vivo.

Ahora, simplemente pasa el mouse sobre la imagen y verás una ventana emergente que contiene tu etiqueta de título.

Método 2: Agregar el atributo de título a las imágenes usando el editor clásico de WordPress

Si estás usando el editor clásico anterior, el proceso para agregar un atributo de título es ligeramente diferente. En el editor clásico, haz clic en el botón ‘Agregar medio’ y selecciona tu imagen.

Ahora, sube una imagen nueva o elige una imagen de la biblioteca de medios. Luego puedes agregar el texto alternativo y un título usando los campos hacia la derecha de la biblioteca de medios.

Una vez más, ten en cuenta que ‘Título’ es utilizado 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és listo, haz clic en el botón ‘Insertar en la publicación’.

Desde allí, haz clic para seleccionar tu imagen y luego selecciona el pequeño ícono del lápiz. Esto abrirá la ventana emergente ‘Detalles de la imagen’.

Simplemente haz clic para expandir la sección de ‘Opciones avanzadas’ y luego escribe la etiqueta de título en el campo ‘Atributo de título de la imagen’.

No olvides hacer clic en el botón 'Actualizar' para guardar tus cambios.

Ahora puedes proceder a publicar la página o entrada para que el texto alternativo de la imagen y la etiqueta de título estén activos.

Consejos adicionales para mejorar el SEO de imágenes

Una vez que subas tus 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 clasifique más alto.

Para hacer esto, debes tener en cuenta agregar palabras clave relevantes en los pies de foto, el título y los atributos de texto alternativo.

Para una solución potente y automatizada, recomendamos usar All in One SEO (AIOSEO). Es el mejor plugin SEO del mercado y el que usamos aquí en WPBeginner para manejar nuestra optimización en la página.

Su módulo de SEO de imágenes ahorra mucho tiempo. Lo usamos para generar automáticamente atributos de título y texto alternativo apropiados para nuestras imágenes, asegurando que todo esté optimizado sin un trabajo manual tedioso.

El plugin también agrega tus imágenes a un mapa del sitio XML para ayudar a los motores de búsqueda a encontrarlas y clasificarlas más rápido. Para un desglose completo de sus características, consulta nuestra reseña completa de All in One SEO.

Además, el plugin te permite deshabilitar las páginas de adjuntos. Estas páginas muestran solo una versión más grande de la imagen real, lo que afecta negativamente tu SEO.

Para deshabilitar las páginas de adjuntos, visita la página All in One SEO » Apariencia de búsqueda y cambia a la pestaña ‘SEO de imágenes’. Desde aquí, asegúrate de que la opción ‘Redirigir URLs de adjuntos’ esté configurada en ‘Adjunto’.

Ahora, las páginas de adjuntos se redirigirán a las propias imágenes.

Aparte de eso, también puedes usar texto descriptivo para los archivos de imagen, comprimir imágenes y agregar backlinks para mejorar el posicionamiento. Para más consejos y trucos, puedes consultar nuestra guía para principiantes sobre SEO de imágenes.

Preguntas frecuentes (FAQs)

Aquí tienes respuestas a algunas de las preguntas más comunes que recibimos sobre cómo agregar atributos de título a las imágenes en WordPress.

¿Cuál es la diferencia entre el texto alternativo de una imagen y el atributo de título de una imagen?

El texto alternativo se muestra cuando una imagen no se puede cargar y es vital para los lectores de pantalla y el SEO. El atributo de título proporciona información adicional como una información sobre herramientas (tooltip) cuando un usuario pasa el cursor sobre la imagen.

Si bien ambos son útiles, el texto alternativo es más crítico para la accesibilidad y el posicionamiento en buscadores.

¿El 'Título' en la Biblioteca de Medios es lo mismo que el 'Atributo de Título'?

No, sirven para propósitos diferentes. El campo 'Título' en la Biblioteca de Medios es para tu uso interno para ayudarte a organizar tus archivos.

El 'Atributo de Título' es el atributo HTML que leen los motores de búsqueda y que crea la información sobre herramientas al pasar el cursor para los visitantes.

¿Puedo agregar títulos de imagen automáticamente en WordPress?

Sí, puedes usar un plugin como All in One SEO (AIOSEO). Su módulo de SEO de imágenes puede generar automáticamente títulos y texto alternativo a partir de los nombres de archivo de tus imágenes, lo que puede ahorrar mucho tiempo.

Recursos adicionales para la optimización de imágenes

Esperamos que esta guía te haya ayudado a agregar atributos de título a tus imágenes. Para más consejos sobre cómo mejorar las imágenes y el SEO de tu sitio, consulta estos artículos relacionados:

• Nuestra selección experta de los mejores plugins de compresión de imágenes
• Cómo usar IA para generar imágenes en WordPress
• Guía para principiantes sobre SEO de imágenes

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.