WordPress Lazy Loading et SEO font-ils bon ménage ?

antoine.dupuis · 29 Janvier 2019

Bonjour à tous,

Je m'occupe du site de ma boîte et je souhaitais savoir ce que vous pensez du Lazy Loading ?

En effet, cela permet peut être de gagner un peu en vitesse de chargement, mais je trouve du coup que la lecture du code pour les images est très bizarre. Et vu que je trouve ça bizarre, je me demande si Google trouve pas ça bizarre.

Pour chaque image, j'ai quelque chose qui ressemble à ça :
Code:
<img class="size-full wp-image-11393" src="data:image/gif;base64,R0lGODdhAQABAPAAAP///wAAACwAAAAAAQABAEACAkQBADs="
 data-lazy-src="https://www.decivision.com/wp-content/uploads/2018/04/logo-sap-analytics-cloud.png"
 alt="Logo SAP Analytics Cloud" width="600" height="75"
 data-lazy-srcset="https://www.decivision.com/wp-content/uploads/2018/04/logo-sap-analytics-cloud.png 600w, https://www.decivision.com/wp-content/uploads/2018/04/logo-sap-analytics-cloud-300x38.png 300w" data-lazy-sizes="(max-width: 600px) 100vw, 600px" />
<noscript>
<img class="size-full wp-image-11393" src="https://www.decivision.com/wp-content/uploads/2018/04/logo-sap-analytics-cloud.png"
 alt="Logo SAP Analytics Cloud" width="600" height="75"
 srcset="https://www.decivision.com/wp-content/uploads/2018/04/logo-sap-analytics-cloud.png 600w, https://www.decivision.com/wp-content/uploads/2018/04/logo-sap-analytics-cloud-300x38.png 300w" sizes="(max-width: 600px) 100vw, 600px" />
</noscript>
D'ailleurs, en utilisant un outil en ligne (textfocus), il ne trouve pas mes images... (il en trouve que 4 sur la page alors qu'il y en a beaucoup plus)

Qu'en pensez-vous ? Et quelles sont les optimisations que je peux faire si je veux garder le Lazy Loading ? (je précise que j'utilise WP Rocket)

Merci,
Antoine

eldk · 29 Janvier 2019

Bonsoir,

Pour vérifier que Google voit le contenu : https://developers.google.com/search/docs/guides/lazy-loading

Je crois qu'il y a eu également d'autres articles, posts de Google sur ce sujet depuis octobre/novembre 2018 avec des préconisations, mais je n'ai plus en mémoire les éléments.

Peux être vérifier par ailleurs que Googlebot-Images crawle bien les vignettes ... et le contenu vu par Googlebot à l'aide de "explorer comme Google.

Cordialement,

Eric

PS : quelques éléments d'inspiration provenant de l'implémentation du "lazyload" et de la prise en compte du contenu visible par le mod_pagespeed (ex-Google) : https://www.modpagespeed.com/doc/filter-lazyload-images

rick38 · 30 Janvier 2019

Et Chrome envisage de le gérer nativement par défaut, ils y travaillent :
https://www.developpez.com/actu/185...t-de-pages-Web-en-hausse-de-18-a-35-pourcent/

antoine.dupuis · 31 Janvier 2019

D'accord merci beaucoup pour vos différentes réponses ! Je vais faire des tests avec l'outil que tu m'indiques @eldk !

Similar Threads - Lazy Loading SEO	Forum	Date
Lazy loading d'images et SEO	Développement d'un site Web ou d'une appli mobile	14 Août 2015
Astuce img loading="lazy" supporté par Firefox !	Développement d'un site Web ou d'une appli mobile	16 Avril 2020
"Lazy Loading" et référencement	Référencement Google	23 Janvier 2012
JQuery ui accordeon et lazy image	Développement d'un site Web ou d'une appli mobile	27 Mars 2020
Un article intéressant sur l'indexation des images et l'utilisation du "lazyload"	Crawl et indexation Google, sitemaps	9 Novembre 2018
Blazy.js, un problème pour le référencement ?	Référencement Google	29 Septembre 2015
Lazy et Référencement des images	Référencement Google	29 Juin 2015
Comment éviter le preloading des liens par Chrome ?	Développement d'un site Web ou d'une appli mobile	24 Avril 2016