Optimizar las imágenes de su sitio web no es una tarea fácil. 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 ofrece muchas oportunidades para mejorar la optimización del 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 las imágenes de su sitio web.
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 eso significa para su estrategia de SEO. También le mostraremos cómo ocultarlo de los visitantes de su sitio web.
¡Vamos a bucear ahora mismo!
Suscríbete a nuestro canal de Youtube
Introducción al atributo del título de la imagen
Primero, el atributo del título de la imagen es no igual que el nombre del archivo de imagen. Más bien, es información que puede estar contenida en la etiqueta HTML de una foto o gráfico. Aquí hay un ejemplo con el atributo de título al final:
<img src="filename.jpg" alt="description of your image" title="image title">
El impacto más notable del atributo de título es cuando los usuarios lo ven como una «información sobre herramientas» en la interfaz del sitio web cuando se desplazan sobre la imagen:
No todos los navegadores admiten esta característica. Sin embargo, Firefox es uno de los pocos que hace esto y es el tercer navegador más popular en la web. Puede agregar atributos de título de imagen en WordPress a través de la biblioteca de medios. Simplemente haga clic en la imagen y complétela. Título campo:
También puede agregarlo directamente en el Editor de bloques. Expandir Avanzado ajustes para el bloque de imagen y relleno Título Atributo campo:
El propósito de mostrar 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 información clave que los usuarios pueden usar.
Sin embargo, no desea confiar únicamente en el atributo de título, especialmente porque no es visible para los usuarios en todos los navegadores. En algunos casos, una firma puede ser más eficaz. Además, siempre debe agregar texto alternativo a sus imágenes, incluso si tienen atributos de título.
Al crear atributos de título, es mejor acortarlos a unas pocas palabras. Sea selectivo y descriptivo para que el texto al pasar el mouse no sea demasiado largo y brinde 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 tiene un atributo de título. Es un error común que los creadores de contenido confundan el atributo del título de la imagen con el atributo alt, o supongan que usar ambos es una exageración.
El atributo alt especifica el texto alternativo de la imagen en su etiqueta HTML. Este es el segundo atributo mencionado en nuestro ejemplo del anterior:
<img src="filename.jpg" alt="description of your image" title="image title">
El texto alternativo tiene como objetivo describir elementos visuales a los usuarios que no pueden verlos porque la imagen no está cargada o están usando un lector de pantalla. Este texto se mostrará en lugar de la imagen en los casos en que no se pueda representar:
En WordPress, puede agregar texto alternativo a las imágenes a través de la biblioteca de medios o la configuración de cualquier bloque de imágenes 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 anular el atributo alt. No todos los lectores de pantalla admiten el atributo de título, y los usuarios que utilizan la navegación con el teclado no pueden pasar el cursor sobre la imagen para verla, lo que puede generar serios problemas de accesibilidad en su sitio.
Cómo el atributo del título de la imagen afecta el SEO
Hay muchos mensajes contradictorios cuando se trata de la importancia del atributo del título de la imagen para el SEO. Algunos argumentan que esta es una excelente manera de incluir palabras clave adicionales, mientras que otros argumentan que los robots de los motores de búsqueda ni siquiera las indexan.
Para ir al grano, el atributo del título de la imagen no es un factor de clasificación directo. Es poco probable que optimizar sus fotos agregando títulos a todas ellas afecte significativamente la visibilidad de sus páginas en los resultados de búsqueda.
Sin embargo, incluir atributos de título tampoco será herido Tu sitio web desde una perspectiva SEO. En realidad, Google lo recomienda. Si los robots del motor de búsqueda los indexan y activa las palabras clave, al menos puede mejorar sus imágenes en los resultados de búsqueda de imágenes de Google.
Además, los títulos de las imágenes pueden mejorar la experiencia del usuario (UX) de un sitio web al proporcionar información clave a los visitantes. Así que tal vez contribuir indirectamente al SEO al influir en los factores de clasificación, como las visitas a la página, la duración de la sesión y otras métricas similares.
Aún así, como hemos mencionado varias veces, no todos los navegadores y dispositivos admiten texto flotante. Navegar por la biblioteca de medios y agregar títulos a cada archivo puede ser una gran pérdida de tiempo si la mayoría de los usuarios nunca lo ven.
¿Cómo oculto una sugerencia de título de imagen en WordPress?
Es posible que desee ocultar la pista del título de la imagen. Es posible que le preocupe que los usuarios lo encuentren molesto o que quieran usarlo principalmente con fines de SEO, pero no cree que sea necesario para ayudar a los lectores a comprender su contenido.
Simplemente puede eliminar el atributo de título de sus imágenes en el Editor de bloques y la Biblioteca de medios. Sin embargo, perderá cualquier beneficio potencial de SEO que pueda derivar de él.
La mayoría de las personas que desean ocultar una información sobre herramientas agregan JavaScript a sus sitios para mantener el atributo en las etiquetas de imagen pero evitar que se muestre en la interfaz de usuario. Le recomendamos que utilice un enchufe como Insertar encabezados y pies de página para hacer este proceso más fácil.
Agregue el siguiente código en
jQuery(document).ready(function($) {
$('imgUnderstanding the Image Title Attribute').each(function() { $(this).removeAttr('title'); });
});
Si está utilizando Divi, puede omitir la instalación de un complemento adicional y agregar este código yendo a Divi> Opciones de tema> Integración:
El primer editor de código en esta pantalla agregará código JavaScript a su sitio web
Solicitud
Puede crear contenido en línea durante años y nunca pensar en los atributos de título de sus imágenes. Sin embargo, ignorarlos por completo puede ser una oportunidad perdida para proporcionar a los usuarios un contexto adicional. Más importante aún, el mal uso de este atributo puede tener consecuencias negativas para la disponibilidad y el SEO de su sitio web.
En esta publicación, hemos discutido las diferencias entre el atributo del título de la imagen y el atributo alt para maximizar su SEO. También cubrimos cómo ocultar la información sobre herramientas del título de la imagen en la interfaz de usuario para que los visitantes no puedan verla cuando se desplazan sobre una foto o un gráfico.
¿Tiene preguntas sobre el atributo del título de la imagen o la optimización de la imagen? ¡Déjalos para nosotros en la sección de comentarios a continuación!
Foto de Jane Kelly / Shutterstock.com
