Webサイト全体がBingとGoogleのキャッシュされたクロールで空白の画面を表示しています
BingとGoogleの両方でキャッシュされた情報を見ると、自分のWebサイトwww.dupure.comが空白の画面を表示していることに気付きました。以下に2つのリンクを示します。
私はずっとCSSを使用しているので、そこに何かがあるのでしょうか？ robots.txtの問題を考えていましたが、そのファイルを見ることすらできません。
単純なテストケースに絞り込みました。
<div style="position:relative;">
<script src="http://www.dupure.com/scripts/plugins/modernizr.min.js"></script>
HELLO WORLD
相対位置を持つdivはGoogleキャッシュによって挿入され、modernizrスクリプトとページコンテンツの両方を囲みます。 modernizrスクリプトは、このコンテナ内にあるときにすべての兄弟コンテンツが表示されないようにします。他の人もこの同じ問題に遭遇しています： Google Cache snapshot Issue＃1086
Modernizrバージョン2.5.3を使用しているようです。 modernizrの最新バージョンにアップグレードすると、問題が修正されます。この場合、ページに「Hello World」が表示されます。
<div style="position:relative;">
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
HELLO WORLD
GoogleとBingのキャッシュは<html>と<head>をスクレイプして独自のマークアップを挿入するため、GoogleとBingのキャッシュはマークアップの問題に敏感であるため、これはHTMLとHEAD内のマークアップの問題だと推測します。
ほとんどの場合、ブラウザは無効なマークアップを正常に修正します...
コードにこれらのフィールド内に問題がある場合、ブラウザは問題を修正するのが困難になります。無効なマークアップは通常、大きな問題を引き起こすことはありません。最近のブラウザーは問題を修正するのに非常に優れていますが、BingとGoogleが関与すると問題が悪化します。
SEO要因ではないキャッシュ
幸いなことに、GoogleとBingはキャッシュをランキング要素として使用せず、ページのキャッシュバージョンを更新したり、Webサイトがダウンしているために表示したいユーザー向けに設計されています。
ただし......
SEOとほとんどのブラウザがエラーを修正するという事実は、これがすべてのブラウザが修正するという意味ではありませんが、古いブラウザが影響を受ける可能性が高いです。 Googleキャッシュのソースを見ると、次のように表示されます。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<base href="http://www.dupure.com/"><style type="text/css">body { margin-left:0;margin-right:0;margin-top:0; }#google-cache-hdr {background:#f5f5f5 !important;font:13px arial,sans-serif !important;text-align:left !important;color:#202020 !important;border:0 !important;margin:0 !important;border-bottom:1px solid #cecece !important;line-height:16px !important ;padding:16px 28px 24px 28px !important;}#google-cache-hdr * {display:inline !important;font:inherit !important;text-align:inherit !important;color:inherit !important;line-height:inherit !important;background:none !important;border:0 !important;margin:0 !important;padding:0 !important;letter-spacing:0 !important;}#google-cache-hdr a {text-decoration:none !important;color:#1a0dab !important;}#google-cache-hdr a:hover { text-decoration:underline !important; }#google-cache-hdr a:visited { color:#609 !important; }#google-cache-hdr div { display:block !important;margin-top:4px !important; }#google-cache-hdr b {font-weight:bold !important;display:inline-block !important;direction:ltr !important;}</style><div id="google-cache-hdr" dir=ltr><div>This is Google's cache of <a href="http://www.dupure.com/" dir="ltr">http://www.dupure.com/</a>. It is a snapshot of the page as it appeared on 13 Sep 2016 14:32:44 GMT. </div><div>The <a href="http://www.dupure.com/" dir="ltr">current page</a> could have changed in the meantime. <a href="http://support.google.com/websearch/bin/answer.py?hl=en&p=cached&answer=1687222">Learn more</a></div><div></div><div><span style="display:inline-block !important;margin-top:8px !important;margin-right:104px !important;white-space:nowrap !important;"><span style="margin-right:28px !important;"><span style="font-weight:bold !important;">Full version</span></span><span style="margin-right:28px !important;"><a href="http://webcache.googleusercontent.com/search?q=cache:NbRB3_vqfTYJ:www.dupure.com/&num=1&client=firefox-b&hl=en&gl=uk&strip=1&vwsrc=0">Text-only version</a></span><span style="margin-right:28px !important;"><a href="http://webcache.googleusercontent.com/search?q=cache:NbRB3_vqfTYJ:www.dupure.com/&num=1&client=firefox-b&hl=en&gl=uk&strip=0&vwsrc=1">View source</a></span></span><span style="display:inline-block !important;margin-top:8px !important;color:#717171 !important;">Tip: To quickly find your search term on this page, press <b>Ctrl+F</b> or <b>⌘-F</b> (Mac) and use the find bar.</span></div></div><div style="position:relative;">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2x <!DOCTYPE>に注意してください。これにより、多くのブラウザで問題が発生します。現在、フロントページには 6エラー、W3Cによって報告された2つの警告 検証があります。以下のスクリーンショットに示すように、ブラウザーはマークアップを修正していません...目に見えないフィールド（空の空白）に注意してください。これらは存在しないはずです。
概要
36個のエラーすべてがこの問題の原因ではありませんが、体外のエラーである可能性が高くなりますが、すべてを修正してそれらを除外する必要があります。