この文書は、Framerを学ぶ国内ユーザーが韓国語の資料不足で感じる困難を解決するため、公式ブログの内容を韓国語に翻訳し、実務に役立つ情報を追加したものです。フレーマーを使用する皆さんの少しでも助けになれば幸いです。

オーバーレイコンテンツとは何ですか？

オーバーレイ（Overlay）コンテンツとは、ユーザーがボタンをクリックしたり特定の動作を行ったときに画面上に重ねて表示されるウィンドウやパネルのことです。簡単に言うと、ポップアップウィンドウやスライドメニューのように既存ページの上に浮かび上がるコンテンツです。

• ツールチップやサイドバーパネル: 特定の要素にマウスを重ねたりクリックすると横に表示される情報ウィンドウ

• モーダルウィンドウ: ボタンをクリックすると中央にポップアップが表示され、背景がぼやけた状態になるウィンドウ

• モバイルメニュー: ハンバーガーボタンを押すと全画面を覆うメニューが開く場合

Framerでは、オーバーレイを通常Frameコンポーネントに固定位置（Fixed Position）を設定し、特定のトリガーに従ってVisible属性をOn/Offして実装するか、Overlayコンポーネントを直接使用して状態ベースで表示/非表示を制御することができます。

なぜオーバーレイコンテンツは検索されないのでしょうか？

Googleは最近、ウェブページをかなりよく理解できるようになっていますが、まだ人間のようにページを見ることはできません。特にページが最初に読み込まれるときに画面に表示されないコンテンツはほとんどクローリングされません。Framerのオーバーレイは、パフォーマンスやアニメーションのために基本的にページが初めて開かれたときにレンダリングされないため、オーバーレイ内にどんな文章やリンクがあってもGoogleはそれを「最初には存在しない情報」とみなします。結果として、オーバーレイ内のコンテンツは検索エンジンに表示されず、サイトのSEOにまったく役立ちません。
注意 : クローリング（Crawling）とは、検索エンジン（Google、Naverなど）がウェブサイトページ内のテキスト、画像、リンク、構造を自動的に収集・分析する過程のことです。

ナビゲーションバーも例外ではありません。

オーバーレイを活用してメニューやリンクを隠くしながら表示するナビゲーションバーがあれば、これも問題になる可能性があります。例えば、あるページがオーバーレイメニュー内のリンクからのみアクセス可能な場合、内部リンクがまったくないように見えるため、そのページは検索エンジンが「見つけられないページ（Orphan Page）」になります。

解決方法はないでしょうか？

残念ながら、オーバーレイ内のコンテンツをGoogleがクロールするようにする方法はありませんが、以下のような迂回策で問題を軽減できます：

• 重要なリンクは必ず通常のエリアにも配置する
  例：ページ下部（フッター）にテキストリンクを追加

• オーバーレイ外にサイトマップまたはリンク集を提供する
  例：別途HTMLサイトマップページを作成する

この記事はFramer公式ブログの‘Fixing uncrawlable overlay content’を翻訳・脚色したコンテンツです。