表示：表示されないか、または表示：ページの読み込み時に本文の要素に非表示 - SEOに影響しますか？

私はWebページを構築しています。私はファンシーなものを作るためにJSの計算とスタイリングを行っています。しかし、私はFOUCで立ち往生しています。最初に私は必要なスタイルを呼んでいます。そしてJSの計算に応じてdivのパディングとマージンを変更します。これは、ある種のページの点滅につながります。これを排除するには、計算が完了するまでまたはvisibility:hiddenをbody要素に設定してから、そのページを表示します。表示：表示されないか、または表示：ページの読み込み時に本文の要素に非表示 - SEOに影響しますか？

HTML

<!DOCTYPE html> 
<html lang="en" class="no-js"> 
<head> 
    <!-- These meta tags come first. --> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>Bootstrap Theme Example</title> 

    <!-- Bootstrap --> 
    <link href="assets/css/bootstrap.min.css" rel="stylesheet"> 
    <link href="assets/css/styles.css" rel="stylesheet"> 

    <script src="assets/js/modernizr-custom.js"></script> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script> 
     $('body').hide(); 
     // ... do calculations and styling ... 
     $('body').show(); 
    </script> 
</head>

これはSEOに影響を与えますか？その問題を回避する他の方法はありますか？

出典

2016-10-09 Ezio_

私はSEOに最も影響を与えると言いたいと思いますが、Googleはコンテンツが隠されているかどうかを常に把握する方法を探しています。これは一般的にSERPS - > https://support.googleを操作する方法でした。 com/webmasters/answer/66353？hl = en – adeneo

'opacity：0'を本文に設定してから、' opacity：1'に復元する方法はありますか？ –

私はSEOのアドバイスを求めているので、この質問をオフトピックとして閉じることにしました。 [webmasters.se]のトピックに載っているかもしれません。 – unor

キーワードやスパムをコンテンツに隠さない限り、問題はありません。。

は「単にディスプレイを使用して： - 自動またはいずれかのどれも自動的にペナルティをトリガしませんしません鍵はメカニズムが存在するか否かであるより多くのあなたがGoogle Webmaster Centralフォーラムでこのトピックを確認することができますについては

Google は、そのようなメカニズムを見つけて解釈するためにJavaScriptを処理する上で非常に熟練しています。有効なHTML、CSS、およびJavaScriptを使用する場合は、を気にする必要はありません。運！"

これが役に立ちます。

出典

2016-10-13 09:09:54 elcanziba

表示：表示されないか、または表示：ページの読み込み時に本文の要素に非表示 - SEOに影響しますか？

答えて

関連する問題