JavaScript SEO対策クイズ - プレイ中

1 第1問

Googlebotがウェブページをクロールし、インデックスする際に、JavaScriptをどのように処理しますか？

A JavaScriptを完全に無視し、HTMLのみを処理する。

B 最新のChromeレンダリングエンジンを使用してJavaScriptを実行し、レンダリング後のコンテンツをインデックスする。

C 古いブラウザエンジンを使用するため、ほとんどのJavaScriptは実行されない。

D JavaScriptは実行するが、CSSは適用しないため、レイアウトは認識されない。

2 第2問

JavaScriptを多用するウェブサイトにおいて、クロールバジェットに影響を与える可能性のある要因として最も適切なものはどれですか？

A JavaScriptファイルのサイズが小さいほど、クロールバジェットを多く消費する。

B サーバーサイドレンダリング（SSR）を使用すると、クライアントサイドレンダリング（CSR）よりもクロールバジェットを多く消費する。

C JavaScriptの実行に時間がかかり、レンダリングが遅延すると、Googlebotがコンテンツを完全に取得する前にクロールを中断する可能性がある。

D ページ内のJavaScriptの数が少ないほど、クロールバジェットを多く消費する。

3 第3問

JavaScriptフレームワークを用いたウェブサイトで、SEOの観点からサーバーサイドレンダリング（SSR）がクライアントサイドレンダリング（CSR）と比較して持つ主な利点は何ですか？

A ユーザーエクスペリエンスが低下する。

B 初回ロード時に完全にレンダリングされたHTMLが提供されるため、Googlebotがコンテンツをより迅速かつ確実に認識できる。

C JavaScriptのバンドルサイズが大幅に増加する。

D サーバーの負荷が大幅に軽減される。

4 第4問

Googleが推奨するJavaScript SEO対策の一つである「ダイナミックレンダリング」とは、主にどのような状況で利用される手法ですか？

A すべてのユーザーとクローラーに対して、常にJavaScriptを無効化したHTMLを提供する。

B ユーザーにはクライアントサイドレンダリングされたコンテンツを提供し、Googlebotなどのクローラーにはサーバーサイドレンダリングされた（またはプリレンダリングされた）HTMLコンテンツを提供する。

C サーバーの負荷を軽減するために、JavaScriptの実行を完全に停止する。

D ページ内のすべての画像をJavaScriptで遅延ロードする。

5 第5問

JavaScriptで生成されるコンテンツに構造化データを実装する際、Googleが推奨する形式と配置はどれですか？

A 構造化データはJavaScriptでは実装できないため、HTMLに直接記述する必要がある。

B JSON-LD形式で、<head>または<body>内の<script type="application/ld+json">タグ内に記述する。

C Microdata形式で、JavaScriptを使ってHTML要素の属性として動的に追加する。

D RDFa形式で、外部のJavaScriptファイルから読み込む。

6 第6問

Core Web Vitalsの指標の一つであるLCP（Largest Contentful Paint）に、JavaScriptが与える影響として最も適切なものはどれですか？

A JavaScriptはLCPに全く影響を与えない。

B ページのレンダリングをブロックするJavaScriptや、LCP要素の読み込みを遅延させるJavaScriptは、LCPスコアを悪化させる可能性がある。

C JavaScriptは常にLCPスコアを向上させる。

D LCPはJavaScriptの実行時間のみを測定する指標である。

7 第7問

JavaScriptを使用して画像を遅延ロード（Lazy Loading）する際に、SEOの観点から注意すべき点は何ですか？

A 遅延ロードされた画像は、Googlebotによって一切インデックスされない。

B ビューポート外の画像を遅延ロードすることは、ページの初期ロードパフォーマンスを向上させるが、Googlebotがすべての画像を確実に検出できるように、適切な実装（例: loading="lazy"属性やIntersection Observer APIの利用）が必要である。

C 遅延ロードは、常にすべての画像を即座に読み込むべきである。

D alt属性は遅延ロードされた画像には不要である。

8 第8問

シングルページアプリケーション（SPA）において、JavaScriptでURLを変更し、Googlebotが異なるコンテンツとして認識できるようにするために推奨されるAPIは何ですか？

A window.location.hash を使用してハッシュフラグメントを変更する。

B history.pushState() または history.replaceState() を使用して、ブラウザの履歴とURLを更新する。

C document.cookie を使用してURL情報を保存する。

D window.location.href を直接書き換える。

9 第9問

JavaScriptを多用するウェブサイトのSEO問題を診断する際、Google Search ConsoleのURL検査ツールで特に確認すべき項目は何ですか？

A サイトマップの最終更新日時のみ。

B 「クロール済み - インデックス未登録」のステータスのみ。

C 「インデックス登録」セクションの「レンダリングされたページ」のスクリーンショットとHTML、および「JavaScriptコンソールログ」のエラー。

D 過去30日間のクリック数のみ。

10 第10問

JavaScriptによってコンテンツが生成されるウェブサイトで、SEO上の問題を引き起こす可能性のある一般的な実装はどれですか？

A 重要なコンテンツが、ユーザーのアクション（クリックなど）なしには表示されないようにJavaScriptで隠されている。

B ページネーションにrel="next"およびrel="prev"属性を適切に使用している。

C サイトマップにすべてのURLを記載している。

D <a>タグのhref属性に有効なURLを設定している。