読了率とは？滞在時間64.4％UPした事例やCVR向上につながる改善施策

「そもそも読了率って何のこと？」
「読了率が向上するとどのような効果があるの？」
「PV数は徐々に上がってきたけど、問い合わせにはつながらない…」

Webサイトの分析時はユニークユーザー（UU）^※1やページビュー（PV）^※2を見ることが多いですよね。

しかし、それだけでは本当に読者が記事を最後まで読んだのかはわかりません。

そこでこの記事では、これまで200社以上の支援実績があるEXTAGE株式会社が、以下の内容を解説していきます。

読了率をしっかり理解することで、読者満足度の高いコンテンツを制作できるようになります。結果的には問い合わせアップにつなげられるようになるので、ぜひ最後までお読みください。

※1…特定の期間にWebサイトへ訪れたユーザー数
※2…1ページあたりの閲覧合計数

そもそも読了率とは？スクロール率・離脱率との違い

読了率とは、Webページを訪問したユーザーのうち、ページの最後まで閲覧した人の割合を示す指標です。サイト全体の各ページの平均値を出して、ページごとに比較することで高いか低いかを判断します。

ただし、読了率は高ければよく、低ければ悪いというわけではありません。たとえ読了率が低かったとしても、問い合わせや商品購入にいたっていれば、記事の目的を果たしているといえるためです。

また、読了率と混同されやすい指標として「スクロール率」と「離脱率」がありますが、それぞれ意味が異なるため、ここで押さえておきましょう。

読了率は「最後まで到達したか」という二値的な指標であるのに対し、スクロール率は段階的にユーザーの行動を追跡可能です。

読了率との違いは、コンテンツをどこまで消費したかという実質的な満足度を測定できる点で優れています。

これらの指標を組み合わせて分析することで、ユーザーがコンテンツをどのように消費しているかを多角的に理解できるようになります。

GA4で読了率を正しく計測する3つの方法

読了率を計測することで、コンテンツの価値を数値で把握できます。

たとえば、高いPV数を獲得していて読了率が低い場合は「タイトルは魅力的だが内容が期待に応えていない」「導入部分で読者の興味を失っている」といった問題が浮き彫りになるためです。

そこでここでは、読了率の正しい計測方法について解説していきます。

計測しやすい方法を設定しましょう。

1.GTM+GA4でカスタムイベントを設定する

Googleタグマネージャー（GTM）を使ってカスタムイベントを設定する方法は、最も正確に読了率を計測できます。導入方法は以下のとおりです。

ページごとに異なる値を設定したり、特定のセクションの読了を計測したりすることも可能です。

2.スクロールイベントを代用する

GA4には標準で「スクロール」イベントが用意されており、ユーザーがページの90%地点に到達したタイミングで自動的に記録されます。この機能を読了率の代用指標として活用することが可能です。

GA4ではデフォルトで有効化されている場合が多いですが、念のため管理画面から「スクロール数」が有効になっていることを確認しておきましょう。

もし無効になっていた場合には有効化しておきましょう。スクロールイベントは、ユーザーがページを90%スクロールした時点で発火するため、ほぼ最後まで読んだと判断できます。

ただし、90%というのはあくまで画面表示領域を基準とした割合で、実際のコンテンツ量とは必ずしも一致しません。

また、ページの長さによって「90%到達」の意味が変わってくるため、短いページでは過大評価される可能性があります。

それでも、導入の手軽さと基本的な読了傾向を把握できる点で、初めて読了率計測に取り組む場合には有効な方法です。

3.ヒートマップツールを併用する

より視覚的に読了状況を理解するには、ヒートマップツールの併用が効果的です。

ヒートマップツールでは、スクロール深度を色分けして表示する「スクロールヒートマップ」機能があります。ページのどの部分で多くのユーザーが離脱しているか、どのセクションがよく読まれているかを視覚的に把握することが可能です。

特にMicrosoft Clarityは無料で使えるうえ、GA4と連携できます。

Clarityで記録されたセッションをGA4のユーザー属性と紐づけることで、どのようなユーザーが最後まで読んでいるかを分析できるのが利点です。

また、定量データだけでなく定性的な洞察も得られます。たとえば「ユーザーが途中で何度も行ったり来たりしている」「特定のセクションで滞在時間が長い」といった行動パターンから、コンテンツ改善のヒントを得られます。

GA4で全体的なトレンドを把握し、ヒートマップで具体的な改善ポイントを見つけるという使い分けをするとよいでしょう。

こうした分析ツールの導入で不安のある方は、EXTAGE株式会社が一緒に設定することも可能です。分析結果からどのようなことに活かせばいいかも含めてご案内しますので、お気軽にご相談ください。

読了率を改善する7つの実践施策

読了率を向上させるには、ユーザーが最後まで読み続けたくなるようなコンテンツ設計と、読みやすさを追求したUI設計が欠かせません。そこでここでは、具体的な7つの施策を紹介します。

それぞれ試してみてください。

1.リード文で記事を読むメリットを明示する

記事の冒頭にあるリード文は、ユーザーが読み進めるかを判断する最初の関門です。

そこでリード文には以下の要素を含めましょう。

リード文は150〜200字程度にまとめ、簡潔かつ説得力のある内容にすることがポイントです。長すぎると離脱の原因になるため、要点を絞り込みましょう。

2.目次を設置して知りたい情報へのショートカットを作る

すべてのユーザーが記事を最初から最後まで順番に読むわけではありません。特定の情報だけを求めて訪問するユーザーも多いため、目次を設置することで目的の情報にアクセスできるようにします。

目次は記事の上部、リード文の直後に配置するのが一般的です。WordPressなら「Table of Contents Plus」などのプラグインで簡単に実装できます。

目次があるだけで、読者は自分にとって必要な情報があるかを判断しやすくなります。

読了率を上げるための施策ではありますが、読者満足度を高める工夫でもあるので、忘れずに実装しておきましょう。

3.見出しだけで内容がわかる構成にする

多くのユーザーは記事を精読せず、見出しを流し読みして必要な情報を探します。

効果的な見出しを作るために以下のポイントを押さえておきましょう。

なお、階層構造とは、以下のようにH2は大見出し、H3は中見出しとして、論理的な流れを作ることです。

抽象的な見出しは避け「具体的に何について説明しているか」が一目でわかる表現を心がけてください。流し読みしているユーザーも興味のあるセクションで立ち止まって読み込んでくれるようになります。

記事構成案の作り方については、関連記事「検索上位率83％の構成案の作り方」がおすすめです。

4.一文は80字以内にして改行により余白をつくる

文章の読みやすさは読了率に直結します。とくにWebコンテンツでは、長い文章や詰まったレイアウトは視覚的なストレスとなり、離脱の原因になるためです。

そのため、一文を80字以内に抑えることで、文章のリズムが生み、理解しやすくしましょう。

また、適切な改行と段落分けも重要です。とくにスマートフォンでは画面サイズが限られているため、余白がないと圧迫感を与えてしまいます。2〜3文ごとに改行を入れ、読みやすくしましょう。

さらに、同じ表現が続くと単調になり読者は飽きるため、文末表現に変化をつけることも大切です。「〜ます」「〜ましょう」「〜できます」など、変化を持たせることで、リズミカルな文章にしてください。

5.図解・箇条書きで視覚的に整理する

テキストだけの記事は視覚的な変化に乏しく、読者が飽きやすいです。図解や箇条書きを効果的に使うことで、情報を整理し、理解を促進できます。

たとえば、〇〇の改善方法をフローチャートで示したり、〇〇の設定方を画面キャプチャとともに解説したりすることで、テキストだけでは伝わりにくい情報をわかりやすく提示可能です。

箇条書きは、並列的な情報や手順を示すのに適しています。以下のような場合に効果的です。

箇条書きを使う際は、各項目の文量を揃えることで視覚的なバランスがよくなりますが、長くなりすぎる場合には、小見出しで区切るなどの工夫をしましょう。

6.内部リンクを適切に配置して回遊を促す

記事内に適切な内部リンクを配置することで、サイト内の回遊を促進し、全体的なエンゲージメントを高めることができます。

文脈に沿った自然なリンクを心がけましょう。「詳しくはこちら」といった曖昧なアンカーテキストではなく、リンク先の内容が明確にわかる表現を使うのが望ましいです。

以下のようなタイミングで内部リンクの設置を検討しましょう。

ただし、1記事に内部リンクを詰め込みすぎると、読者の注意が散漫になり、現在の記事からの離脱を招きます。5,000字程度の記事であれば、3〜5個程度が適切です。

なお、内部リンクを貼付する際には、以下のように関連するキーワード群を意識しておくと迷いにくいです。

内部リンクは読者にとって有益な情報への誘導であると同時に、SEO上もサイト構造を明確にするシグナルとなります。

なお、SEO効果を持たせるための戦略的な内部リンクの貼り方については、関連記事「内部リンク施策によるSEO効果」を参考に手見てください。

7.CTAの配置タイミングを最適化する

CTA（Call To Action）は、読者に次のアクションを促す重要な要素ですが、配置タイミングを誤ると読了率を下げる原因となります。

以下の図を参考に配置箇所を検討してみてください。

あまりに多くのCTAを設置すると読者の阻害となるため、記事全体で3～5ヶ所を目途にしましょう。

また、記事は「SEOの話」なのに、CTAは「美容商品の宣伝」といった無関係な告知では読者は興味を持ちません。

なお、CTAで何を訴求すべきかを迷ってしまう方は、関連記事「ホワイトペーパーの作り方」を参考にしてみてくださいね。

---

滞在時間約64.4％向上！読了率改善施策の成功事例

ヒートマップツールClarityを活用したことで、大きく滞在時間を伸ばした事例を紹介します。

そこでClarityでユーザー行動を分析した結果、「英語表記の出現」や「5行以上の長い段落」での急激な離脱が判明しました。

また、ただのマーカー装飾をリンクと誤認してクリックする現象が起きていたことも発覚します。そこで、以下のような改善を実施しました。

これにより、ユーザーの読解ストレスを視覚的・内容的に取り除いたことで、記事完読率は35%から58%へ大幅に改善しました。

さらに平均滞在時間も3分28秒から5分42秒へと伸び、ユーザー体験（UX）の向上がSEOにおけるエンゲージメント評価にもつながることを示した好例となりました。

なお、EXTAGE株式会社では、このようなSEOの成功事例をまとめた事例集を無料でプレゼントしています。自社に取り入れられそうな施策がきっと見つかるはずなので、ぜひお役立てください。

よくある質問

なお、EXTAGE株式会社は、これまでに200社以上の企業のSEOを支援してきた知見から、貴社のメディアの課題点を無料で解析しています。

読了率だけでなく成約率アップのための施策提案も可能です。お気軽にお問い合わせください。

SEO歴10年。上場企業を含む200社以上のSEO・Webマーケティング支援を実施。KADOKAWA社より『文章で金持ちになる教科書』『Webライターが5億円稼ぐ仕組み』を出版。
>>詳しいプロフィールはこちら