JPEG XL no aparece en Google Imágenes: qué formatos de imagen acepta Google

John Mueller de Google confirmó en Bluesky que Google Imágenes y Discover todavía no soportan el formato JPEG XL, por lo cual si un Sitio Web sirve sus imágenes en dicho formato y espera que aparezcan en Google Imágenes o como vista previa en Discover, al día de hoy no lo va a lograr, y Glenn Gabe encontró igualmente algunos archivos .jxl indexados, lo cual esto muestra que la cosa no es tan prolija como dice la documentación, según Search Engine Roundtable.

¿Qué formatos acepta Google?

De acuerdo a la guía de imágenes de Google Search Central, Google toma las imágenes que están en el atributo src de la etiqueta img en estos formatos:

• BMP
• GIF
• JPEG
• PNG
• WebP
• SVG
• AVIF

La misma guía recomienda que la extensión del nombre del archivo coincida con el tipo de archivo, y JPEG XL no figura dentro de la lista de formatos que acepta el buscador.

¿Por qué importa si el formato comprime mejor?

JPEG XL es un formato abierto que comprime más que el JPEG de siempre, por lo cual es lógico que los equipos de desarrollo lo quieran usar para que el sitio cargue más rápido, pero teniendo la contra que si el formato que se elige no es uno que Google puede mostrar en sus resultados se pierde visibilidad, y es por eso que antes de cambiar el formato de las imágenes hay que analizar de donde llegan las visitas del proyecto.

En un eCommerce, un sitio de turismo, de moda o de decoración la gran parte de los usuarios que navegan haciendo búsquedas también miran las imágenes antes de entrar a un sitio, por lo cual cambiar todas las imágenes a un formato que el buscador no muestra es perder ese canal sin darse cuenta, ya que el sitio se va a ver bien y va a cargar rápido pero las imágenes no van a aparecer en Google Imágenes.

Cómo usar formatos nuevos sin perder Google Imágenes

De acuerdo a la guía de Google, el buscador encuentra las imágenes en el atributo src de la etiqueta img aunque este dentro de un elemento picture, y no indexa las imágenes que se cargan como fondo desde el CSS, lo cual quiere decir que si el sitio usa picture para ofrecer un formato nuevo a los navegadores que lo soportan, lo importante es que en el src quede una imagen en JPEG, WebP o AVIF.

<picture>
  <source srcset="producto.jxl" type="image/jxl">
  <img src="producto.webp" alt="Zapatilla de running negra" width="1200" height="900">
</picture>

Además del formato, la guía pide:

• Etiqueta img estándar, no imágenes de fondo por CSS.
• Texto alternativo que describa la imagen, sin llenarlo de palabras clave.
• Nombre de archivo corto y descriptivo.
• Imagen cerca del texto que habla de ella y en una página relacionada con lo que muestra.
• Sitemap de imágenes cuando Google no las encuentra solo.
• Que el robots.txt no las bloquee, porque Google solo indexa las imágenes que Googlebot puede rastrear (lo expliqué en la nota sobre robots.txt y bots de IA).

Lo que pide Discover

En Discover la imagen pesa todavía mas, ya que es lo primero que ve el usuario en el celular, y si la imagen principal de una nota esta en un formato que Google no soporta todo lo demás no sirve de nada, por lo cual es lo primero que revisaria en cualquier sitio que dependa de Discover para conseguir visitas.

Según la documentación de Discover, Google recomienda:

• Imágenes de al menos 1200 px de ancho.
• Más de 300.000 píxeles en total.
• Proporción 16:9.
• Habilitar max-image-preview:large en la metaetiqueta robots.
• Indicar la imagen principal con og:image o con datos estructurados, y no usar el logo del sitio para eso. Para armar ese marcado está el generador de datos estructurados.

Qué revisaría en un sitio

Lo primero es saber que formato esta sirviendo el sitio realmente, ya que a veces los plugins de optimización o las CDN cambian el formato de forma automática según el navegador y lo que ve el usuario no es lo mismo que recibe Googlebot, es por eso que conviene revisar el código fuente de algunas páginas, mirar que hay en el src de las imágenes principales y comprobar con la inspección de URLs de Search Console el HTML que esta obteniendo Google, antes de dar por hecho que todo esta bien solo porque el sitio carga rápido.