web-dev-qa-db-ja.com

サイトコンテンツの上に配置された読み込み画面はSEOに損害を与えますか？

ページがウェブサイトに読み込まれる前に、すべての画面を覆う白いdivを使用します。

これは私のGoogle検索の位置を傷つけますか？意図的にリンクを隠しているわけではなく、多くのサイトでロード画面を見てきましたが、それでも確認したいと思います。

Googleがこの実装にペナルティを科す場合、回避策はありますか？

私の言いたいことをよりよく説明するために、ここで「白いdiv」のCSSとJavaScriptをコピーします。

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*/


});

もちろん、noscript要素があるので、ユーザーがJavaScriptを無効にしている場合、白い画面がコンテンツの表示をブロックすることはありません。

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

あなたがしていることは正当な慣行であり、あなたの有機的な可視性に影響を与えるべきではありません。クローキングの定義は次のとおりです。

「...さまざまなコンテンツまたはURLを人間のユーザーと検索エンジンに提示するプラクティス。」

あなたはこれをしていません。代わりに、ブラウザがloadイベントに到達するまで一時的なロード画面を作成します。この時点で、ユーザーエージェントに関係なくコンテンツを表示します。あなたがそれに忠実である限り、問題はないはずです。また、偶然にペナルティが発生した場合は、再審査リクエストに追加する素晴らしい議論があります。

ただし、提案が1つあります。通常、DOMContentLoadedイベントの前に発生し、documentとloadの間にロードされるリソースの量に応じて、DOMContentLoadedオブジェクトのloadイベントへのバインドを検討することをお勧めします。これをテストする価値があるかもしれません。思考の糧。

3
nburr