コンテンツの不足を発見する方法
あなたのウェブサイトがまだ地獄のように飛んで見えるが、まだランク付けされていることを確認するには、あなたのページにどのくらいのJavaScriptの重い要素であることを追跡する必要があります。 まずはそこから、「大きな問題があるかどうかを発見する」-ステップと呼ぼう。 JSがランキングに影響するかどうかを調べる最も簡単な方法は、このプラグインをインストールすることです(Chromeのみ、Safariユーザーには申し訳ありませんが、できません!)。 このカスタムトグルを使用することで、ページ上のすべてのJavaScriptをオフにすることができます。 オフにすることで、ページを読み込む際にGoogleのクローラーが見ているものを確認することができます。 最高のシナリオは、開発者が制作中に注意を払い、すべての要素をJSに依存させなかったことです。 最悪の場合……このトグルの結果、画像が散乱した真っ白なページになってしまうことは、まずないと言っていいでしょう。
Javascript:派手さと基本的な機能性
JavaScriptがUXデザインの面で多くのものをもたらしてくれたことは、周知の事実です。 ダイナミックコンテンツのオプションはほぼ無限にあり、あなたのウェブページに欠けていた「ワオファクター」を与える傾向があります。 しかし、ダイナミックな要素が飛び交う派手さは、クローラビリティや入手のしやすさという点で、大きな欠点があります。
簡単な例を挙げると、サイトのスピードに関してだけ見ればいいのです。 複雑なアニメーションやポップアップがページを埋め尽くすと、読み込み速度の面で代償を払うことになります。 Googleのクローラーは、非常に限られた予算しか利用できないため、これはあなたのサイトに重大な問題をもたらす可能性があります。 簡単に言うと、もしJSがあなたのウェブサイトを古いディーゼルエンジンのように動かしているとしたら、ランキングを上げるのはかなり難しいでしょう。
レンダリングの問題、クローラビリティの問題
クロール後、Googleは2つの波でウェブサイトをインデックスしますが、最初の波は2番目の波より数週間から1ヶ月早く通過します。 この2つの違いは? レンダリングが必要なページと、そうでないページ。 そして、ご想像のとおりです。JavaScriptは、ページ上のレンダリングリソースを大幅に増加させます。 つまり、あなたのサイトは、HTMLページよりも何週間も遅れて処理され、第2バッチに放り込まれることになるのです。 HTMLとJSの間に矛盾があると、ページがまったくインデックスされなくなることもあります。
さて、当然ながら、これらの問題が発生するかどうかをテストする方法が欲しいですよね? 心配しないでください、すべて解決しました。 例えば、Google独自のURL検査ツールは、私のお気に入りのツールの1つの中にぴったりと隠されています。Google Search Consoleです。
このツールを使うと、クロールの問題をリアルタイムで検出でき、Googleがページをクロールしようとしたときに発生した警告やエラーなどのJavaScriptコンソールメッセージもきちんと表示されます。