YouTubeテロップの入れ方｜視聴維持率を上げるデザインと配置のコツ
YouTube動画のテロップを効果的に使う方法。フォント・色・配置の基本から、視聴維持率を上げるテロップ戦略まで。
テロップは日本のYouTube動画で最も効果的な演出技法の一つです。テロップを効果的に使っている動画は、使っていない動画と比べて視聴維持率が平均10〜15%高いというデータがあります（source）。
ただし、ただ字幕を表示するだけでは効果は出ません。フォントの選び方、色の使い分け、表示タイミング、文字数のコントロールなど、細かいテクニックの積み重ねが視聴者の体験を左右します。
この記事では、テロップの基本ルールから、ジャンル別の使い方、効率的なワークフロー、よくある失敗パターンまで解説します。動画編集の基本はこちら。
テロップが視聴維持率を上げる理由
視覚と聴覚の二重チャンネル効果
人間は音声だけで情報を受け取るよりも、音声＋文字の二重入力の方が記憶に残りやすいです。これは認知心理学で「デュアルコーディング理論」と呼ばれています（source）。
テロップがあると、視聴者は以下の状態になります:
- 音声を聞き逃しても内容を追える — 電車の中、音なしで見ている人にもリーチできる
- 重要なポイントが視覚的に強調される — 「ここが大事」と画面が伝えてくれる
- テンポが良くなる — テロップの切り替わりがリズムを作り、飽きにくくなる
データで見るテロップの効果
| 指標 | テロップあり | テロップなし |
|---|---|---|
| 平均視聴維持率 | 55〜65% | 40〜50% |
| 平均視聴時間 | +15〜25% | ベースライン |
| コメント率 | +10〜20% | ベースライン |
出典: 複数のクリエイター検証データの集計（source）、YouTube Creator Academy（source）
特に教育系・ハウツー系の動画でテロップの効果は顕著です。情報量が多い動画ほど、テロップが視聴者の理解を助けます。
テロップの6つの種類
テロップは役割ごとに6つに分類できます。
1. 強調テロップ
話の中で最も伝えたいキーワードやフレーズを大きく表示します。
- 見た目: 大きめの文字、黄色や赤の太字、画面中央〜やや上
- 使いどころ: 結論、数字、重要な主張
- 例: 「月収100万円」「登録者1万人達成」
2. 補足テロップ
口頭では説明しきれない情報を画面下部に小さく表示します。
- 見た目: 小さめの白文字、画面下部
- 使いどころ: 用語解説、注釈、「※個人の感想です」
- 例: 「※2026年4月時点の情報」「CPM＝1,000回表示あたりの広告単価」
3. 感情テロップ
話者の感情や雰囲気を文字で演出します。バラエティ系で多用されます。
- 見た目: 手書き風フォント、装飾あり、効果音と連動
- 使いどころ: 驚き、喜び、困惑、ツッコミの直後
- 例: 「えぇ…！？」「うまっ！！」
4. ツッコミ・コメントテロップ
編集者が第三者的に入れるコメントです。
- 見た目: カッコ付き、小さめ、画面隅
- 使いどころ: ボケに対するツッコミ、補足ツッコミ
- 例: 「（それ違う）」「（後で気づきます）」
5. 情報表示テロップ
リストや比較データをテーブル形式で表示します。
- 見た目: 枠付き、整列されたレイアウト
- 使いどころ: スペック比較、ランキング、手順の一覧
- 例: 「第1位: ○○（月間検索数 1,000）」
6. 字幕テロップ（フルテロップ）
話している内容をほぼ全文表示するスタイルです。
- 見た目: 画面下部、白文字＋黒縁取り
- 使いどころ: 教育系、解説系、音声が聞き取りにくい環境を想定する場合
- 注意: 全文テロップはコストが高い。VrewのAI自動生成で効率化する
テロップデザインの基本ルール
フォント選び
| フォント | 特徴 | おすすめ用途 | 価格 |
|---|---|---|---|
| 源ノ角ゴシック（Noto Sans JP） | 読みやすい、太字あり | 万能。迷ったらこれ | 無料 |
| M PLUS Rounded 1c | 丸みがあって親しみやすい | 子ども向け、ライフスタイル | 無料 |
| ラグランパンチ | インパクト大、バラエティ向き | 強調テロップ、サムネ | 有料（年36,300円〜） |
| ニューロダン | 太くて視認性◎ | ゲーム実況、エンタメ | 有料（年36,300円〜） |
| けいふぉんと | 手書き風、ゆるい雰囲気 | Vlog、日常系 | 無料 |
基本ルール:
- ゴシック体（サンセリフ系）を基本にする。明朝体はスマホで読みにくい
- 使うフォントは2種類まで。それ以上はごちゃつく
- サムネイルのフォント選びと同じ原則が動画テロップにも当てはまります
文字サイズと配置
- 文字サイズ: 画面高さの5〜8%が基準。1080pなら54〜86ピクセル
- 1テロップの文字数: 15文字以内。それ以上は2行に分割するか要約する
- 表示時間: 1テロップ2〜4秒。短すぎると読めず、長すぎるとテンポが悪くなる
- 配置: 画面下部1/3が標準。顔や重要なビジュアルに被せない
色とコントラスト
基本の組み合わせ:
| 用途 | 文字色 | 縁取り/背景 | 使いどころ |
|---|---|---|---|
| 通常 | 白 | 黒縁取り（2〜3px） | どの背景でも読める万能形 |
| 強調 | 黄色 | 黒縁取り＋影 | 重要なキーワード |
| 警告・注意 | 赤 | 白縁取り | NG行為、注意点 |
| ポジティブ | 水色/緑 | 黒縁取り | メリット、成功例 |
- コントラスト比は4.5:1以上を目安にする（source）
- 背景が明るいシーンでは半透明の黒帯を敷く
- サムネイルの色彩設計と動画内テロップの色を揃えるとブランド統一感が出ます
ジャンル別テロップ戦略
教育系・ハウツー系
テロップ密度: 高
キーポイントを漏らさず伝えるため、テロップは多めに入れます。
- 強調テロップ: 結論や数字を大きく表示
- 補足テロップ: 用語解説や注釈を小さく追加
- 情報表示テロップ: 手順やリストをテーブル形式で
- 字幕テロップ: フルテロップ推奨（音なし視聴者対策）
例: 台本の構成で「結論→理由→具体例→まとめ」の流れを作り、各パートの切り替えをテロップで視覚化する。
バラエティ・エンタメ系
テロップ密度: 中〜高
日本のテレビバラエティ文化の影響で、視聴者はテロップに慣れています。
- 感情テロップ: リアクションを文字で増幅
- ツッコミテロップ: 編集者の「声」を入れる
- 効果音と連動させると効果倍増
- フォントワークス系の太いフォントが合う
Vlog・ライフスタイル系
テロップ密度: 低〜中
映像美を重視するため、テロップは控えめに。
- 場所・日時の表示テロップ
- ときどき感情テロップ
- フルテロップは不要。雰囲気を壊す
- 丸ゴシックや手書き風フォントがマッチする
ゲーム実況系
テロップ密度: 中
ゲーム画面の情報量が多いため、テロップは読みやすさ重視。
- 太い文字＋強い縁取り（ゲーム画面に負けないように）
- リアクションテロップは画面上部に（ゲームUIと被らない位置）
- 配信のアーカイブなら字幕テロップを後から追加すると再生数が伸びやすい
テロップ制作ワークフロー
方法1: Vrew（AI自動生成）
最も効率的な方法です。 VrewはAIが音声を自動で文字起こしし、テロップとして配置します。
- Vrewに動画をインポート
- AIが自動で音声認識 → テロップ生成（精度90%以上）
- 誤字・脱字を修正
- フォント・色・サイズを調整
- 書き出し（Premiere/Final Cut形式でエクスポートも可）
所要時間: 10分の動画で約20〜30分（手作業の半分以下）
- 無料プラン: 月120分まで
- 有料プラン: 月900円〜（無制限）
方法2: CapCut（スマホ対応）
- CapCutで動画を開く
- 「自動キャプション」機能を使う
- スタイルテンプレートから選択
- 手動で装飾テロップを追加
メリット: スマホだけで完結。無料。テンプレートが豊富 デメリット: 細かいデザイン調整に限界がある
方法3: Premiere Pro / DaVinci Resolve（本格派）
プロ品質のテロップを作るならPremiere Pro や DaVinci Resolve。
- エッセンシャルグラフィックス（Premiere）またはFusion（DaVinci）でテロップテンプレートを作成
- テンプレートを使い回してテロップを配置
- アニメーション（フェードイン、スライドイン等）を追加
メリット: デザインの自由度が最も高い デメリット: 時間がかかる。テンプレート化しないと非効率
効率化のコツ
| テクニック | 効果 |
|---|---|
| テロップテンプレートを5〜10種類作っておく | 毎回ゼロから作らなくて済む |
| Vrewで下書き → Premiereで仕上げ | AI効率＋手動品質の良いとこ取り |
| テロップ用の色パレットを固定する | ブランド統一＋判断時間を削減 |
| 動画の構成テンプレートとテロップスタイルをセットで設計 | 一貫したチャンネル体験を作れる |
よくある失敗パターン5つ
1. テロップを入れすぎる
話している内容を一字一句テロップにすると、画面がうるさくなります。視聴者は「読む」と「聞く」を同時にやるため、情報過多で疲れます。
対策: キーワードだけを抜き出す。1分あたりテロップ8〜12枚が目安。
2. 文字が小さすぎて読めない
PCで編集していると気づきにくいですが、YouTube視聴者の70%以上はスマホです（source）。PCで読めるサイズでもスマホでは豆粒になります。
対策: 編集中にスマホでプレビューする習慣をつける。最低でも画面高さの5%以上。
3. テロップのタイミングがずれる
音声より早く出たり遅く出たりすると、テンポが崩れます。
対策: Vrewの自動タイミングをベースにし、手動で微調整する。テロップは発声の0.1〜0.2秒前に表示開始するのが自然です。
4. 背景と同化して読めない
白い背景に白い文字、暗い背景に黒い文字。コントラストが足りないと存在意義がなくなります。
対策: 縁取り（ストローク）を必ず付ける。または半透明の背景帯を敷く。
5. フォントを使いすぎる
3種類以上のフォントを混在させると統一感がなくなります。
対策: メインフォント1つ＋強調用フォント1つの2種類まで。サムネイルのブランディングと同じ考え方です。
テロップが不要なケース
テロップは万能ではありません。以下のケースでは入れない方が良いこともあります。
- 映像美を最優先する動画（旅行Vlog、シネマティック映像）— テロップが映像のクオリティを下げる
- BGMや音楽が主役の動画 — テロップが音楽体験を阻害する
- 英語圏向けコンテンツ — 英語圏ではテロップ文化が薄く、違和感を持たれることがある
- ライブ配信のアーカイブ（ただし重要部分だけ後から追加するのは効果的）
判断基準は「テロップがあることで視聴者の体験が向上するか？」です。迷ったら、テロップありバージョンとなしバージョンでABテストするのが確実です。
Key Takeaways
- テロップは視聴維持率を10〜15%改善するデータがある。特に教育系・ハウツー系で効果が大きい
- 6種類を使い分ける: 強調・補足・感情・ツッコミ・情報表示・字幕。ジャンルに合った組み合わせを選ぶ
- デザインの基本ルール: ゴシック体、画面高さの5〜8%、15文字以内、白文字＋黒縁取り
- 入れすぎは逆効果。キーワードだけを抜き出し、1分あたり8〜12枚が目安
- VrewのAI自動テロップが最も効率的。無料プランでも月120分まで使える
FAQ
テロップは全部の動画に入れるべきですか？
ジャンルによります。教育系・バラエティ系は効果が大きいです。Vlog・音楽・映像美を重視する動画ではテロップが邪魔になることもあります。YouTube Studioのアナリティクスで視聴維持率を見ながら判断してください。
テロップのフォントは何がおすすめですか？
源ノ角ゴシック（Noto Sans JP）が無料で最も使いやすいです。太字で視認性が高く、商用利用も可能です。有料ならフォントワークスのラグランパンチやニューロダンが人気です。
テロップを入れる作業が時間かかりすぎます。効率化する方法は？
VrewのAI自動文字起こし機能を使うと、音声から自動でテロップを生成できます。精度は90%以上で、誤字修正とデザイン調整だけで済むため手作業の半分以下の時間になります。
テロップの色は何色がいいですか？
白文字＋黒い縁取り（ストローク）が最も視認性が高い基本形です。強調テロップは黄色や赤を使います。背景と同系色にならないよう、コントラスト比4.5:1以上を目安にしてください。
スマホだけでテロップを入れられますか？
はい。CapCutなら無料でスマホから高品質なテロップを入れられます。自動キャプション機能もあるため、初心者でもすぐに始められます。
テロップとYouTubeの自動字幕の違いは何ですか？
YouTubeの自動字幕はプラットフォームが生成する翻訳・アクセシビリティ用の機能です。テロップは動画の映像内に焼き込む演出テキストで、デザインの自由度が高く、強調や感情表現ができます。両方を併用するのがベストです。
Sources
- 動画マーケティングと視聴維持率の研究 — Wistia — accessed 2026-04-06
- デュアルコーディング理論 — Simply Psychology — accessed 2026-04-06
- YouTube Creator Academy — 視聴者を引き付ける方法 — accessed 2026-04-06
- WCAG コントラスト比ガイドライン — W3C — accessed 2026-04-06
- YouTube モバイル視聴統計 — DataReportal — accessed 2026-04-06
- Vrew 公式サイト — AI自動字幕 — accessed 2026-04-06
- CapCut 編集ガイド — CapCut — accessed 2026-04-06
- テロップデザインの基本 — Adobe Creative Cloud — accessed 2026-04-06
- YouTube動画の字幕・テロップ効果 — Backlinko — accessed 2026-04-06
- フォントワークス — ラグランパンチ — accessed 2026-04-06
- Google Noto Fonts — Noto Sans JP — accessed 2026-04-06
- 動画テロップの心理学的効果 — Nielsen Norman Group — accessed 2026-04-06