【note初心者必見】《タイトル》と《見出し画像》結局どっちが大事⁉️
皆さん、noteの【タイトル】と【見出し画像（アイキャッチ画像）】ってどっちが大事だと思いますか❓
💡【タイトル】だと思う人、手挙げて―✋
おー、たくさんいますね〜💨
じゃー次、
💡【見出し画像】だと思う人、手挙げて―✋
おー、これまた、たくさんいますねー❗️
僕はずっと、この答えが気になってました。
今回は、「どっちが大事？」問題を整理します。
🔴本日は、以下を詳しく説明していきます👇
✅そもそも【タイトル】と【見出し画像】どっちが大事なの？
✅見出し画像ってどこまで効果あるの？
✅PCとスマホで見え方が違うけど、作り方は同じでいいの？
先に結論を言うと…
答えは一つじゃなく、
ということです。
「…なんだよ、その結論！おもんな。」と思ったそこのあなた！
ちょちょちょちょっと、待ってください🖐️
違うんです！
両者は【役割】が違うのです。
それを知っているのと、知らないのとでは、読者のクリック率に
雲泥の差が出る可能性があります。
今から、画像を沢山使って、詳しく説明させていただきます🌟
※⏬️ここからはわかり易いように、
「毒舌AI秘書アリア」と「3日坊主代表の作者にし」の会話形式で行きます。
🌏【タイトル】と【見出し画像】は役割が違う
にし「これ、意見わかれるよね。俺もずっと、どっちを優先的に頑張ればいいんだ？…って迷ってた。」
アリア「その時点ですでにズレてます。正解は《どちらか》ではありません。役割が違うのです。
簡単に言うと、
📺タイトル → この記事で【何を得られるか】を伝える役割
🎨見出し画像 → 一覧表示で注意を引く、視覚に訴える（インパクトを与える）役割
といった感じです。
以下で、さらに詳しく説明いたします。」
🖥️PCでは《見出し画像》が大事！
アリア「以下は【PC】で開いた、note記事一覧の画像です👇」
（しろのあるさん、やなぎゆうさん強い。）
アリア「まず、パッと【見出し画像】が目に入りませんか？」
にし「たしかに。見出し画像が目に入って、それからタイトルを見る感じかな。」
アリア「そうです。しいて言うなら、PCで見るYouTube画面に似ていますね。
YouTubeも
《見出し画像であるサムネイル》
が大きくクリック率に影響を与えています。
なので、noteもまず視覚に訴えることが大事。
つまり、最初に見出し画像で
①読者に《なんかこの画像良い感じだな。》と視覚に訴え、目を止めてもらう。
ただし、それだけではまだ、クリックされません。🖱️
②読者はタイトルを見て、クリックしたい（おっ、これ読みたい！）と思う記事を選びます。
にし「なるほど。たくさんの記事一覧から、
①見出し画像で目を止めてもらい、
②タイトルでいかに『俺の記事面白いよー』と興味引きが出来るか。
･･･だね。」
アリア「ご名答。珍しく理解が早いじゃないですか。」
にし「…珍しくないっ！いつもだっつーに！」
🤳ただし、スマホからだと見え方が違う。
アリア
「以下は【スマホのnoteアプリ】で開いた記事一覧の画像です👇」
※スマホWebもほぼ同じです。
アリア「さぁ、どうですか？」
にし「PCと見え方、全然違うじゃん！
縦長だし、【見出し画像】より【タイトル】の方が目立ってない⁉️」
アリア「…そう。PCとスマホでは見え方が全然違うことを知っていないとダメなんです。
つまり、スマホでは、
・タイトルが、見出し画像の2倍の大きさ。
・見出し画像が小さいので、タイトルの方がより重要になってくる。
・とはいえ、見出し画像で読者の視覚に訴えることは変わらない。
ということです。」
にし「ドヒャー！…見出し画像に力入れようと思ったら、
スマホは逆にタイトル強いじゃん⁉️」
アリア「そう。スマホの場合で大事なのは、
読者は、
①まず【タイトル】を見て
②その後、【見出し画像】を見る
という順番になります。
なぜなら、
👀人には視線の動きにパターンがある（Fの法則）
人は、スマホ画面、Webページ、ポスターなど、何かを見る時、
「左上 → 右上 → 少し下がって左 → 右 → さらに下がって左…」と、
アルファベットの「F」を描くように下へ進んでいく法則で見る（Fの法則）
※難しく考えなくてOK。「人は上から順に、左をよく見る」くらいの理解で大丈夫です。
で見ます。」
にし「こんな法則あったのか。じゃ、ますますスマホだと、左から見るからタイトル大事じゃん！」
アリア「…そう、タイトルで、『この記事気になるな』と思ってもらい、
見出し画像で背中を押す（クリックしてもらう）。
読者の心理は、
✔️このタイトル、気になるな。
✔️さらに、見出し画像も良い感じだから、
✔️この記事は良い記事に違いない。
といった感じでしょうか。」
にし「…うーん、このテーマ深いな。沼りそうだわ。」
アリア「長くなるので、最後に、もう一つだけ大事なことを言います。
･･･それは、
🦉7割以上の読者は《スマホでnoteを見ている》ことを知っておく
です。
こちらの記事が参考になります。👇
このジンボラボさんnoteに、自分のブログは、
・モバイル（スマホ）73.2%
・PC 17%
・タブレット 9.9%
でアクセスされているそうです。
ほかにも👇️
この、たよろよろさんの記事にも、
・スマホ 76%
・PC 24%
の割合でアクセスされてると記載があります。」
にし「…うーん。ってことは基本はPCではなく、スマホで見る読者のことを意識した方が良さげだね。」
アリア「もちろん、ジャンルで比率は多少変わるでしょうね。
『コラムとか日記』など、サクッと読める記事は🤳スマホが多いでしょうし、
『note攻略、目標達成、政治系のジャンル』などは🖥️PCからの比率はもう少し高いでしょう。」
にし「ぬぬっ、確かにあり得るな！」
✅まとめ→ここだけ覚えればOK
⭕️PCとスマホでは読者の見え方が全く違う
⭕️「タイトル」と「見出し画像」はセットで設計する
⭕️入口（タイトル&画像）と中身（本文）をつなげる
にし「うむぅ、納得すぎて、さっきから俺、全く出番ないわ…💧」
💁今日の最小行動
アリア
「では、今日はこれだけ。
自分の記事がスマホ、パソコンで
どのように見えるか実際に見てみる。
そうすれば、なにかしらの改善点が見えるかもしれません。以上。」
にし「確かに、実際見てみたら、俺の記事ってこんなだったの！？とかの発見あるかもね！
つーか、おい、アリアッ！
今日の記事、マジメすぎて、全く笑いが無いじゃないかっ⁉️」
アリア「はぁ…。あなたの笑い、毎回スベってることに、いい加減気付いてください…。」
✍️あなたはどっち派でしたか？
タイトル派？
見出し画像派？
それとも、今回読んで「セット派」になりましたか？
感想をぜひコメントで教えてください😊
次回の記事では、
【ぶっちゃげどんな見出し画像が効果あるの！？】
を深堀りして行きます。
ぜひフォローしてお待ちいただけると幸いです😇
🍄あと、記事紹介、引用、マガジン登録など、許可不要で、ご自由にどうぞ🆗
以下、見たい人だけ🦉
〜雑談〜
1ヶ月毎日投稿後、久しぶりの投稿になってしまいました😓
とはいえ、ほかの方のnoteを見て、💖押したり、コメント書いたり、楽しい日々を送ってました。
投稿しなくても、なぜか💖が地味に増えている日々でした。
他の方の記事にコメントすることで、そのコメントを見たほかの方が、僕の記事を読みに来てくれたり、
しろのあるさんが、僕の記事をマガジンに登録してくれたことも大きいのかなと思う今日この頃。ありがたし！
皆さんに感謝😌
これからも皆さんの記事読みに行きます🌵🕺🪅
最後までご覧いただきありがとうございました☺️
以下、3000人以上のフォロワーがいる「しろのあるさん」の神ノウハウを学べる記事👇
結構人気な記事👇
いいなと思ったら応援しよう！
この記事が「参考になった💡」「背中を押された💪」と感じたら、
チップで応援してもらえるとめちゃくちゃ嬉しいです。
いただいた応援は、
次の記事の改善・検証・ネタ作りに全力で使います🔥