ブログ

【コピペでOK】アフィリエイトのバナー広告を中央寄せにする方法

2022年8月27日

アフィリエイト バナー広告 中央寄せ
ブロガーにわとり
ブロガーにわとり

バナー広告を中央寄せにしたいんだけど…いい方法ないかなぁ?

実はこれカスタムHTMLにコードを追加するだけで簡単にできます。

この記事にCSSコードがあるのでそこからコピー&ペーストすればOKです。

>>コードだけ知りたい!という人はこちら

バナー広告を中央寄せにすると…
  • 記事のデザインがすっきりする
  • マイクロコピーがつけやすい

バナー広告も貼りかたひとつでクリック率が大きく変わります。

クリックしてほしいアフィリエイト広告はぜひ中央寄せでアピールしましょう!

まだASPに登録していない人はこちら↓

アフィリエイトのバナー広告を中央寄せする方法

ブロガーにわとり
ブロガーにわとり

CSSとかコードとか全然わからないんだけど…

こばち
こばち

大丈夫!下のCSSコードをコピペして使うだけでできるよ!

<div align="center">
</div>

この2つのコードでアフィリエイトサイトでコピーしたコードを、カスタムHTMLのブロック内で挟むだけです。

黄色で囲んでいる部分が今回紹介したCSSコードです。

いつも通り広告を貼ると左寄せになります。

ですが先ほどのCSSコードを追加するだけで…

バナー広告が中央寄せになりました。

ブロガーにわとり
ブロガーにわとり

すごい!これなら簡単にできそう!

私のようなHTML初心者でも簡単にできるので、中央寄せしたい広告があればいますぐ活用しましょう!

バナー広告を中央寄せにするメリット2つ

バナー広告を中央寄せする方法がわかったところで、中央寄せにするとどんなメリットがあるのかご紹介します。

バナー広告を中央寄せにするメリット2つ
  • パソコン版のデザインがすっきりする
  • マイクロコピーがつけられる

パソコン版のデザインがすっきりする

「ブログはモバイル端末での見た目が大事!」というのはもちろんですが、パソコン版での見た目も無視できません。

バナー広告だけ左寄せだとバランス悪く見えてしまいます。

こばち
こばち

正方形のバナー広告とかは特にそうだね

なにより中央寄せにすれば画面上でも目立たせることができます。

少しでもクリック率が上がると思えば、やっておいて損はないでしょう。

マイクロコピーがつけやすい

マイクロコピーとはボタンや広告、入力フォームなどにある短いメッセージのことです。

私たちブロガーはただ広告を貼るだけでなく、このマイクロコピーをうまく使って成果発生率を上げる必要があります。

例えばバナー広告が左寄せのままマイクロコピーをつけるとどうでしょうか。

\ブロガーなら登録必須!/

せっかくのマイクロコピーが目立たず、バランスも悪く見えますよね。

つぎにバナー広告を中央寄せにするとどうでしょうか。

\ブロガーなら登録必須!/

このようにマイクロコピーとバナー広告が目立ち、記事のバランスもよくなります。

まとめ:少しの手間でクリック率は上がる!

私たちブロガーにとってアフィリエイトのバナー広告は収益のカギになります。

そのバナー広告を適当に貼っただけでは意味がありません。

少しの手間を加えることでクリック率は大きく変わってきます。

あなたもぜひイチ押しのバナー広告を中央寄せにして、読者にアピールしましょう!

-ブログ