Symfony + Vueを使用してサイトを開発しています。問題は、非標準のタグ(コンポーネント)を含むこのHTMLがブラウザーに入ることです。
<div id="app">
要素に含まれるすべての要素は、標準タグを使用してブラウザーフレンドリーなコンテンツを取得するためにJSを処理する必要があります。
サーバーレンダリング(SSR)を使用した場合、これらのコンポーネントは存在しませんが、ここでは少し理解できません。読み込み中、ページには既に必要なすべてのコンテンツがあり、SPAのようなコンテンツを取得するためのAPI呼び出しは行われません.
この場合、サーバーレンダリングを使用する必要がありますか?通常のコンテンツを取得する前に、JSコードを実行する必要があるのはSEOにとって悪いことです。
私の知る限り、GoogleとBingoは同期JavaScriptのインデックスを作成します。
Googleはボディセクションのタグの名前を気にしません。クローラーはchrome自体(同期jsを含む)を使用してサイトをレンダリングするため、画面に印刷されるものはすべて気になります。頭のタグが標準であれば安全です。可能性のあるエラー(タイムアウト、インタラクションでのみ表示されるものなど)を減らすためにSSRを使用する方が安全です。
ただし、Googleフェッチボットを使用して、Googleの表示内容を確認できます。 https://www.google.com/webmasters/tools/googlebot-fetch