2021.11.09 2017.04.01
ランディングページ内のボタン要素は主に資料請求や申込みなどの成果達成につながる要素であることが多く、 大変、重要な要素となります。
このボタンにCSS3アニメーション適用することで、クリック率が大幅に改善する可能性があります。
今回のA/Bテストではアニメーションを適用していない普通のボタンと、
アニメーション効果を適用したボタンで行いました。
※テストで使用したアニメーションイメージ
約2週間のテストから、下記の結果となりました。
| パターン | クリック率 | 該当パターン訪問者数/総訪問者数 |
|---|---|---|
| アニメーション無 | 12.64% | 71/561 |
| アニメーション有 | 18.40% | 100/561 |
クリック率で約6%の差が出ています。
アニメーションにすることで、訪問者の目をひきクリック誘導に成功したテストとなりました。
注意点としましては、スマートフォンなどの画面領域が狭い環境では
アニメーションすることで誤タップを誘発する可能性があります。
デザインやレイアウトに十分配慮の上、アニメーション導入を検討してみましょう。
BCJ管理人
ブルースクレイ・ジャパン(株)サイトの管理人です。 担当業務は全ファネル領域におけるサイト改善コンサルです。
BCJメールマガジンのご登録
最新のセミナー情報やお役立ち情報をメールにてお届け致します!
-
【2026年のSEO展望】GEO・SOV時代の最適戦略とは?AI時代に勝ち続けるための全戦略とKPIシフト
2025.12.03
View more
-
AI Overviews(AIO)でSEOはどう変わる?クリック率への影響や今すぐ知っておきたい最新の対策方法
2025.11.06
View more
-
データと社員の声でひもとく、ブルースクレイ・ジャパンの“リアル”な魅力とクライアント成果を生む現場の在り方
2025.11.05
View more
-
AIとSEOの新時代「SEO 2.1」──AI時代のSEO戦略とは?検索エンジン最適化はどこへ向かう?AI対策についても紹介!
2025.10.28
View more
-
ジム・フィットネス業界の集客を最大化する広告戦略【完全ガイド】媒体・費用・代理店の選び方まで徹底解説
2025.10.09
View more
-
【2025年最新版】リスティング広告代理店おすすめ15社を徹底比較!費用相場・選び方・失敗しないコツ
2025.09.16
View more












