画像はバナー?それとも・・・

Last Updated on 2021年12月24日 by webassistant

サイトにバナーを設置するとき何に気を付けますか?
横幅いっぱいのバナーなら気にならないのですが、小さいバナーだとスマホで見たときに文字が小さくて、何を書いているのか分からない、ということが発生しがちです。
その場合、どうするのが良いのか、少し話したいと思います。

(1) 背景画像をわかりやすくする

背景の写真で伝えたいことを伝えるようにすることでぱっと見だけで訴求する方法です。
主観が入りなかなか難しい方法ですが、クリックされやすくなります。

(2) キャッチを端的に

キャッチコピーを短くして文字を大きくする方法です。
たとえば、「お問い合わせ」ではなく「お問合せ」など文字数を少なくして、スマホでも見やすい大きい文字で表示させます。
その他にも画数の多い漢字を使わない、スマホでも見やすいフォントを選択するなど工夫してみてはどうでしょうか。

(3) スマホ用のバナーを作成する

PC用画像とスマホ用画像の2つのバナーを作成し、端末ごとに切り替える方法です。
これはかなり有効な方法だと思います。

(4) どちらか一方を選択する

スマホもしくはパソコンをすっぱり諦めるという方法です。
アクセス解析または、ターゲットユーザーでPCを優先するかスマホを優先するかを決め、どちらか一方を捨てるという発想です。
個人的には悪くないと思います。

この記事についてのお問い合わせはこちらからご遠慮なくご連絡ください。

当社では、WordPressを用いたWebサイト制作を行っております。
お問い合わせはこちらまでお気軽にご連絡ください。

制作実績はこちらからご確認ください。
⇒【View Now!】WordPress制作事例をチェック!

ノーコードで簡単ウェブ制作なら断然ELEMENTORが便利です。

#ホームページ 
#ワードプレス

この記事についてのご質問がある方はワードプレスの学校でお願いいたします。

当社では、WordPressを用いたWebサイト制作を行っております。
ホームページの制作については、こちらからお気軽にお問い合わせください。

制作実績はこちらからご確認ください。
⇒【View Now!】当社の制作事例をチェック!

ノーコードで簡単ウェブ制作なら断然ELEMENTORが便利です。

ワードプレスの学校

ワードプレスについて何時でも何度でも質問ができる「ワードプレスの学校」を開設しました。
本サイトで解決できなかった問題は直接ワードプレスの学校で質問ができます。
ぜひ、ワードプレスの学校をチェックしてみてください!

Join our newsletter

毎週金曜日に最新のワードプレスの情報を配信しています
いつでも解読できますので、お気軽に登録してください

Check New Posts

Join Our School

ワードプレスについて何時でも何度でも質問ができる「ワードプレスの学校」を開設しました。
本サイトで解決できなかった問題は直接ワードプレスの学校で質問ができます。
ぜひ、ワードプレスの学校をチェックしてみてください!

— ワードプレスの学校でワードプレスについて一緒に学びませんか —

ブログを読むより、ユーチューブ動画を見るより、ワードプレスに精通した講師に直接聞いて問題を解決しましょう!ワードプレスの学校は、質問し放題のオンラインスクールです。