【質問】TOPぺージの画像作成する上で気を付けたほうが良いことはありますか?

WEB活用の教科書

今回の授業の先生



WEB活認定コンサルタント
松永 菜穂子(まつなが なほこ)

執筆コラム

今週の質問と回答

【Q】
TOPぺージの画像は、WEBサイトで目を引くところだと思いますが、作成する上で気を付けたほうが良いことはありますか?

---

【A】
TOPぺージ上部に表示される画像(以下TOP画像)は、サイトを表示した際に一番最初に目にする非常に重要な部分です。サイトによっては、スライドショーとなっているものや、動画が表示できるものもあり、他のサイトと差別化を図ることができる部分で、力を入れて欲しいところです。

 

TOP画像で「誰に」「何を」伝えるのかを考えて画像を作成してください。ついつい、好きな画像を使って見た目重視になりがちです。
例えば、物販のサイトで、
・20代女性に「商品を買ってほしい」と伝えたい
・50代女性に「商品を信頼してほしい」と伝えたい
上記2つでは、ビジュアルの画像もキャッチコピーも大きく変わりますよね。

 

また、現在はパソコンよりスマートフォンでのアクセスが多くなっているのですが、TOP画像はレスポンシブデザインを採用しているサイトの多くでパソコン用に最適化して作られている事がまだまだ多いです。

 

パソコン用の画像とスマートフォン用の画像を別々に設定できるサイトはまだ良いのですが、同じものを表示する場合は、スマートフォンでは画像が縮小されてしまい、せっかくのTOP画像が生かしきれません。「スマートフォンで表示させた場合に最適化する」事に注意して欲しいと思います。

 

画像にキャッチコピーを入れる場合は、スマートフォンで読める大きさにする。パソコンでは多少少ないと思いがちですが、文章も入れすぎず、シンプルにしたほうが良いでしょう。また、読み込み時間を早くするため、画像を圧縮してサイズ小さくすると良いです。
https://tinypng.com/のような画像圧縮サービスを利用してみてください。

 

これからサイトを作成する場合は、TOP画像をスマートフォン、パソコンで別に設定できるものや、キャッチコピー等の文字をテキストとして表示できるものを選択すると、より希望通りのTOP画像とすることが出来ると思います。

>>>「WEB活用の教科書」バックナンバーを見る

無料メルマガ「WEB活用の教科書」購読申し込み

お名前とメールアドレスと入力して[無料メルマガを購読する]をクリックすると、中小企業~個人事業主がWEBを活用してビジネスを展開するために必要なノウハウをお届けする無料メルマガ【WEB活用の教科書】を毎週水曜日にお届けいたします。いつでも配信解除ができますので、お気軽にご購読ください。

氏名 必須  
メールアドレス 必須