Vol.20【PART1基礎編】｜広告配置の原則：読了率を落とさない“表示と間隔”の型

広告を置けば収益は上がる——でも、増やした瞬間に読了率が落ちる・離脱が増える・表示が崩れる。
そんなジレンマを抱えている人、多いのでは……？

実は、広告の失敗のほとんどは「数」ではなく “置き方” と “間隔” に原因があります。
どんなに強いアフィ記事でも、読者が本文にたどり着けなければ意味がありませんし、表示がガクッと動く（CLS）だけで信用まで落ちてしまいます。

そこで Vol.20-1 では、読了率を守りながら収益も上げる“広告配置の原則” を徹底的にかみ砕いて解説します。

• ファーストビューに何を置くべき？

• 本文のどこに、どれくらいの間隔で広告を入れれば“読まれる”？

• サイドバーやフッタの扱い方は？

• CTR や Viewability を落とさない“読みやすさ優先の型”とは？

今日の内容は、あなたの全記事にそのまま当てはめられる 基礎のテンプレート です。
まずは「読むを壊さない」ことを前提に、最適な広告配置を一緒に組み立てていきましょう。

本記事でわかること

• ファーストビューの扱い：広告はどこまで“出さない”べきか

• 本文内の広告間隔：割り込みの基準・見出し直下を避ける理由

• サイドバーとフッタの正しい役割

• 読了率とCTRを同時に上げる“配置の型”

• 初心者でも使える 軽量な広告構成テンプレ

ファーストビューの扱い——ヒーロー/目次/導入の邪魔をしない

 

 

 

「広告配置で一番ミスが多い場所はどこ？」と聞かれたら、迷わずこう答えます。
“ファーストビュー（画面を開いた瞬間）です”。

ファーストビューは、読者にとって「この記事を読むかどうか」を判断する最初の3〜5秒。
ここで違和感やストレスを与えてしまうと、記事の中身がどれだけ良くても 実質読まれず に終わります。

そして困ったことに、多くのブログで起きがちな問題がこれです：

• ヒーロー画像のすぐ下に広告

• 目次の真上に横長バナー

• 導入文の前にレクタングル

• 1スクロール目に合計2〜3枠もある

• 読者の最初の“視線の流れ”を遮る配置

読者からすれば「え、どこから読めばいいの？」「広告なの？本文なの？」と混乱し、読了率がガクッと落ちてしまうんですよね。

■ 原則はただ1つ：ファーストビューに広告を置かない

SEO界隈でも広告業界でも、もう“常識レベル”ですが、理由を整理するとさらに腹落ちします。

✔ 1）読者の「最初の目的」は“本文を探すこと”

人は、ページを開いた瞬間に 本文の入口 を探します。
ヒーロー → タイトル → 導入 →（目次）と滑らかにつながると「このページは読みやすい」と判断し、スクロールが自然に進む。

この流れを広告が割り込むと：

• “本文の入口が見えない”

• “広告が本文に見える”

• “情報を探しづらい”

→ 結果、離脱 × 読了率低下 × CTRも下がる の三重苦になります。

✔ 2）Viewability が低くなりやすい

広告は「ユーザーが視認した割合（Viewability）」が重要です。
ところが、ファーストビューに置くと 「目に入っているのに、読者の意識が本文探索モードなので見てもらえない」 という矛盾が発生します。

つまり、最も見てもらえない場所に広告を置くことになる んです。

✔ 3）CLS（表示のズレ）が発生する確率が高い

ファーストビューは各サイトの構造が複雑になりがちで、広告タグが読み込まれると 高さが変わる → 画面がズレる。
これがもっとも嫌われる表示崩れ（CLS）です。

“いちばん読者が注目しているタイミングで、画面がガタッと動く”
と考えたら、信用が落ちるのも当然ですよね。

■ 最も安全で成果が出やすいのは「折りたたみ（1スクロール目）の“やや下”」

では、具体的にどこなら置いていいのか？

答えは明確で：

▶ 1スクロール目の後半（折りたたみ下＋50〜200px）
▶ 目次の後ろ or 導入文の後ろ

この位置は、次のようにメリットが集まります。

• 読者が本文に入り、安心したタイミング

• 自然な“呼吸ポイント”なので違和感が少ない

• 過度な割り込みではなく、CTRも落ちにくい

• Viewability も安定（視認されやすい高さ）

• CLSの発生ポイントからも遠い

つまり、「読まれやすく、邪魔にならない、成果も落ちない」三拍子揃ったゾーン なわけです。

■ NGパターンも明確にしておくと強い

初心者〜中級がやりがちな“ファーストビューNG”はこれです：

• タイトル下に横長バナー

• 目次の上にレクタングル

• 導入文の前に掲載

• スマホで“本文より広告のほうが先に来る”配置

• カルーセル（動画/アニメ）など動きものを置く

どれも **「読む前に広告がある」**という致命的な欠陥があります。

これを避けるだけでも、
読了率・滞在時間・CTR の土台が一気に改善します。

■ 最終的な指針：『本文を読む流れに自然に乗せる』

大事なのは、広告を“押し込む”のではなく、“流れに乗せる” という発想。

• 読者が安心してスクロールし始める

• 文章と文章の“呼吸”に広告がある

• 画面が動かず、読み心地が変わらない

• 自然な高さで視界に入る

この条件を満たすのが、折りたたみ直後のゾーンです。

広告を置くときは
「本文のリズムを壊していないか？」
と自問すると、失敗が激減します。

本文内の間隔——段落ごとに“呼吸”を作る。見出し直下の割り込みは最小に

 

 

 

本文内の広告配置は、実はファーストビュー以上に“読了率”へ影響します。
なぜなら、読者が記事を読み進めるときのリズム——**「読む → 理解 → 少し休む」**の“呼吸”があるからです。

広告はこの“呼吸”にうまく乗れば、違和感ゼロで視界に入るし、CTRも落ちません。
逆に、このリズムを壊すと途端に読者はストレスを感じ、離脱しやすくなります。

ここでは、本文内に広告を置くときの「間隔」と「置くべき場所」「避けるべき場所」をしっかり整理していきます。

■ 原則①：見出し（H2/H3）の直下には極力置かない

実はこれが一番の落とし穴。

見出しの直下は、読者が「次の内容にスッと入りたい」タイミングです。
そこで広告が“ガンッ”と割り込むと、

• 「あれ、これ本文だっけ？」

• 「見出しの続きが読めない…」

• 「テンポ悪っ！」

と、ストレスが一気に上がります。

特にスマホでは “画面の7〜9割が広告で埋まる” という事故も起きがち。
これでは読了率もCTRも当然下がります。

▶ ガイドライン：見出し直下には広告を置かない（最低でも1段落あける）

この“ワンバッファ”が、読者の読みやすさを保つ大切な工夫です。

■ 原則②：本文内は「3〜5段落に1つ」が自然なリズム

本文中の広告は、1つの章の中に“呼吸ポイントとして”配置するのがベストです。

• 2段落ごと → 多すぎて割り込み感が強い

• 6段落以上あける → 広告が遠すぎて視認されづらい

最適なのは 3〜5段落に1つ。

この距離感は、

• 読者の集中が少し切れるタイミング

• 読む体験のテンポが変わらない

• CTRが下がりにくい

• 広告を“自然に消化”できる間隔

といったメリットが揃っています。

■ 原則③：段落終わりの“余白”に置くと自然で読まれやすい

広告は“文章の途中”に挟むのではなく、**段落の終わり（小休止）**に置くのがもっとも自然。

読者は段落の終わりで一度視線を止めるので、そこに広告があると

• “自然と視界に入る”

• “本文との衝突がない”

• “広告と記事を誤認しない”

• “クリックもされやすい”

という好循環が生まれます。

無理に割り込ませようとするより、

「読者が止まりやすい場所に置く」 のが効果的です。

■ 原則④：章末はアフィ or 関連広告のゴール地点に最適

本文内に無理に広告をいれるより、章末は“ゴール地点”として最適です。

• 商品の提案

• 比較表

• 関連リンク

• 記事内広告（軽量な静的バナー）

を自然に置けます。

章末は
「要点を理解した → 次の行動に移れる」
という導線の最高の位置なので、ユーザーの体験を壊さずにクリックを促すことができます。

アフィ記事でよくある “章末の2択” はここから来ています。

■ 原則⑤：表示崩れ（CLS）を起こす広告は本文内には置かない

本文の途中に 高さが変わる広告 を置くのは悪手です。

• ローディング時にズレる

• テキストが押し下げられる

• 読者がどこまで読んだか見失う

• スクロールが“跳ぶ”感覚が出る

これが続くと、読者は読む気を失い、ページ評価も下がります。

本文内には、予約枠（固定高さ or aspect-ratio）に対応した広告だけを置く
これは覚えておくと一気に質が上がります。

■ 結論：本文内の広告は“呼吸に乗せる”と読者が自然に受け取る

広告を目立たせるのではなく、
読者の自然な読みの流れに乗せることがポイントです。

• 見出し直下は避ける

• 3〜5段落に1つ

• 段落終わり＝呼吸ポイントが最適

• 章末は提案・導線として一番自然

• CLSを起こす広告は置かない

このルールを守るだけで、読了率が上がり、広告の成果も落ちにくくなります。

サイド/フッタ —— サイドは補助、フッタは“信頼導線”と共存させる

 

 

 

本編のラストは、意外と軽視されがちだけれど、実は“読了率と回遊”のどちらにも深く関わる部分——サイドバーとフッタの扱い方について整理していきます。

結論からいうと、
サイドバーは“補助席”、フッタは“信頼と回遊のハブ”
として扱うのが、もっとも成果が出やすい配置です。

■ 原則①：サイドバーは“読ませる要素”ではなく“補助要素”として使う

まず、全体の前提として理解しておきたいのは、

▶ サイドバーは、読者の“読みの流れ”とは関係しない場所

ということ。

特にスマホではサイドバーはほぼ最下部に回されるため、
「本文より先に読まれる」ことはまずありません。

だからこそ、サイドバーに“主役の広告”や“成約に直結するアフィリンク”を置いても、ほとんど成果につながらない。むしろ、読者の判断を散らしてしまうこともあります。

ではサイドバーは何に使うべきか？

✔ サイドバーに向いているもの

• 運営者情報（簡易プロフィール）

• カテゴリ一覧

• 人気記事・関連記事

• 情報系の記事用の“軽めの広告”（静的・軽量）

• メール購読やSNSボタンの軽め版

読者の行動を決める場所ではなく、
「読み終わったあとに、ちょっと寄っていく案内板」
として置くのがもっとも自然です。

■ 原則②：サイドの広告は“軽量×静的”がベスト

サイドバーに置く広告は、本文の広告と違って“見せるためのスペース”ではありません。

• 動きのある広告

• 重いスクリプト

• レスポンシブで高さが変わるもの

これらは CLSリスクが高く、PCでも読み心地を壊します。

特にページ全体の表示速度に悪影響を与え、
INP（初回入力遅延）やCLSの悪化の原因にもなります。

だからこそ、サイドの広告は：

• 静的バナー（画像1枚）

• 高さ固定のユニット

• コンテンツ理解を妨げないもの

など、軽く扱えるものを最低限だけにしておくのが合理的です。

■ 原則③：フッタは“信頼導線と広告が共存できる”希少なゾーン

サイドが補助席だとしたら、
**フッタは“信頼導線の集合地点”**です。

読者が最後まで記事を読んだとき、
彼らの行動はだいたい3つに分かれます。

1. 記事を閉じる

2. 次の記事を探す

3. 著者・運営を確認する

このうち 2 と 3 にスムーズにつなげられるのがフッタです。

✔ フッタに相性がいいもの

• 運営者情報（詳しめ）

• プロフィールリンク

• プライバシーポリシー

• 広告・アフィリエイトの開示文

• お問い合わせ

• サイトマップ

• カテゴリトップへの導線

この“信用にかかわる要素”と相性が良いのがフッタ最大の特徴です。

だから、ここに広告を置く場合も、
“信頼を壊さない軽量ユニット”がベスト。

■ 原則④：フッタ広告は“主役”にはしない。それでも成果は出る

フッタで成果を出すためには、
**「主役にしない」**ことが大事です。

フッタは読者が最終的に“安心している状態”なので、
自然と視線が流れる場所でもあります。

とはいえ……

• 広告をドーンと目立たせる

• 他の要素を押しのけて主役にする

• 重いスクリプトを読み込ませる

こういった配置は逆効果。

フッタはあくまで
“読者が記事を読み終わったあとに、スッと案内されるゾーン”です。

だからこそ、設置する広告は：

• シンプル

• 軽量

• 読者の次の行動を阻害しない

この条件に合わせると、“邪魔せず成果は出る”絶妙なバランスになります。

■ 原則⑤：サイド/フッタは“本文の補助”。主役は常に本文

サイドもフッタも、あくまでも “本文の補助” であり、
本文の理解を助ける“環境設定”です。

この章のポイントをまとめると：

• サイドはあくまで補助席（主役の広告は置かない）

• フッタは信頼情報と軽い広告を共存させるのが最強

• 重い広告・動く広告は両方に置かない

• サイド/フッタは読者が“次に進む”ための道しるべ

この考え方に沿うと、
読了率も回遊率も、そして広告の成果も安定します。

まとめ｜広告配置は“読む体験を壊さず、自然に視界へ入れる”が正解

広告配置で一番大切なのは、**「読了率を落とさないこと」**です。
どれだけ収益性の高い広告でも、読者が本文にたどり着けなければ意味がありません。

Vol.20-1 で扱ったように、

• ファーストビューには置かない（読む前に邪魔しない）

• 本文内は 3〜5段落に1つ、段落終わりの“呼吸ポイント”に置く

• 見出し直下は避ける（テンポが一気に崩れる）

• サイドは補助席、フッタは信頼導線と共存

• CLSを起こす広告は本文に入れない（固定高さが基本）

という原則を押さえるだけで、
読みやすさ × Viewability × CTR が同時に安定します。

広告は“増やす”のではなく、
**「読む流れに自然に乗せる」**のが収益を最大化する近道です。
まずは今日の配置テンプレを、あなたの既存記事1本に当てはめてみてください。読み心地の変化にきっと驚くはずです。

今回はここで終わりにしたいと思います！

最後までお読みいただきありがとうございました！

このブログでは「ChatGPT×副業」をテーマに、AIをフル活用したリアルな副業チャレンジを発信しています🎶

むずかしい話はナシで、「ちょっとやってみたいかも」と思えるような内容を目指しています😁

私は現在、ChatGPTを使ってTシャツのデザインを作って販売したり、

LINEスタンプのキャラ制作に挑戦したりしています👍

デザインの知識ゼロでも、AIの画像生成機能を使えばかなりいい感じになりますよ！

ブログの内容やSEO対策も、ぜんぶChatGPTに相談しながら書いています。

アイデアが出ないときも、相棒みたいに助けてくれます🎶

さらに、楽天ルームのレビュー文章もChatGPTと一緒に考えたり、

X（旧Twitter）の投稿や運用方法も提案してもらったりと、あらゆる場面でAIに頼っています。😅

「AIって便利そうだけど、自分にも使えるのかな？」

と思っている人には、ぜひ読んでほしいです。

このブログは、AI初心者でも副業が始められるように、

体験ベースでわかりやすく書いています。

私の成功も失敗もまるごとシェアしていくので、よかったら気軽に読んでいってくださいね。

Xでも日々の活動をゆるっと更新しているので、ぜひのぞいてみてください！

明日のあなたがより豊かになりますように😌

それでは、おやすみなさい😴