SEOコンサルティングサービスのご案内
専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。
無料ダウンロードする ＞＞
この記事でわかること
目次
モーダルウィンドウとは、元画面の上に別のウィンドウを表示し、ユーザーに情報を伝える画面のことです。特定の操作を行わないとほかの操作ができないため、ユーザーに警告のメッセージやエラーを通知するのに適しています。モーダルウィンドウは、閉じるボタンなどを押すまで、表示している間は他の操作が行えません。そのため、ユーザーに強制的に確認や操作を促せます。モーダルウィンドウは適切に利用すれば非常に便利であり、情報を確実に伝えたり、操作ミスやエラーを通知したりできるため、ユーザーにとってもメリットになります。
重要な情報を確実に伝えるために利用規約の変更やシステムメンテナンスをモーダルウィンドウで表示したり、アカウント情報やファイルの削除などの重要な操作に対して警告メッセージを表示させたり、エラーを通知したり、ユーザーの操作を防止する場面で活躍します。
一方で、モーダルウィンドウを用いて広告を表示したりメールアドレス登録を強制するなど、使い方を間違えるとユーザーのストレスや離脱につながる恐れがあるため、検索エンジンからの評価も低くなります。モーダルウィンドウの実装はユーザー体験を損なわないよう慎重に判断することが大切です。
モーダルウィンドウには多くの表示領域を占めてしまうという問題があります。PCに比べて画面の小さなスマホではこれが顕著になり、たとえ悪質な強制がないとしても、ユーザーの操作性を著しく阻害する怖れがあります。そのため、モバイルからのアクセスが増えている昨今では、確認や入力を目的としたUIにはアコーディオンが推奨される傾向にあります。
ある大手人材サービス事業者の支援では、モバイルでの求人詳細ページに「会員登録を促す全画面モーダル」がページ読み込み直後に表示されていました。これはGoogleのインタースティシャル規制に抵触するリスクがあるだけでなく、ユーザーの約40%がモーダルを閉じずにそのまま離脱していることがヒートマップ分析で判明。モーダルの表示タイミングを「ページ読み込み直後」から「記事50%スクロール後」に変更し、全画面表示からページ下部のバナー形式に変更しました。結果として、モーダルによる離脱が大幅に減少し、モバイルでの応募完了率（CVR）が改善。モーダルは「表示するかしないか」の二択ではなく「いつ・どのサイズで・どのトリガーで表示するか」の設計が成果を分けます。
A. 「ペナルティ」ではなく「ランキング評価の低下」です。モバイルでページ読み込み直後にコンテンツを覆うインタースティシャルが対象で、ユーザー操作起因のモーダルやCookie同意バナーは対象外です。
A. 使用自体は問題ありませんが、表示タイミングとサイズに注意が必要です。ページ読み込み直後の全画面表示は避け、スクロール後や離脱意図検知時に小さなバナーで表示するのが安全です。
2002年設立から、20年以上に渡りSEOサービスを展開。支援会社は延べ2,000社を超える。SEO/CRO（コンバージョン最適化）を強みとするWebコンサルティング会社。日本初のSEO情報サイトであるSEO Japanを通じて、日本におけるSEOの普及に大きく貢献。
SEO最新情報やセミナー開催のお知らせなど、お役立ち情報を無料でお届けします。
