iFrameについて
iFrameとは?
iframeは、あるWebページを別のWebページ内に埋め込みます。動画、地図、予約ウィジェット、カレンダー、決済フォームなどは、埋め込まれるページがまったく別のサイトから提供され、あなたのページから分離された状態を保てるため、この方法で配信されることが一般的です。
この分離は、iframeの利点であると同時に問題点でもあります。サードパーティのコードがあなたのページに干渉するのを防ぐ一方で、内部のコンテンツはあなたのページではなく、別のページに属することになるためです。
iframeテストでは、ページに何が埋め込まれているかを確認できます。これは、依存しているものと、意図せずフレーム内に隠してしまっている可能性があるものという、2つの異なる理由から知っておく価値があります。
2026年になってもiframeは重要ですか?
iframeは依然として、サードパーティーの機能を埋め込むための標準的な方法であり、その目的においてはまったく合理的な選択です。iframeを1つ使わないために、決済フォームを一から作り直すべき人はいません。
問題は、それらを自サイトの主要コンテンツに使用することです。そうすると、実質的に、親ページを読み取るあらゆるものからそのコンテンツが隠れてしまいます。かつては、サイト間でコンテンツを再利用する一般的な方法でしたが、そのように構築されたページは今でも存在します。
また、それぞれが独自のアセット、スクリプト、接続を含む完全な追加ページを読み込むため、パフォーマンスにも実際の負荷がかかります。
## iframeとAI検索の関係
iframe 内のコンテンツは、一般的にあなたのページではなく、埋め込み元のものとして扱われます。重要な情報を iframe 内に置いている場合、訪問者にはページが情報で満たされているように見えても、ページ自体にはほとんど内容がないと判断される可能性があります。
確実な方法は、主要な内容を自分の HTML 内に保持し、iframe は本当に外部の機能にのみ使用することです。また、埋め込むコンテンツの横にテキストによる要約を追加しましょう。
これは特に動画で行う価値があります。埋め込みの横に文字起こしや要約を配置することで、パーサーには見えないコンテンツを、読み取り、引用、参照できるコンテンツに変えられます。
iframe のベストプラクティス
- 主要コンテンツを iframe に入れないでください。
- それぞれに title 属性を付け、スクリーンリーダーが内容を読み上げられるようにしてください。
- ファーストビューより下にある埋め込みは遅延読み込みしてください。先読みすると読み込みコストが高くなります。
- 特に動画の場合は、周囲のテキストで埋め込みコンテンツの概要を説明してください。
- 可能な限り、sandbox 属性と allow 属性で権限を制限してください。
- 埋め込みは定期的に見直してください。埋め込みのきっかけとなったキャンペーンが終了した後も残り続けるためです。
このツールがチェックする項目
このツールはページに iframe が含まれているかどうかを報告します。判定結果というより、一覧として確認するのが適切です。
存在していることはエラーとして扱われるのではなく、確認対象としてフラグが付けられます。これは、埋め込み動画はまったく問題ない一方で、メイン記事全体をフレーム内に表示するのは問題があり、このツールではその2つの状況を区別できないためです。最終的な判断はご自身で行ってください。
次に行うこと
埋め込みコンテンツは、ページの容量と読みやすさに影響します。
ページサイズ ツールと
ページリクエスト ツールを使ってページの読み込みにかかるコストを確認し、
JavaScriptエラー テストを使用して、実際のコンテンツが別の場所で組み立てられているのではなく、HTML内に存在していることを確認してください。