Chargement différé : ne cachez pas votre contenu à Google

Le chargement différé, ou lazy-load, consiste à reporter le chargement du contenu non critique ou non visible immédiatement. C’est une technique efficace pour accélérer l’affichage initial d’une page et améliorer l’expérience utilisateur. Mais mal appliquée, elle peut empêcher Google de voir une partie du contenu, et donc de l’indexer.

L’enjeu SEO est direct : un point clé à retenir est que la recherche Google n’interagit pas avec vos pages. Le moteur ne fait pas défiler l’écran et ne clique sur rien. Si votre contenu ne se charge qu’après une action de l’utilisateur, il restera invisible pour Googlebot. Bien configurer le chargement différé revient donc à concilier performance et indexation : charger le contenu au bon moment, et rendre chaque segment d’un défilement infini accessible par une URL propre. Tout cela prolonge les bases du SEO JavaScript.

La règle d’or est de déclencher le chargement quand l’élément devient visible dans la fenêtre d’affichage, et non en réponse à un défilement ou à un clic. Comme la recherche Google n’interagit pas avec la page, seul un chargement basé sur la visibilité garantit que le contenu apparaît pour le moteur. Plusieurs méthodes répondent à ce critère, présentées dans le tableau ci-dessous.

Le défilement infini charge de nouveaux contenus au fil du défilement : segments d’un long article ou éléments d’une collection. Pour qu’il reste indexable, votre site doit prendre en charge le chargement paginé. Concrètement, chaque segment doit posséder sa propre URL persistante et unique, et le contenu affiché à cette URL doit rester le même à chaque chargement. Créez des liens séquentiels vers ces URL individuelles afin que Google puisse découvrir l’ensemble paginé ; en cas de souci, reportez-vous à la méthode pour résoudre les problèmes JavaScript. Enfin, quand un nouveau segment devient l’élément principal à l’écran, mettez à jour l’URL affichée avec l’API History pour que l’utilisateur puisse l’actualiser et la partager.

La stabilité des URL est déterminante pour l’indexation du défilement infini. Utilisez des numéros de page absolus, par exemple un paramètre de requête de type ?page=12, afin que la même adresse renvoie toujours le même contenu. Évitez à l’inverse les éléments relatifs comme ?date=hier, dont le résultat change d’un jour à l’autre. Des URL stables permettent à Google et aux utilisateurs de retrouver systématiquement le même contenu, ce qui facilite une indexation correcte et le partage de chaque section.

Une fois le chargement configuré, vérifiez qu’il fonctionne du point de vue de Google. L’outil d’inspection d’URL de la Search Console permet de contrôler que tout le contenu a bien été chargé. Examinez le code HTML généré et recherchez-y votre contenu : si les URL de vos images ou vidéos apparaissent dans l’attribut src des éléments img ou video, votre configuration est correcte. C’est la preuve concrète que le contenu différé est bien visible pour le moteur, y compris dans le cadre de l’indexation orientée mobile.