Listado de la etiqueta: CWV

webp de un dragón

WebP y los nuevos formatos de imagen para CWV y SEO

Que el CWV de Google, una de las partes del nuevo algoritmo nos está volviendo majaras a los SEO no es ningún secreto. Pero tenemos que adaptarnos, no olvidemos que esto es un negocio basado en un buscador de una empresa Privada comandada en beneficios por Google. Lo demás, es accesorio. Pero eso, cuando hagas SEO no olvides sobre todo que es contra una empresa privada que puede cambiar las normas siempre que quiera.

Algunos de estos cambios nos llevan a modificar más o menos nuestras estrategias, pero desde el algoritmo de Core Web Vitals hay que hacer modificaciones mayores si no lo estábamos haciendo anteriormente. Y en este caso uno de los cambios más notorios radica en los formatos de imagen que subimos a la web.

Cuando los formatos más habituales son JPG/JPEG y PNG para las imágenes web, siempre optimizadas, por favor, entre 100 y 200kb máximo, ahora Google dice que prefiere otra cosa. Prefiere algo más ligero. Algo más como el formato que ellos mismos se sacaron del sobaco, el WebP.

En realidad WebP es un formato desarrollado POR Google y claro, les mola que lo utilices. Tiene sus pegas, no siempre está soportado por todos los dispositivos y hasta la fecha de publicación de este post, algunos dispositivos de Apple tienen problemas para visualizarlo (pero si no se ven, para esto están las ALT, ¿no? ^_^).

Este formato permite, realmente reducir en mucho la velocidad de carga de la web y que su lectura por parte del buscador sea más rápida y «amigable». (No te fastidia, como que el factor es suyo). A esto es a lo que se refiere en muchos casos con la recomendación de «incluir imágenes en formatos de última generación», así que no os agobiéis si os lo encontráis en las recomendaciones de algún programa de análisis o auditoría.

¿Debo poner todas mis imágenes en WebP?

Pues mira, sí. Te vendría bien para tu estrategia SEO y mejorar tu velocidad de carga.

¿Debo poner las antiguas imágenes en JPG en WebP?

No. Si ya están subidas e indexadas no lo hagas, no quieres tener que reindexar lo ya posicionado. Así que hazlo solo si vas a revisar el post donde estén o a crear/modificar nuevas secciones, recordando refrescar después el sitemap en la Search Console (así como truco casero para el posicionamiento; no hace falta per se, pero tampoco viene mal).

Algunas versiones WordPress que no hayan sido actualizadas a las últimas versiones (¿Y A QUÉ ESTÁS ESPERANDO PARA ACTUALIZAR?) no tragan el WebP, pero hablamos de pre 5.3, así que tampoco te agobies. Con que lo tengas en la última o penúltima versión, vas sobradísimo.

CÓMO COMPRIMIR IMÁGENES EN WEBP

Me alegro de que me hagas esa pregunta, Juan Antonio.

Verás, para los que no dominamos con fluidez el Klingon, el élfico, el Photoshop, Ilustrator y otros idiomas arcanos, lo mejor es usar un convertidor gratuito desarrollado por la propia gente Google Chrome Labs. Lo mejor para comprimir en WebP es usar Squoosh.

Squoosh logo en WebP
Logo de Squoosh pasada por Squoosh. Porque somo muy «meta» en esta familia.

¿Y dónde lo encuentro?

En Squoosh.app.

¿Es gratis?

Sí. Tanto la versión web (online) como el programa de escritorio que también te puedes bajar gratis.

¿Es fácil de usar?

Tremendamente fácil.

Tanto como subir tu imagen, pinchar en la configuración para seleccionar WebP y cambiar el tamaño si quieres. Y, hala, a descargar y usar la imagen.

La verdad es que Squoosh es fácil y práctico de usar y aunque no tiene modo bulk, que hayamos visto, por ahora, viene bien para esa compresión controlando además el grado de calidad de salida, si no queremos complicarnos con programas de diseño más pro.

Así que, comprime tus imágenes, acelera tu sitio, y sé feliz.

Y si quieres, yo qué sé, un tutorial de Squoosh, que mira que es fácil, dínoslo y hacemos uno para el blog. Porque somos así de caritativos.

Hale, besitos.

MdlC.

Lighthouse generar informe

Lighthouse, el creador de informes SEO (y de todo) gratuito de Google

Llevamos unos meses de infarto. No, no nos estamos refiriendo a la pandemia, eso es otro tipo de infarto, el de la derecha, concretamente. El de la izquierda nos estamos refiriendo, es concretamente a los infartos que nos producen las noticias del mundillo del SEO cada vez que leemos «cambio del algoritmo». El último, cacareado, anunciado, y no por ello menos pernicioso ha sido el del Core Web Vitals.

Cómo, ¿que todavía no sabes lo que es el Core Web Vitals, CWV para los amigos?

Pues básicamente son una serie de requisitos que Google te reclama ahora para que tu web esté a SU gusto. No, no es para los usuarios, no es para tu servidor… en el fondo todo esto es para Él (reverencia).

Te ponemos un link a un artículo muy bien explicado donde te ponen al tanto de todo. Aquí.

Si estás mínimamente informado y sigues la progresión del algoritmo verás que ha estado en una especie de holocausto nuclear hace unos días.

Esos cambios tan masivos y drásticos quiere decir que el escalafón de la SERP corre que da gusto, y ahora tenemos que adaptar, si no lo hemos hecho ya (que tiempo habéis tenido), la web a los requisitos que nos pide Google. Pero conocerlos todos por sus nombrajos, sus acrónimos y especificaciones puede ser difícil. Así que te dejamos aquí una herramienta la mar de curiosa que, aunque no es una desconocida, nos hace gracia y es muy útil para todo este asunto del CWV.

Se trata de Lighthouse, una extensión para Chrome que crea informes sobre los sitios web que visitas. Para obtenerla solo te tienes que ir a la tienda de extensiones de Google y buscar «Lighthouse», donde te pedirá el permiso para instalarla y ya.

Lo bueno es que se trata de una extensión latente, es decir, una extensión que no está activa hasta que tú se lo indicas porque quieres auditar una página tuya (o no, ejem). Esto es lo gracioso, porque te permite hacer auditorías de las páginas de tu competencia para así saber qué nivel de adaptación están teniendo.

¿Cómo funciona?

Sencillísimo. Pongamos que visitas una web cualquiera…

Al llegar a ella te vas a la extensión Lighthouse y le das a «Generar informe».

Lighthouse generar informe

Generar informe. Otro día hablamos de las demás extensiones.

Cuando en unos segundos nos genere el informe nos arrojará a la cara un resultado tal que así. Y ya os digo que tenerlo todo en verde es… difícil, en el mejor de los casos porque algunas cosas no van a depender directamente de nosotros.

lighthouse informe

Tenemos cuatro parámetros.

Performance, que se va a dirigir sobre todo a la carga de la página y los scripts, Accesibility, que el propio nombre lo dice, Best Practices, que son las buenas prácticas para Google con respecto a la página y SEO, que también se explica solo.

Lo interesante es que además de que te ofrece ver cómo calcula cada uno de los índices, te señala luego pormenorizadamente cada uno de los errores y las posibles soluciones de los mismos (que no siempre van a estar en nuestra mano o no sin un programador experto que pueda atender eso).

Sí, la pega es que está todo en inglés, pero si te quieres manejar en SEO sabes que muchas cosas te las vas a encontrar en el idioma de Albión, así que no tendrá mucho secreto.
Básicamente tendrás que corregir o intentarlo, la mayoría de los elementos señalados. Para cosas como reducir el CSS o el JavaScript puedes usar un compresor de código en tu WordPress además de un minificador en tu servidor, que ayudará a eliminar o reducir código redundante y que puede estorbar en los procesos de carga, como es el caso.

Lighthouse tiene muchísimas utilidades.

No tienes que resolverlo todo de una tacada, puedes hacerlo progresivamente.

Para mejorar el rendimiento de tu web esta extensión – creador de informes puede ser muy útil ya que está perfectamente adaptado y es una herramienta oficial de Google, así que tendrás ideas muy buenas de por dónde ir mejorando.

No te obsesiones, Google es muy puñetero y estar a su gusto no siempre es fácil, por lo que la pelea es mejor tenerla con paciencia y buena mano.

Otra herramienta que te recomendamos como complemento es la SEO Power Suite, a la que ya dedicaremos otro post, que tiene cosas muy interesantes.

Es todo hasta aquí. Instala la extensión y nos cuentas qué tal. 😉