概要
「JavaScript SEOはすでに解決済みの問題であるはずだが、そうではない」と記事は指摘しています。ECサイトは、依然としてクローリング、レンダリング、インデックス作成の同じ問題に直面しており、ヘッドレスビルドやAIを活用した推奨機能、Googleから重要なコンテンツを隠してしまうフレームワークなどがこれをさらに複雑にしています。
しかし、一部の大手ECサイトは、オーガニック検索での視認性を犠牲にすることなく、高速でモダンなJavaScriptを適切に利用する方法を見つけ出しました。以下に、彼らから学ぶべき5つの教訓を紹介します。
ChewyはUXのためにJavaScriptを使用し、重要なコンテンツは初期HTMLに含めています。
同社はNext.jsを利用しており、製品タイトル、説明、価格などの重要な情報は、Googlebotが最初のクロール時にレンダリングを待たずにアクセスできるよう、初期HTMLレスポンスにすべて含まれています。クライアントサイドJavaScriptは、比較カルーセルのような体験を強化するために使用され、インデックス作成に必須のコンテンツを配信するためではありません。
Myproteinはナビゲーションリンクを初期HTMLに入れています。
Astroフレームワークを使用し、デフォルトでJavaScriptをゼロにすることで、カテゴリやフッターなどのナビゲーションリンクはすべて初期HTMLレスポンスに存在します。これにより、Googlebotがリンクを発見し、追跡するために必要な適切な要素とhref属性が確保されます。JavaScriptによるクリックハンドラーでのナビゲーションは避けるべきです。
Harrodsは構造化データをHTMLに埋め込んでいます。
Nuxtフレームワークを使用し、製品名、画像、価格などの構造化データ（JSON-LD形式）を
