バナー作成
バナーはキャンペーン誘導だけでなく、ページ内の目的地を分かりやすく示す役割があります。
本文
バナーを使う場所を先に決める
バナーは、特集、商品カテゴリ、期間限定の案内など、目立たせたい行き先がある時に使います。常に同じ大きな画像を表示するより、訪問者がその画面で探している内容に合う入口を選ぶ方が役立ちます。
例えば商品一覧の上に「春のギフト」を置くなら、リンク先には該当商品が一覧で見える状態を用意します。画像だけを替えてリンク先が通常のトップページのままだと、買い物をやり直すことになります。
公開前に決める四つのこと
- 対象誰に何を見てほしいかを一つに絞る。
- 約束画像に示す商品・特典・期間がリンク先と一致するようにする。
- 配置スマートフォンでも本文や商品一覧を押し下げすぎない位置に置く。
- 終了キャンペーンが終わった後の表示とリンク先を決めておく。
画像を作る前に文面を短くする
小さな画面では細かな文字が読めません。主題は「何を見られるか」が伝わる短い言葉に絞り、条件が長い場合はリンク先のHTML本文で説明します。価格や割引を表示するなら対象商品・適用条件・期間に誤解がないか確認します。
商品の写真を背景に使う場合も、肝心の商品が文字で隠れないようにします。画像に文字を焼き込むだけでなく、周囲の見出しやリンク名にも行き先を示すと、画像が表示されない場合にも伝わります。
公開前・改善時に確認すること
| 確認項目 | 実務で見るポイント |
|---|---|
| 行き先 | リンク先の見出しと商品がバナーの案内に一致するか。 |
| 条件 | 特典の対象、期限、在庫に変更がないか。 |
| 表示 | スマートフォンの幅でも商品と短い文字が読めるか。 |
公開後はクリック後の行動も見る
クリックされていてもリンク先ですぐ離脱されるなら、案内した内容と実際の品ぞろえが違っている可能性があります。見た目だけを変える前に、目的地の商品と説明を確認します。
複数のバナーを同時に置く場合は、同じ商品一覧へ似た文言で何度も誘導しないようにします。用途ごとに行き先を分けるか、入口を一つに絞ると選びやすくなります。
作成例: ギフト特集への入口
「ギフトにおすすめ」だけでは対象が広すぎます。「3,000円以内の引っ越し祝い」のように用途と予算を示し、リンク先では該当商品と配送目安を確認できるようにします。実際の商品・価格帯に合わない言葉は使いません。
| 見る場所 | 確認すること |
|---|---|
| 表示文 | 誰向けのどんな特集かを短く示す。 |
| リンク先 | 紹介した予算で買える商品が見つかる一覧にする。 |
| 補足 | ラッピングと発送日の条件はリンク先で確認できるようにする。 |