アフィリエイト基礎

広告の配置最適化!2・3カラムを使いこなそう

広告 配置 最適化
ブログアフィリエイト

 

ブログを書いていて画像を挿入したとき、

 

「画像の横にテキストを入れたい」

「画像を並べて表示させたい」

 

と思ったことがあるのではないでしょうか。

 

色んなサイトのブログを読んでいても、

画像とテキストを組み合わせたような表示を

ご覧になったことがあるかと思います。

 

サイトやブログの本文途中で、

表示を縦の列で分割した部分を”カラム”

と呼ぶのですがご存知ですか?

 

このカラム表示は、ブログ運営をするにあたり

広告の配置最適化のためにも大切なポイントになります。

 

そこで今回は、

広告の配置最適化を図るためにも

2・3カラムを使いこなそう!

というテーマでお話していきます。

 

広告の配置最適化!Wordpressで2・3カラムを使いこなそう!

 

そもそも

2カラム、3カラムって何?

と思われる方もいらっしゃると思います。

 

実際のイメージの方が伝わりやすいので、

簡単にカラムについて解説し、画像でもイメージをつかんでいきましょう。

 

そもそもカラムって何?

 

例えば1カラムの場合、

 

こちらの画像のように

サイドバーを表示させることなく記事のみを表示させる手法。

 

1カラムは縦に分割されることなく表示されていますよね。

 

2カラムは、

 

記事本文+サイドバー(左右どちらかに)

で表示されます。

 

上記の画像ではサイドバーが右に配置されていますが、

デザインによって左に表示される場合もあります。

 

これはサイトのデザインを縦に2つに分けていることが分かりますね!

 

そのため、

2カラムと呼ばれるのです。

 

カラムについては、このように

ブログデザインや記事本文を縦に分ける数だと覚えておけばOK。

 

基本的なブログデザイン

 

先ほどはサイトデザインの画像を参考にしましたが、

 

基本的なブログデザインは、

1カラムか2カラムを使われていると思います。

 

ブログの本文中も

2カラム、3カラムで表示することができるようになります。

 

 

このように、

左に画像、右側にはテキストを表示させる。

 

これは記事の本文が2カラムになっています。

 

 

もちろん表示は左側にテキスト、右に画像もできるし、

画像を並列させてもいいし、本文を並列させることも可能です。

 

3カラムは3分割された表示

 

2カラムがどのようなものが分かると

3カラムは分かりやすくなりますね。

 

縦3分割です。

 

 

 

この場合は、

記事の本文を3カラムにしてみたものです。

 

このように画像を並列して表示させることもできます。

 

広告もOKです!

 

今回の例では、画像やテキストを載せていますが、

アドセンス広告、ASP広告もこういった形で

並列させて表示させることが可能です。

 

左右の割合も変えられる

 

並列させる場合でも、

左と右側の割合を変えることも可能です。

 

左を33%右側を66%で表示させることができます。

もちろん逆もOK!

 

 

今回、紹介するこの手法をマスターすると、

より効果的に広告を配置してコンバージョンを上げていただけると思います。

 

 

スマホやタブレットの表示は1列

 

サイトや記事の本文中を1カラム、2カラムで表示したとしても、

スマホやタブレットで表示される場合には、そのまま表示されます。

 

2カラム、3カラムに分けた場合は、

左側が優先的に表示されていきます。

 

 

左に画像・右にテキストの場合は、

画像が先に表示され、次にテキストが表示されるようになります。

 

3カラムの場合も一番左に表示されているものから順に表示されます。

 

PCで見ると縦に分割されて表示されますが、

 

スマホやタブレットの場合は、左側にあったものが

上から優先的に表示されるということも頭に入れて起きましょう。

 

カラムで広告配置の最適化ができる!

 

例えば、

どういったときにこのスキルが活用できるのか。

 

ASP広告は、

数ある広告を比較検討した上で読者にとって最適なものを紹介するもの。

 

そのため、比較する場面はたくさん出てきます。

 

比較する場合であれば、広告は縦に続けて書いていくよりも、

並列させて表示させた方が読者も比較しやすいと思いませんか?

 

なので、

非常にユーザー贔屓のブログ記事を書くことができるようになるハズです。

 

 

では、具体的に

どうすれば記事の本文途中で部分的に

2カラムや3カラムに分けることができるのか。

 

 

やり方は非常に簡単!!

 

ただただHTMLコードをコピペするだけ!

 

本文中を2カラム・3カラムに分ける方法

 

 

実際にカラム分けをしていく流れを紹介します。

 

やり方はとてもシンプルです!!

 

以下の2つ。

 

  • ShortCodes Ultimateをインストール
  • HTMLコードを入力

 

上記で、HTMLコードをコピペするだけとお伝えしましたが、

 

まずその前にWordPressのプラグイン

「ShortCodes Ultimate」をインストール

しておく必要があります。

 

このプラグインで難しい設定をすることはありません。

 

インストールして有効化しておけばOK!

 

このプラグインをインストール・有効化することで、

 

HTMLコードをコピペした際に、

ブログ記事を正常に2カラム、3カラムに表示させることができます。

 

このShortCodes Ultimateをインストールせず、

HTMLコードをコピペしても、

2カラム、3カラムで表示されることはありませんので注意を!

 

「ShortCodes Ultimate」をインストールの仕方

 

本文中を2カラム・3カラムに分割するために必要となる

「ShortCodes Ultimate」をインストールしていきましょう。

 

インストールの仕方なんて分からない!

という方は以下の通りに進めてみてください。

 

プラグインを新規追加して、

有効化するだけなので簡単です~。

 

 

サイドメニューの中の「プラグイン」→「新規追加」

左上部にあるキーワード検索バーで

”ShortCodes Ultimate”を検索するとアイコンが表示されます。

 

 

「インストール」をクリックし、完了すると

同じ位置に「有効化」のボタンが表示されるので

クリックして有効化するだけ。

 

下準備はこれだけで完了!

 

HTMLコードを入力してみよう

 

記事を左右半分ずつに分割する2カラムに分ける場合には・・・

どのようなHTMLショートコードを編集画面に入力すれば良いのか。

 

同じ割合(50%)の2カラムに分割する場合

 

画像のHTMLコードを入力してください。

 

左に画像、右側にテキストという場合ですね。

 

このコードを記事の本文中に貼ります。

(ビジュアルモードでもテキストモードでもOK)

 

「左側のコンテンツ」「右側のコンテンツ」

という部分を削除して、それぞれ画像やテキスト情報を入力します。

 

コードで挟まれた部分がそれぞれ左右に表示されるんです。

 

これで2カラム表示ができました。

 

3カラムで表示させる場合

 

右に表示されているHTMLコードを入力してください。

 

  • 「左側のコンテンツ」
  • 「中央のコンテンツ」
  • 「右側のコンテンツ」

の部分にそれぞれに

表示させたい画像やテキストを通常通りに挿入すればOK!

 

2カラムでも表示の割合を変える場合

 

上記では、

左の幅が66%・右側の幅を33%という表示です。

 

これは、HTMLコードの

Columm sizeの部分を1/3と2/3に設定すればOKです!

 

先ほどの50%・50%のときは、Columm sizeが1/2でした。

 

1/3と2/3を逆にすれば、

左を33%・右側を66%に表示させることも可能ですね!

 

 

幅を変える設定をするときは、

“1/3と2/3″、”1/2と1/2″のように、

足して「1」になるように分ければ、

問題なく表示させることができます。

 

1/4と3/4

1/5と4/5

など変えて試してみてください。

 

3カラムの場合は、

それぞれの幅を「1/4+1/4+1/2」などのように変えることも可能です。

 

 

足した結果がトータル1になるように

数字を入れれば問題ありませんからね!

 

このような流れで、ブログ記事の本文中を

2カラム、3カラムに分けることができるようになります。

 

2Dアツシ
2Dアツシ
難しいことはなく、簡単ですよね!

 

HTMLコード

50%+50%の2カラム

 

3カラム

 

左を33%・右側を66%の2カラム

こちらをコピー&ペーストしてもこのまま使用可能です!

 

サイズ幅は数字を変えて試してみてください。

 

 

しかしこのコード、

暗記するには長すぎますよね・・・・

覚えるのも複雑だし面倒・・・

 

 

このような複雑なコードをワンクリックで挿入できる

便利なワードプレスプラグインがこちら、

 

AddQuickTagsです。

 

これを使えばワンクリックで挿入ができちゃう!

 

Addセンス広告、ASP広告も

簡単にワンクリックで貼り付けることができるようになります。

 

このアドクイックタグスの使い方・設定方法については、

こちらのブログで紹介しています。

 

AddQuickTagの使い方!広告貼付&文字装飾を効率化!」

ぜひチェックしてみてください。

THE・ATSUSHIからの無料プレゼント

有料級マニュアルを期間限定でプレゼント

ブログアフィリエイト無料メルマガを読んで頂ければ、
ブログ未経験者でも初月から安定して
5~10万円以上稼げるノウハウをプレゼント!

 

  • PDF200ページ以上のコンテンツ
  • 90本以上の動画セミナー
  • ブログを0から立ち上げる流れ
  • ブログ記事の基本的な書き方
  • SEOを体系的に学べるロードマップ
  • 成約率の高いキーワードの見つけ方
  • アクセス爆発させるキーワード選定
  • AdSense取得のための最新審査基準
  • 今売れてる!売れ筋ASP案件まとめ
  • 外注化によるメディア運営の自動化
  • ASPとの特別単価の交渉術
  • クローズドASPとの提携方法

 

上記のような、
アフィリエイトに必須なノウハウ・スキルを
一冊のマニュアルに全てまとめました。

 

さらに以下では、
特に役立つであろうスペシャル特典を
ピックアップしてご紹介します!

  • 8PVで1日に3万円以上稼いだ方法
  • 8記事だけで毎月20万円の固定収入を得る方法
  • Googleに認められたブログへの権威付けのコツ
  • 旅をしながら毎月200万円以上稼ぐには?
  • メール1通で年間1500万円も稼いだ方法とは?
  • 年間3500万円稼ぐブロガーとの対談動画
  • 【時間無制限】音声相談できる権利 などなど!

 

有料級のノウハウ&情報を
圧倒的なボリュームでお届け!

ぜひ手にとって、
価値を感じてください。

マニュアルを受け取る

 

コンサルティング9日間の無料トライアルもできる!

LINE@さらに今なら期間限定で、
LINE@を追加してくださった方全員に

9日間コンサルを受けられる
無料トライアルをご提供しております!

 

運営しているブログコミュニティ
『Reborn』の参加メンバーと同様に、

今持っているノウハウ・スキルを総動員して
あなたのブログ運営を全力サポートします。

 

また、『Reborn』で定期的に行っている
都内・大阪でのブログ作業会やセミナーへも

LINE@特別枠として、
特別にご招待させて頂きます!

 

さらに!アクセス爆発が狙える
穴場キーワードがあれば不定期配信しますから、
ぜひブログ運営に有効活用してくださいね。

無料トライアルに参加

おすすめコンテンツ