MENU

【ホームページ】ホームページのバナーとは?バナーの作り方の手順をご紹介!

ホームページのバナーの名前は聞いたことがあるけど、どのような役割があるのかわからない方も多いのではないでしょうか。

そこで今回の記事ではホームページのバナーの特徴と作り方をご紹介していきます。自分で作る手順も順に説明していくので、これからホームページのバナーを作ろうと考えている方は参考にして見てください。

目次

ホームページのバナーとは

バナーとは、ホームページの中で他のWebサイトを紹介するのぼりのような役割をしている広告画像のことを指します。バナーの画像の中にはリンクが埋め込まれており、重要な広告ツールです。

画像を用いているため、ユーザーに印象に残りやすいのがバナーの最大の特徴です。そのため、Webページの広告の中では、宣伝効果の高い方法といえます。

ヤマダ電機 楽天市場店
¥16,580 (2024/02/29 11:35時点 | 楽天市場調べ)
\楽天ポイント4倍セール!/
楽天市場

ホームページのバナーの作り方

ホームページのバナーの作り方は以下の通りです。

バナーの作り方
  • 業者に依頼する
  • 自分で作成する
  • ソフトウェアのアプリで作成する

それぞれ解説していきます。

①業者に依頼する

ホームページのバナーの作り方の1つ目は、業者に依頼する方法です。主な業者は以下の通りです。

バナー制作業者
  • バナートーキョー
  • Bana-wave
  • バナー工場.com

業者に頼む際の費用は1000円ほどから頼むことができます。また、クラウドワークスなどを利用しフリーランスの方に依頼する方法もあります。自分にあった業者やフリーランスの方を選ぶようにしましょう。

②自分で作成する

ホームページのバナーの作り方の2つ目は、自分で作成する方法です。自分で作成することのできるバナーのツールは以下のものがあります。

バナー作成ツール
  • バナープラス
  • ボタンメーカープロ
  • イラストレーター

自分で作成することで、自分好みのバナーを作ることができます。しかし、初心者の方は時間がかかるので注意しましょう。

③ソフトウェアのアプリで作成する

ホームページのバナーの作り方の3つ目は、ソフトウェアのアプリで作成する方法です。ソフトウェアの無料のアプリには以下のようなものがあります。

ソフトウェアアプリ
  • Canva
  • PIXRL EDITOR

ソフトウェアの無料のアプリはネット環境がなくても作業することができるためどこでも作成することが可能です。Canvaは無料なテンプレもあるため初心者の方でも簡単に作ることができます。

楽天ブックス
¥1,650 (2024/02/29 11:35時点 | 楽天市場調べ)
\楽天ポイント4倍セール!/
楽天市場

バナーの作り方の手順

バナーの作り方の手順は以下の通りです。

バナー作成の手順
  1. ターゲットを決める
  2. サイズを決める
  3. 要素を決める
  4. キャッチコピーの作成
  5. レイアウトの作成

順に説明していきます。

①ターゲットを決める

ホームページバナーの作り方の手順の1つ目は、ターゲットを決めることです。ターゲットを決めることで、どのようなキャッチコピーや画像を入れるのか決めることができます。

ターゲットを「20代女性」など大きく考えるのではなく、「子育てをしている20代女性」「テレワークをしている20代女性」など細かくターゲットを定めるようにしましょう。

ターゲットを細かく設定することで、バナーを見たターゲットがどのような行動をとるのかを想定することができ、バナーのクリック率が上がります。このようにバナーのクリック率に直結するため、しっかりとターゲットを決めてからバナーを作り始めるようにしましょう。

②サイズを決める

ホームページバナーの作り方の手順の2つ目は、バナー全体のサイズを決めることです。サイズはサイトの大きさによって異なります。

他のWebサイトに記載する場合は大きさが決まっている場合がほとんどです。自社のサイトに貼る場合は、Web製作者の方と話し合って決めるようにしましょう。

③要素を決める

ホームページバナーの作り方の手順の3つ目は、要素を決めることです。サイズが決まったあとは、バナーに入れる要素を洗い出すようにしましょう。要素は以下のようなものがあります。

  • キャッチコピー
  • イラスト
  • 写真

思いついたものは全て洗い出すようにしましょう。その後、洗い出したパーツを組み合わせて要素を固めておくことをおすすめします。

④キャッチコピーの作成

ホームページバナーの作り方の手順の4つ目は、キャッチコピーの作成です。キャッチコピーはバナーの顔とも言えます。そのため入念に考えるようにしましょう。パッと見てわかりやすく印象に残りやすいキャッチコピーが大切です。

⑤レイアウトを作成

ホームページバナーの作り方の手順の5つ目は、レイアウトの作成です。今まで洗い出した要素をまとめレイアウトを作成していきます。レイアウトの基本構造は以下のものがあります。

  • 縦・横割りの分割レイアウト
  • 要素を複数並べたレイアウト
  • 全面のレイアウト

フォントや色も重要です。どのようなユーザーに届けるバナーなのかを考えながらレイアウトを作成していくようにしましょう。

楽天ブックス
¥3,300 (2024/02/29 11:34時点 | 楽天市場調べ)
\楽天ポイント4倍セール!/
楽天市場

まとめ

今回の記事ではホームページのバナーの基本的特徴や作り方、自分で作る手順についてご紹介しました。ホームページバナーはWebサイト内に設置することのできる文字や画像を使った広告です。

印象的なバナーを作ることでアクセスを増やすこともできます。今回紹介した作り方を元に自分に合った方法を選ぶようにしましょう。

この記事を書いた人

目次