web-dev-qa-db-fra.com

Les écrans de chargement situés au-dessus du contenu du site nuisent-ils au référencement?

J'utilise un div blanc couvrant tout l'écran avant le chargement de la page sur un site Web.

Cela va-t-il nuire à ma position de recherche dans Google? Ce n'est pas comme si je cachais des liens exprès, et j'ai vu des écrans de chargement sur de nombreux sites, mais j'aimerais quand même en être sûr.

Si Google pénalise cette implémentation, existe-t-il des solutions de contournement?

Pour mieux décrire ce que je veux dire, je vais copier le code CSS et le code JavaScript pour la fonction "blanc div" ici:

CSS

.spinner_wrapper { /*THE WHITE SCREEN*/
left: 0;
top: 0;
height: 100%;
z-index: 9999;
background-color: #fff;
}

JavaScript

$(window).load(function(){


$(".spinner_wrapper").hide();

/*some other stuff for the slider*/


});

Bien sûr, j'ai un élément noscript, de sorte que si l'utilisateur a désactivé JavaScript, l'écran blanc ne bloquera pas la visualisation du contenu:

<noscript>
    <style>
    .spinner_wrapper{
            display: none;
    }
    </style>
</noscript>
seocssjavascripthidden-text
6
bloomingsmilez

Ce que vous faites est une pratique légitime et ne devrait pas affecter votre visibilité organique. La définition de cloaking est:

"... la pratique consistant à présenter différents contenus ou URL à des utilisateurs humains et à des moteurs de recherche."

Tu ne fais pas ça. Vous créez à la place un écran de chargement temporaire jusqu'à ce que le navigateur ait atteint l'événement load, après quoi vous affichez le contenu, quel que soit l'agent utilisateur. Tant que vous restez fidèle à cela, vous ne devriez pas avoir de problèmes. Et, si par hasard vous encouriez une pénalité, vous auriez un bon argument à ajouter à votre demande de réexamen.

J'ai cependant une suggestion. Vous voudrez peut-être envisager de lier l'événement DOMContentLoaded à l'objet document, car il se déclenche normalement avant l'événement load et, en fonction du nombre de ressources chargées entre DOMContentLoaded et load, présenterait le contenu plus rapidement et fournirait une expérience visuelle similaire. Cela vaut peut-être la peine de tester cela. Nourriture pour la pensée.

3
nburr