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

Discussion dans 'Techniques avancées de référencement' créé par antoine.dupuis, 29 Janvier 2019.

Tags:
  1. antoine.dupuis
    antoine.dupuis Nouveau WRInaute
    Inscrit:
    16 Novembre 2016
    Messages:
    18
    J'aime reçus:
    0
    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
     
  2. eldk
    eldk WRInaute discret
    Inscrit:
    23 Juillet 2003
    Messages:
    141
    J'aime reçus:
    13
    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
     
    #2 eldk, 29 Janvier 2019
    Dernière édition: 29 Janvier 2019
  3. rick38
    rick38 WRInaute passionné
    Inscrit:
    23 Février 2013
    Messages:
    1 449
    J'aime reçus:
    191
  4. antoine.dupuis
    antoine.dupuis Nouveau WRInaute
    Inscrit:
    16 Novembre 2016
    Messages:
    18
    J'aime reçus:
    0
    D'accord merci beaucoup pour vos différentes réponses ! Je vais faire des tests avec l'outil que tu m'indiques @eldk !
     
Chargement...
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
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice