JavaScript レンダリング：アプリが起動する前にクローラーが見るもの

検索エンジンはまずあなたのHTMLを取得し、別のパスで自身のキューを持ってJavaScriptを後でレンダリングします。水化後にのみ存在するものは最初のパスで不可視であり、第二パスまでの遅延は多くのサイトで数日測定されます。AIクローラーはさらに厳格で、ほとんどがJavaScriptをまったく実行しないため、原始的なHTMLがページ全体になります。これによりレンダリング整合性が答えるべき質問になります。提供されたHTMLは、レンダリングされたDOMと同じタイトル、H1、canonical、meta description、構造化データ、本文コピーを持っていますか？サーバーサイドレンダリングサイトでは構造上そうです。クライアントサイドレンダリングアプリではHTMLは1つのdivとスクリプトタグのシェルであることが多く、整合性ギャップは完全です。シェルは私たち自身のエンジンが薄いコンテンツとしてフラグ付けするものでもあり、外観上は二つが区別できません。40語のHTMLドキュメントは、残りの2,000語が後で到着するかどうかに関わらず40語のドキュメントです。以下のチェックは原始的なHTMLを取得し、同じページ要素を要素ごとにレンダリング版と比較し、両者が離れる場所を報告します。離れる場合は、その要素をクローラーに待たせるのではなく、サーバー応答に移動させてください。