Comprensión del atributo del título de la imagen
Optimizar las imágenes de su sitio web no es una tarea sencilla. No solo necesita asegurarse de que el tamaño de sus archivos sea manejable para evitar largos tiempos de carga de la página, sino que también presentan muchas oportunidades para mejorar su optimización de motor de búsqueda (SEO) que son fáciles de pasar por alto. Por ejemplo, es posible que no conozca el atributo del título de la imagen y el papel que desempeña en los elementos visuales de su sitio.
En esta publicación, arrojaremos algo de luz sobre el atributo del título de la imagen, discutiremos en qué se diferencia del atributo alt y hablaremos sobre lo que significa para su estrategia de SEO. También le mostraremos cómo ocultarlo a los visitantes de su sitio.
¡Vamos a sumergirnos!
Introducción al atributo de título de imagen
Lo primero es lo primero: el atributo del título de la imagen no es el mismo que el nombre del archivo de la imagen. Más bien, es información que se puede incluir en la etiqueta HTML de la foto o el gráfico. Aquí hay un ejemplo, con el atributo title al final:
<img src="filename.jpg" alt="description of your image" title="image title">
El impacto más notable que tiene el atributo de título es que los usuarios pueden verlo como una "información sobre herramientas" en la parte frontal de su sitio cuando se colocan sobre la imagen.
No todos los navegadores admiten esta función. Sin embargo, Firefox es uno de los pocos que lo hace, y es el tercer navegador más popular de la web. Puede agregar atributos de título de imagen en WordPress a través de su biblioteca de medios . Simplemente haga clic en la imagen en cuestión y complete el campo Título.
También puede agregarlo directamente en el Editor de bloques. Expanda la configuración avanzada para el bloque de imagen y complete el campo Atributo de título.
El propósito de hacer visible el título de la imagen al pasar el mouse es proporcionar un poco de contexto adicional para sus visitantes. Por ejemplo, algunos creadores de contenido incluirán los nombres de las personas representadas en la imagen o detalles clave que los usuarios pueden beneficiarse de conocer.
Sin embargo, no desea confiar exclusivamente en el atributo de título, especialmente porque no es visible para los usuarios en todos los navegadores. En algunos casos, una leyenda puede ser más eficaz . Además, siempre debe asegurarse de agregar texto alternativo a sus imágenes , incluso si tienen atributos de título.
Al crear los atributos de su título, es mejor limitarlos a unas pocas palabras. Sea selectivo y descriptivo para que el texto flotante no sea demasiado largo y proporcione valor a sus visitantes.
La diferencia entre el atributo de título y el atributo Alt
Mencionamos anteriormente que es importante agregar texto alternativo a sus imágenes incluso si ha incluido un atributo de título. Es un error común para los creadores de contenido confundir el atributo del título de la imagen con el atributo alt, o asumir que usar ambos es excesivo.
El atributo alt especifica el texto alternativo de la imagen en su etiqueta HTML. Es el segundo atributo enumerado en nuestro ejemplo anterior:
img src="filename.jpg" alt="description of your image" title="image title">
El propósito del texto alternativo es describir elementos visuales a los usuarios que no pueden verlos, ya sea porque la imagen no se cargó o porque están usando un lector de pantalla. Este texto se mostrará en lugar de la imagen en los casos en que no se pueda renderizar.
En WordPress, puede agregar texto alternativo a las imágenes a través de su Biblioteca de medios o la configuración de cualquier bloque de imagen en el Editor de bloques. Esto es clave para garantizar que su sitio cumpla con los estándares de accesibilidad , por lo que le recomendamos encarecidamente que lo haga.
Es extremadamente importante no intentar usar el atributo del título de la imagen para reemplazar el atributo alt. No todos los lectores de pantalla admiten el atributo de título, y no hay forma de que los usuarios que dependen de la navegación del teclado pasen el cursor sobre una imagen para verla, por lo que esto podría ocasionar serios problemas de accesibilidad en su sitio.
Cómo el atributo del título de la imagen afecta el SEO
Hay muchos mensajes mixtos cuando se trata de la importancia del atributo del título de la imagen para el SEO. Algunos afirman que es una manera excelente de incorporar palabras clave adicionales, mientras que otros dicen que los robots de los motores de búsqueda ni siquiera lo rastrean.
Para ir al grano, el atributo del título de la imagen no es un factor de clasificación directo. La optimización de sus imágenes añadiendo títulos a todas ellas probablemente no supondrá un cambio significativo en la visibilidad de sus páginas en los resultados de los motores de búsqueda.
Sin embargo, incluir atributos de título tampoco perjudicará a su sitio desde el punto de vista de SEO. De hecho, Google lo recomienda . Si los robots de los motores de búsqueda los rastrean e incorporas palabras clave , es posible que puedas dar un impulso a tus imágenes en los resultados de búsqueda de imágenes de Google al menos.
Además, los títulos de imágenes pueden mejorar la experiencia del usuario (UX) de su sitio al compartir detalles clave con los visitantes. Esto puede contribuir indirectamente al SEO al influir en factores de clasificación como las visitas a la página, la duración de la sesión y otras métricas similares.
Aun así, como hemos mencionado varias veces, no todos los navegadores y dispositivos admiten texto flotante. Revisar su biblioteca multimedia y agregar títulos a cada archivo podría ser una gran pérdida de tiempo si la mayoría de sus usuarios nunca lo verán.
Conclusión
Es posible crear contenido en línea durante años y nunca pensar en los atributos del título de sus imágenes. Sin embargo, ignorarlos por completo podría ser una oportunidad perdida para brindar un contexto adicional a sus usuarios. Más importante aún, el uso indebido de este atributo podría tener consecuencias negativas para la accesibilidad y el SEO de su sitio.
En esta publicación, discutimos las diferencias entre el atributo del título de la imagen y el atributo alt para que pueda maximizar su SEO. También le explicamos cómo ocultar la información sobre herramientas del título de la imagen en la parte frontal para que los visitantes no puedan verla cuando se desplazan sobre una foto o gráfico.