Adaptives Images et WEBP

[frenchhorn]

Bonjour

je rencontre un petit problème avec GoogleBot :

J'utilise une version JPG et une version WEBP pour chacune de mes images, comme ceci :

<picture>
<source srcset="img.webp" type="image/webp">
<source srcset="img.jpg">
<img src="img.jpg" >
<picture>

mes images sont responsives en utilisant un cookie (détection de la résolution en JS et redirection .htaccess vers un .PHP qui fournit l'image aux dimensions détectées par JS)

assez classique comme façon de faire, sauf que je viens bêtement de me rendre compte que GoogleBot ne vois rien de tout ça car il ne lit pas les cookies.

du coup je ne sais pas comment faire pour adapter ceci pour que GoogleBot tombe sur les images aux bonnes dimensions sans lire les cookies...

Un petit coup de pouce SVP?

merci de m'avoir lu

 

[WebRankInfo]

ça ne m'a pas l'air très classique en fait ce code
dans srcset tu devrais lister plusieurs fichiers, et il manque l'attribut sizes
jette un oeil par exemple à https://web.dev/serve-responsive-images/

 

[frenchhorn]

Bonjour

merci pour ta réponse

effectivement j'avais quelques lacunes sur le sujet, c'est à présent corrigé, merci ;-)

bon, je suis passé du responsive " détection de résolution en JS + cookie + redirection htaccess" à un responsive utilisant les srcset de la balise <picture>

on verra bien ce que ça donnera niveau SEO

merci du coup de pouce