web-dev-qa-db-fra.com

SEO quand chargement paresseux sur carrousel

J'ai des carrousels sur un site Web avec des chargements paresseux tels que l'image ne se charge que lorsque l'utilisateur déplace le carrousel ou clique sur la flèche. (Il ne bouge pas tout seul.)

<div class="owl-carousel">
    <img class="owl-lazy" src="#" data-src="http://.....image.jpg" alt="Image 1" />
    <img class="owl-lazy" src="#" data-src="http://.....image.jpg" alt="Image 2" />
</div>

Le problème, c'est que imgsrc l'attribut n'est renseigné que sur cet événement. Et cet événement se produit uniquement sur l'action de l'utilisateur. Mais comme mon data-src n’est pas lu comme une image par Googlebot et que mon src contient # lors du chargement de la page, Google n’indexe que la première image de chaque carrousel (visibles lors du chargement). ), événement si toutes mes images sont dans mon sitemap. (Search Console indique que le sitemap contient toutes les images, mais pas dans l'index Google)

Avez-vous une idée de la manière dont je pourrais référencer toutes ces images dans Google?

1
dagan

Quelqu'un a eu une situation similaire à la vôtre ici récemment.

Leur solution consistait à charger l'attribut href = "" lors du chargement de la page. Et puis avec un javascript onload, ils ont supprimé l'attribut href. Cela permettait d'afficher la href dans le code HTML, mais pas dans le navigateur. Cela permet aux robots qui ne comprennent pas le langage Javascript de mieux lire votre page et sert également les images aux utilisateurs pour lesquels Javascript n'est pas activé.

Vous pouvez également définir les images pour afficher: aucune; ou afficher: masqué; afin que Google puisse découvrir les images.

Cependant, je ne conseille vraiment pas l'une ou l'autre de ces méthodes car il est difficile de savoir si Google envisagerait cette dissimulation ou non. Ce ne sera probablement pas le cas, mais il y a encore des risques.

Chaque fois qu'un site Web est codé selon des normes inhabituelles, il est difficile de déterminer comment il fonctionnera avec Googlebot. En général, il est préférable d'essayer de coder votre site en ayant à l'esprit les robots d'exploration tout en fournissant au contenu la meilleure expérience possible.

1
Michael d