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

WEB活用の教科書

今回の授業の先生



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

執筆コラム

  • 【質問】そもそも「在庫が多い」とは、どのような状態なのでしょうか? - 今回の授業の先生 WEB活認定コンサルタント 松永 菜穂子(まつなが なほこ) 執筆コラム 今週の質問と回答 【Q】 在庫が多すぎると言われました。 確かに、古い在庫が多いようにも思います。取り扱っているものは賞味期限が […]
  • 今からでも Pinterestを始めてみよう - 今回の授業の先生 WEB活認定コンサルタント 松永 菜穂子(まつなが なほこ) 執筆コラム 今週の授業 メルマガでたびたびご紹介している Pinterestですが、InstagramやXをはじめとしたSNSでの集客が大変 […]
  • WEB活Plus会員限定 -  このコンテンツを閲覧するには「WEB活Plus会員」である必要があります。 WEB活Plus会員になると、様々な特典に加え、すべてのサービスを会員価格でご利用いただけるようになります。 WEB活Plus+ の詳細を見る […]
  • CanvaでWebサイトを作ってみよう - 今回の授業の先生 WEB活認定コンサルタント 松永 菜穂子(まつなが なほこ) 執筆コラム 今週の授業 今回は、無料でも利用できるグラフィックツール「Canva」でWebサイトを作成する方法をご紹介します。    ▼「C […]
  • カート作成はなぜお勧めされなかった? - 今回の授業の先生 WEB活認定コンサルタント 松永 菜穂子(まつなが なほこ) 執筆コラム 今週の質問と回答 【Q】 WordPressでLPを作成しようと思っています。カートもWordPressで作成出来ると聞いたので […]
  • 無料ツールで動画を作る方法 - 今回の授業の先生 WEB活認定コンサルタント 松永 菜穂子(まつなが なほこ) 執筆コラム 今週の授業 今回は、無料ツールの「Canva」で動画を作成する方法をご紹介します。    ▼「Canva」とは Canvaは、グ […]
  • 【質問】Google reCAPTCHAのロゴが邪魔なので消したい - 2022/12/21 Googleリキャプチャのロゴを非表示にすることは可能です。具体的には、スタイルシート(CSS)を利用し、非表示にします。 
  • Pinterest広告は何に向いている? - 2022/12/14 Pinterest好きなのですが、今回は今年6月から日本でも出稿できるようになった、広告について考えてみます。
  • 【質問】Instagramはインバウンドに効果的なのですか? - 2022/6/22 Instagramは、世界で約10億人のユーザーがいるSNSであり、コロナ前は、旅行前の情報収集にを利用している外国人も多く、この傾向はまだ変わらないと考えます。
  • Pinterestで広告とショッピングカタログが利用可能に - 2022/6/15 画像共有SNSのPinterestの広告サービス、Pinterestアドとカタログが日本でも利用可能になりました。まだまだ競合が少ないため、EC事業者には注目のSNSです。

今週の質問と回答

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

---

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

 

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

 

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

 

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

 

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

 

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

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

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

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

    氏名 必須

     

    メールアドレス 必須