ブログの収益アップに繋がる！CTAの隠し技

ワークショップで、「こんなすごい仕組みがあるなんて！オーランさんかっこいい！大好きぃ！」と毎回喜ばれる隠し技がある。

それが「ブログのCTA」だ。

LPに用いられるCTA

企業のサービス紹介サイトや広告主の申し込みページで、上画像↑のような画面を目にするだろう。
（上画像は私が勝手に作った架空のサービス）

CTAとはコールトゥアクションの略で、サービスの申し込み等のアクションを起こしてもらう工夫を施したパーツ全体を指す。

先ほどのCTAには下画像↓ のような工夫を施している。

そもそもCTAはウェブ制作、マーケター、コンサル　そういったジャンルに属する人たちにとっては、ごく当たり前の存在。

だがブロガーにとってはあまり馴染みのないものだと思う。

CTAを知っている方も、CTAはあまりブログで使わないんじゃない？　LP向けの仕組みじゃないの？　と思うかもしれない。

確かに、ほとんどの場合がLP（ランディングページ）に用いられる。

しかしこのCTAがブログの広告成約を大幅に増やせるとっておきの武器になるんだ。

では、これからCTAをブログで活用する方法をご紹介していこう。

CTAの配置

ブログの構成（ワイヤーフレーム）

まずはブログに設置するCTAの位置。上イラストのオレンジ部分の箇所、つまりは投稿記事内に設置する。

サイドバー・固定フッター（フローティング広告）などの設置方法もあるが、サイトに溶け込まない広告よりも溶け込んだ広告の方が成約率は高い。

ブログのCTA設置場所

記事上・記事中・記事下の３箇所

CTAの形状

記事上CTAはCTAボックス型
記事中はバナー型
記事下は記事一体型

ではそれぞれ３箇所の広告について解説していこう。

記事上CTAは本能を反応させる広告

読者は、記事を開いた瞬間から自分に有益な情報かどうかをコンマ秒単位で判断している。

人間が瞬時の判断ができるのは、全ての動物に備わった本能のおかげだ。

記事を見始めたばかりの状態では、「理性」でなく「動物的本能」で物事を判断している。

乱暴な言い方をすると、何が正しいかという思考よりも欲求が強い状態だ。

記事上広告は、本能に訴えかけることが大切だ。

本能に訴えかける広告とは

本能とはすなわち、理性ではなく人間の動物的な直感や欲求である。いくつか読者が持っている欲求の例を挙げてみた。

読者の欲求の例

欲求はずっと続くわけではない。あるきっかけで理性が働くと欲求は抑制される。

例えば、お金がかかるとか何か不安に感じることがあるとか。

そういった理由で、出来るだけハードルの低い広告を準備した方がいい。

敷居が低い広告

行動を訴えかける色

広告カラーは、赤・オレンジといった興奮・高揚を感じさせる色を用いる。

青は理性に訴えかける色なのであまり用いることはない。ただし転職や車ジャンルなど安定・安全をイメージさせる青・緑が有効な場合もあるだろう。また、広告案件のブランドカラーを用いる場合もある。

記事上CTAの実例

私が実際にアフィリエイトサイトの記事上広告に使っているCTAの形式をご紹介する。

例として架空のレンタルサーバー案件にしている。レンタルサーバーの速度なんて冷静に判断するものなので本来であれば記事上広告にはあまり適さないがサンプルなので大目に見てほしい。

ボックス型CTA

ぽんひろさん作の吹き出し付きボックス。ボックスの中にアイコン吹き出し ＋ テキスト ＋ ボタン　とユニークな形で目立つので非常に高い効果を発揮してくれている。

ただし読者層が固まっていない雑記ブログやターゲットと案件がミスマッチしている場合は、読者にとって広告の大きさがあるため邪魔になる。読者とマッチした広告提供を心がけてくれ。

アイコン吹き出し付きボックスをHTMLとCSSで作る！レスポンシブ対応！

アイコン画像と吹き出しを入れたボックスのカスタマイズです。HTMLとCSSでレスポンシブ対応になっています。画像や吹き出しの内容はもちろん自由自在に変えられます。コピペで簡単にできるようになっているのでぜひ使ってください。

ponhiro.com

【通常広告】１つの商品・サービス推し。箇条書きでユーザーの悩みやユーザーメリットを示す。

レンタルサーバー凄速が1ヶ月無料

〜 こんなお悩みありませんか？ 〜

• ブログの表示が遅いのが気になる
• サーバー管理画面が分かりづらい
• 毎月のサーバー代がちょっと高い

\30日間無料お試し実施中！/
無料で試してみる

 

私も凄速を使っているぞ

【比較広告】３つを比較して選んでもらう。

１ヶ月無料で使えるレンタルサーバー

• 国内最速サーバー会社　 凄速
• 速くて初心者に優しい　 優速
• そこそこ速くて低価格　 安速

私は凄速を使っているぞ

比較広告で著しく有利に見せる行為は禁止されているので消費者庁HPを見て気をつけてくれ。

参考　消費者庁｜比較広告

Cocoonランキング

WordPressテーマ Cocoonのランキングの1位だけを利用したCTA。

スマホ表示になると画像と文章が縦に並ぶので画像を出来るだけ平たくしたい。もっとも縦幅を取るCTAなのでその他のCTAとABテストしながらの利用がおすすめだ。

国内最速レンタルサーバー【凄速】

• ブログの表示が遅いのが気になる
• サーバー管理画面が分かりづらい
• 毎月のサーバー代がちょっと高い

無料で試してみる

テキスト ＋ バナー

広告のサイズが縦横ともに小さいので、読者のストレスは最小限に留めることができる。バナーの上のテキスト（マイクロコピーと呼ばれる）が重要な存在なので本能に訴えかける言葉をしっかりと考えることだ。

＼ 1ページ公開は永久無料 ／

リスト ＋ ボックス

画像を省いているため縦幅が短いのがメリット。箇条書きで分かりやすく伝えることができる。

参考　Cocoonで囲み枠（ボックス）の中にリストを入れる

ランキングリスト ＋ ボックス

優越をハッキリとさせたい場合に便利なランキング表示。

参考　CSSだけで作る王冠付きのランキングリスト

記事中のCTAの形

目次上に表示する記事中広告。アドセンスを貼るよりも読者にマッチした広告バナーを自作して提供した方がいい。

記事上CTAとの距離が短いため、記事上広告とはデザインを思いっきり変えてバナーを設置している。

こうするとアドセンスのレクタングル広告のように見えて自然だ。

記事下CTAはじっくり会話するように

記事下広告は、記事を読み終わった読者が到達するため、記事上広告に比べると広告が目に留まる回数はかなり低い。

しかしながら記事を読み終わった読者は、

こうした優良顧客とも言うべき読者が残っている。

記事下広告はこうした見込み顧客・ファンへのPRの場であることを覚えておこう。

ネットショップでは、ページ上部には新規顧客向け商品を配置し、ページ下部には固定客向けのリピート商品を配置するのだがそれと似ている。

記事下CTAはじっくり思考してもらう

記事上広告と記事下広告の違い

記事上が瞬間的に判断される広告だが、記事下広告はじっくりと思考してもらう広告だ。

記事下CTAでは、じっくりと読者と会話をするイメージで商品紹介を行おう。

自分の感じたこと、思っていること＝つまりは主観的な文章がいい。

記事下CTAの例

記事下CTA実例1　レンタルサーバーの選び方

レンタルサーバーの選び方 主なレンタルサーバー会社 凄速 優速 安速 ブロガーさんの中でもっとも使われているであろう国内レンタルサーバーは上記3つ。 Twitterで口コミをみてみよう 一番手っ取り早くどこ...

www.orank.net

2020.04.09

記事下広告の範囲はどこかお分かりだろうか。

もう1記事サンプルを作ったので見てもらおう。

記事下CTA実例2　めちゃんこ速くなるプラグイン

前回のレンタルサーバー選びをご覧いただいたら次はサイト表示が目に止まらない速さになるプラグインを紹介しよう。 断言しよう。これを揃えたら速くなりすぎて、ライバルたちの姿が遠く米粒のように見える。 めちゃんこ速くなるプ...

www.orank.net

2020.04.09

もうお分かりだと思うが、後半の見出し2（H2）以降が記事下広告となる（画像：記事下広告の範囲）

記事下広告の配置を見るとどこから広告か分からない。これがトリッキーだよな。

SNSボタンや関連記事といった仕切りがあると、読者は記事が終わったと判断するので本文に引っ付けてしまおうというわけだ。

エゲツない技である。

記事下広告の注意点として、広告が読者とミスマッチを起こす場合は使わない方がいい。信頼を失いかねないぞ。

CTAの設置方法

カテゴリーごとに設置が基本

ブログの全ページに一つずつCTAを設置するのは時間がかかりすぎるので、カテゴリーごと　あるいは特化サイトでターゲット属性が絞られているのであればサイト全ページに同じCTAを設置する。

私はCocoonのテンプレート機能を使って設置している。

テンプレートを作成するとショートコードが出来る。

ショートコードを記事下ウィジェットに貼る。

表示するカテゴリーを設定する

これで完了だ。記事上広告も同じ要領でOK。

読者層にマッチした広告提供を心がける

広告は何でもいいわけじゃなく、読者層とのマッチングが不可欠だ。

読者層って何？という方は【無料Note】ブログで儲からない人のためのアドバイスに説明をしているので勉強してくれ。

私のブログで例えるなら、

・ブラックハット、ホワイトハット
・ワードプレスネタ、SEOネタ

といった区切りがある。

ワードプレスネタの記事にブラックなツールの広告を提供していても売れない（面倒なのでそのまま表示しているんだ。ごめんよ・・・）

読者に合った広告を心がけるんだ。（自戒）

クリックしたくなるCTAを作るために

CTAの手法は勉強して損はない

LPに用いられるCTAの手法は勉強して損はない。

・マイクロコピー
・潜在意識に訴える言葉
・行動を促す色
・矢印効果
・視線効果

など。勉強すると実に面白いものばかりだ。

広告配置によって読者層が異なる

記事の読み始めは一見さん向け、読み終わりは固定ファン向け。

一見さんにいきなり高価な商品、説明が必要な商品を紹介するとクリックは増えてもCVRが落ちるので注意しよう。

固定ファンの喪失

ブログにあまりにも広告が多くなると、固定ファンが離れてしまう可能性がある。

記事内CTAやウィジェット内CTAの画像を減らしテキストリンクにすると読者のストレスが軽減される。

本能（欲求）に訴える

商品のこだわりポイントよりもユーザーがその商品によってどんな悩みを解決したいか？（ない→ある）どんな欲望を満たしたいか？（ある→もっと）を意識する。

（以下をイラストで）

・●●成分で-5kgダイエット
よりも
・友達に綺麗になったね！と言われたい
・可愛い水着を買ってイケメンと海に行きたい

CTAのボタンテキストは動詞を使う

無料で試してみる・最安値で手に入れる・簡単申し込みする・儲かる・モテる

といった行動を表す動詞で読者側のメリットを提示しよう。

最後に

無料ブログ相談をしていると売上がない　と悩んでいる方が多い。そうした方は何が原因で売上がないのか？をぼんやりと捉えている傾向にあるようだ。

売上が少ない要因は

のいずれか。

今回のCTAは、売上の少ない要因の一つ「広告クリック率」を増やす対策だ。ブログのアクセス数に対して売上が少ない　という方のための改善方法となる。

今はブロガーさん、アフィリエーターさんにとっても大変な時期なので、みなさんの報酬が少しでも増えるようにぜひブログのCTAを活用してもらいたい。

何か分かりづらい、こんな場合はどうすればいいの？など疑問点があればお答えするのでtwitterDMで気軽に連絡してくれ。