Corriger le contenu au chargement différé

Le report du chargement de contenu non critique ou non visible au premier abord, également appelé "chargement différé", est une technique courante destinée à optimiser l'expérience utilisateur. Pour en savoir plus, consultez les ressources de web.dev sur le chargement différé des images et des vidéos. Toutefois, si cette technique est mal appliquée, elle risque d'empêcher indirectement Google de voir un contenu. Cet article explique comment s'assurer que Google peut explorer et indexer le contenu au chargement différé.

Charger le contenu lorsqu'il est visible dans la fenêtre d'affichage

Pour être sûr que Google voit tout le contenu de votre page, vérifiez que la mise en place du chargement différé entraîne bien le chargement de l'ensemble du contenu pertinent chaque fois qu'il est visible dans la fenêtre d'affichage. Voici quelques méthodes pour implémenter le chargement différé:

Ces méthodes ne reposent pas sur des actions de l'utilisateur, comme le défilement ou le clic, pour charger le contenu. C'est important, car la recherche Google n'interagit pas avec votre page.

N'ajoutez pas de chargement différé à du contenu qui est susceptible d'être immédiatement visible lorsqu'un utilisateur ouvre une page. Le chargement et l'affichage du contenu dans le navigateur pourraient prendre plus de temps, ce que l'utilisateur remarquerait immanquablement.

Assurez-vous de tester votre implémentation.

Configurer le chargement paginé pour le défilement infini

De manière générale, le défilement infini est une technique qui permet de charger plus de contenu et plus de pages distinctes à mesure que l'utilisateur fait défiler une longue page. Il peut s'agir d'un long article divisé en plusieurs segments ou d'une collection d'éléments également divisés en segments. Pour implémenter le défilement infini de manière indexable, assurez-vous que votre site Web prend en charge le chargement paginé de ces segments en procédant comme suit :

  • Attribuez à chaque segment sa propre URL persistante et unique.
  • Assurez-vous que le contenu affiché sur chaque URL reste le même chaque fois qu'il est chargé dans un navigateur. Pour ce faire, vous pouvez utiliser des numéros de page absolus dans l'URL, par exemple en utilisant ?page=12 comme paramètre de requête.
  • Évitez d'utiliser des éléments relatifs tels que ?date=yesterday dans ces URL. Cela permet aux moteurs de recherche et aux utilisateurs de trouver systématiquement le même contenu sous une URL donnée, ce qui facilite l'indexation correcte du contenu par les moteurs de recherche et permet aux utilisateurs de réinteragir avec cette partie de votre contenu et de le partager.
  • Créez des liens séquentiels vers les URL individuelles afin que les moteurs de recherche puissent découvrir les URL d'un ensemble paginé. Découvrez les bonnes pratiques à suivre lors de l'implémentation de la pagination.
  • Lorsqu'un nouveau segment de page est chargé en réponse au défilement de l'utilisateur et qu'il devient l'élément visible principal pour celui-ci, mettez à jour l'URL affichée à l'aide de l'API History. Cela permet à l'utilisateur de créer un lien vers l'URL actuelle affichée dans le navigateur, de l'actualiser et de la partager.

Tester

Une fois que vous avez configuré le chargement paginé, assurez-vous qu'il fonctionne correctement. Vous pouvez utiliser l'outil d'inspection d'URL de la Search Console pour déterminer si tout le contenu a été chargé. Vérifiez le code HTML affiché pour vous assurer que votre contenu s'y trouve en le recherchant dans l'outil d'inspection d'URL. Si les URL de vos images ou vidéos apparaissent dans l'attribut src des éléments <img> ou <video> dans le code HTML affiché, votre configuration fonctionne correctement.