ThumbnailScore
2枚のサムネイルを、段階的に立て直す
ガイドは各指標の意味を説明します。このページは指標が実際に働くところを見せます。現実的な2つの組み合わせを分解し、作り直し、採点し直しました。
事例1 · サムネイルの作り
誰にも読めないサムネイル
チュートリアル系チャンネルが、27インチの編集用モニターでは問題なく見えるサムネイルを書き出しました。ソフトのスクリーンショットの上に説明文が一文まるごと乗り、さらに隅にバッジ、そして矢印。フィードでの表示幅はおよそ168ピクセルです。そのサイズでは文章は灰色のにじみになり、1秒に満たない一瞥を3つの要素が奪い合います。
編集画面での表示
フィードでの表示（実寸） · 168px
細く中間グレーの一文が、情報過多のスクリーンショットの上に。何も主役になっていません。
編集画面での表示
フィードでの表示（実寸） · 168px
3語だけ、太く、暗い背景にほぼ白。被写体1つ、アクセント1つ。
同じコード、同じ比率で、幅だけを変えています。視聴者が実際に判断を下すのはこのサイズです。
指標の変動
変更点
- 重ね文字を11語から3語に削減。おおよそ4語を超えると、フィードの幅では読めなくなります。
- コントラストを強化。中間グレー同士ではなく、暗い背景にほぼ白の文字＋くっきりした影にしました。
- 隅のバッジと矢印を削除。競合していた2要素が、被写体1つとアクセント1つになりました。
- タイトルがサムネイルの文言を繰り返すのをやめ、同じことを二度言うのではなく、それぞれ別の情報を担うようにしました。
この事例の要点
改善のほぼすべてが、たった1つの指標から生まれています。サムネイルの読みやすさは CTR レイヤーで最も重い単独の重みを持ち、しかも全指標の中で最低値でした。だからこそ、真っ先に手を付ける価値があった唯一の変更だったのです。教訓は「この4つをやれ」ではなく、「重みの大きい指標のうち最も低いものを直し、他に触れる前に測り直せ」です。
事例2 · 誠実な引き
自分自身に負けた引き
ある投稿者は、緊張感がクリックを生むと学び、すべてのレバーを同時に引きました。全角大文字の衝撃的なタイトル、打ちひしがれた表情、動画が決して果たさない破滅の示唆。好奇心系の指標はすべて上がります。それでもスコアは下がる — その理由こそ、このツールがあなたに伝えうる最も有用なことです。
全部失いました…（もう終わりです）
Creator · 128K views · 2 days ago
緊張感は最大、情報は最小。動画はこの約束を果たせません。
月商600万円のチャンネルを閉じた理由
Creator · 128K views · 2 days ago
依然として本物の引きでありながら、動画が実際に届ける内容をそのまま約束しています。
指標の変動
変更点
- 好奇心・クリフハンガー・FOMO・緊急性はすべて低下しました。書き直し版は意図的に元より緊張感を抑えています。
- 約束の明確さは25から88へ。視聴者はクリック前に、これから何を見るのかを把握できます。
- クリックベイトのリスクは85から22へ低下し、ペナルティは −36% から −5% に縮みました。
- CTR レイヤーはむしろ悪化（80→69）したにもかかわらず、最終スコアはほぼ倍になりました。
この事例の要点
採点モデル全体を正当化するのが、この事例です。誇張版はクリック前のあらゆるシグナルで勝っていながら35点にとどまります。2つのレイヤーが平均ではなく掛け合わされるからです。クリックを得ても視聴者を失う組み合わせは、両方をそこそこ満たす組み合わせより価値が低いのです。このツールから1つだけ持ち帰るなら、これを — あなたが最適化すべきはクリックではなく、離脱しないクリックです。
次はあなたの番です
実際のサムネイルとタイトルを分析ツールにかけ、重みの大きい指標のうち最も低いものを見つけ、その1点だけを変えて、もう一度かけてください。2つのスコアの差、それがこの手法のすべてです。