WordPressブログでバナーを作成する方法と最適な貼り方をご紹介！【一瞬！】

悩む人

ブログのバナー画像って何？またWordPressでブログ運営しているけどバナー画像を作成する方法や貼り方について教えて欲しいです！

こんな悩みに答えます。

本記事の執筆者

当ブログでは、WordPressの基本的な設定方法からアフィリエイトに関する役立つ情報を発信しています。現在ではWebディレクターとして９年間働いており、ブログで月に５桁稼いでいます。

ブログ運営をしていると『バナー（Banner）』という名前を聞いたことがあるのではないでしょうか？

結論、バナー（Banner）は以下のようにWeb（ウェブ）上でリンク付きの画像です。

本記事では、そんなブログで使うバナーについて紹介し、ブログバナーの作成や設置方法について紹介します。

また、記事後半では、WordPressブログでバナー広告と最適な位置についても徹底的に紹介していますので、参考にしてみてください！

ブログで使うバナーとは？

バナー（banner）は文字や写真で作られた画像のことを指します。

バナーは訳しますと「のぼり」「横断幕」という意味になります！

また、画像にページのリンクが貼られている為、バナーをクリックすると別ペページに飛ばすことができます。

通常のテキストリンクとは違い、バナーがあることで多くのユーザーに興味を引かせることができ、アクセス数を増やすメリットがありますよ。

注意

注意点としては、バナーを貼りすぎるとユーザーが逆に嫌悪感を感じてしまう可能性がありますので、貼りすぎには注意が必要です。

ブログバナーの作り方

サイトやブログを見ていて『綺麗なバナーをどうやって作成しているのかな？』気になったことがあるのではないでしょうか？

ブログバナーを作成できるツールはいくつかありますが、初心者の方でしたら『Canva』というツールを使ってみるのがおすすめです。

Canvaですと初心者の方でも使いやすく、あらゆるバナーを作成できのがメリットです。

以下のように『バナー』と検索すると、ブログバナーやその他の用途で使えるバナーを選択できます。

Canvaは、無料で使用することができますが、有料プランの『Canva Pro』ですと新しいデザインテンプレートやオリジナルフォントが使えます。

ただ、無料プランでもバナーを作成するのに十分な機能がそろっているので、初心者の方でしたら無料で十分かと思います。

Canvaの使用方法については、Canvaアプリの使い方で紹介しているので興味のある方はご覧ください。

また、Canva（キャンバ）でブログバナー用の画像作成ができましたら、飛ばしたいページへのリンクを貼って完了です。

WordPressで画像にリンクを貼る方法は、WordPressで画像リンクを貼る方法で紹介しているので参考にしてみてください。

1. プロにバナー画像を依頼する

ブログで使用するバナーは、自作ではなくプロに依頼して制作してもらう方法もあります。

プロに依頼する場合ですと、高品質で魅力的なバナー画像を作成してくれます。

例えば、自分のブランド商品をブログ内にバナーで魅力的に紹介したいときなんかには有効的です。

プロにバナー制作を依頼するのであればココナラがオススメです。

1度に10個までのバナー制作を2,000円で依頼できたり、定期的にクーポン配布をしてお得に依頼もできます。

ブログ内で魅力的で企業サイトでよくみるようなバナーを入れるのであれば、ココナラはオススメです。

ココナラについては以下で紹介しているので気になりましたらご覧ください！

: ココナラでイラスト・ブログアイコンを作成する流れ７ステップ【簡単登録！】

続きを見る

2. ASPの広告バナー画像を使う

企業が提供している商品、サービスバナーをブログ内で紹介するのであれば、ASPに登録する方法もあります。

ASPが契約している広告主のサービスを扱うことができバナー画像を利用できます。

ASPに登録して、WordPress（ワードプレス）ブログ内にバナー広告を配置する方法を詳しく紹介します！

WordPressブログでバナー広告を入れる方法

WordPress（ワードプレス）をお使いの方向けにブログでバナー広告を入れる方法を紹介します。

手順は以下の通りです。

1. ASPの登録
2. 登録したASPにアクセス
3. WordPress（ワードプレス）にバナー画像をはる

１つずつ順番に紹介します。

1. ASPの登録

先述した通り、ブログ内に広告バナーを入れるにはASPに登録してバナー画像用のURLを取得する必要があります。

ASPはアプリケーションサービスプロバイダの略でして、広告主とアフィリエイターを仲介する役割です。

ASPに登録している企業のバナー画像をブログ内で紹介し、ユーザーがクリックして登録や購入してくれると報酬が入る感じです。

企業が作成済みのバナー広告を提供してくれているため、紹介したい商品のバナーをブログ内に置くことができます。

結論、バナー画像が使えるおすすめの『アフィリエイトASP』は以下です。

おすすめのASP

A8ネット：案件数NO1でジャンルが豊富
もしもアフィリエイト：12%のボーナス報酬あり
afb：女性向けの案件が多数
バリューコマース：物販系の広告案件が多数でECサイトなども強い
ACCESSTRADE（アクセストレード）：他のASPにはない案件がある

上記のASPは広告数が豊富で、ブログ内で紹介したい広告バナーがきっと見つかるはずです！各ASPの登録は、基本的に無料で５分ほどでできます。

なお、各ASPの特徴や詳しい登録方法は、以下で紹介しているので興味のある方はご覧ください。

: ブログアフィリエイトとは？初心者におすすめの大手ASPサイト７選を紹介

続きを見る

2. 登録したASPにアクセス

ASPの登録ができましたらバナー画像を取得していきます！今回はA8ネットで紹介します。

ASPの登録後には広告企業の提携が必要になりますので、設置したい企業バナーとの提携も先にすましておきましょう。

提携できましたらページ上の『プログラム管理 → 参加中プログラム』をクリックします。

その中に「広告リンク」ボタンがあるのでクリックします。

クリックすると素材タイプが「テキスト」「バナー」と一覧であるので、バナー画像の「素材をコピーする」ボタンをクリックします。

これでASPバナー画像のリンク取得は完了です！

ちなみに、バナーサイズは以下の赤ワクで囲ったところで確認ができます。

ブログ内にバナーを貼る際には、どれくらいの大きさ（サイズ）なのかを確認しておきましょう。

3. WordPress（ワードプレス）にバナー画像をはる

最後に、コピーしたバナー広告のリンクをWordPressにはります。

今回は旧エディタを使って紹介しますね。

まずは、WordPressの新規投稿ページにいきまして「テキスト」に切り替えます。以下のように広告リンクを貼りましたら完了になります。

最後に、プレビューで確認してバナーが表示されていれば完了です。

ブログバナー広告の最適な配置位置

最後に、ブログバナーの最適な貼り方と位置について紹介します。

結論、ブログでバナーを使用する際には、あまり広告を配置すぎないほうが良さそうです。

というのもバナーをあまりにも多く貼ってしまうとユーザーの離脱を招くからです。

また、ページの右上や記事の上に配置すると、ユーザーが嫌がる傾向がありそうなので避けるのがオススメです。

バナーを置くオススメ位置は、

ページの右横上
ページの途中に入れる
コンテンツの一番下（記事下）

上記に置くのが良さそうです。

ページの途中にバナーを入れることでコンテンツ内（記事内）で緩急をつけられます。ユーザーがリズムよく記事を読めるので効果的ですよ！

ページの『2段目』『4段目』に入れのがおすすめです！

貼りすぎずユーザーがよく見る場所に適切にバナーを貼ることで、クリックされるチャンスがうまれるのでぜひ実践してみてください！

ブログでバナーを使おう！：まとめ

今回は、ブログでバナーを作成する方法から、ASP広告でバナーを取得・ページに貼る方法を紹介しました。

繰り返しになりますが、ブログ内に魅力的なバナーを置くことで、ユーザーが興味をもちクリックしてくれるチャンスが増えます。

また商品バナーをブログに置きたい場合は、今回紹介したASPに登録してバナーを置く方法があります。