Voy a contarte un secreto 🤫
Una extensión de Chrome que me ha ahorrado mucho mucho tiempo a lo largo de los últimos 7 años trabajando en SEO.
📸 IMAGE INFO
Ideal para auditar y optimizar imágenes de una web.
⬇️ Te explico su poderosa sencillez ⬇️
Vamos a coger de ejemplo la web de elcorteingles.es. Porque es la primera que me ha venido a la cabeza.
Y vamos a investigar por ejemplo esta imagen random de aquí 👇
Vale, pues si ya tenemos la extensión instalada, tan fácil como hacer clic con el botón derecho del ratón encima de dicha imagen.
Y claro, escogemos la opción 'View image Info (properties)'.
Ah sí, la extensión se instala desde aquí, por cierto:
chrome.google.com/webstore/detai…
Al momento, verás aparecer una venta emergente con todo la información que puedas necesitar.
Desgranamos todo rápidamente ahora con subrayados cutres a pulso porque no tengo Photoshop en el portátil.
1⃣ Location: URL donde está alojada la imagen.
Útil para ver cosas como si se sirve desde una CDN, si tiene un nombre de archivo SEO friendly o si cuelga de algún directorio.
Por poner ejemplos.
2⃣ Dimensions: Medidas de la imagen.
Puedes ver el ancho y alto de la imagen y, MUY IMPORTANTE, las medidas a las que se está mostrando (entre paréntesis).
Si salen los paréntesis con otras medidas es que está reescalando.
¿Para qué una imagen tan grande entonces? A optimizar.
Seguimos.
3⃣ File Type: La extensión de archivo de la imagen.
¿La imagen tiene y necesita transparencias? .PNG está bien, qué remedio.
¿No las necesita? Usa otras opciones más ligeras como .WebP, .Jpeg o la que prefieras.
4⃣ File Size: el peso total de la imagen.
Fruto de los datos que hemos visto hasta ahora como medidas y formato, la imagen pesará más o menos.
¿Es éste peso óptimo? ¿asumible? ¿demasiado? A valorar.
Por cierto, 100Kb no es un límite escrito en piedra. DEPENDE.
5⃣ Alt / Title: atributos extra de la imagen.
¿Tiene ALT? Aquí lo verás.
¿No lo tiene? Aquí lo verás.
Lo mismo para el Title.
Valora si hay que escribir unos en caso de faltar o si hay que mejorar otros en caso de contar con alguno de ellos.
6⃣ Preview: miniatura de la imagen.
¿Has estado todo este rato analizando la imagen equivocada? Aquí lo podrás ver. Pero háztelo mirar.
La función menos útil de todas, pero todo lo que aporte, por poco que sea, bienvenido es.
Cómo ves, con sólo un clic tienes toda la información que puedas necesitar para valorar la optimización a nivel SEO y WPO de cualquier imagen.
Espero que te pueda ayudar a agilizar auditorías o simplemente tu día a día.
¡Saludos y optimizadas imágenes!🙃🖼️
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.