メインコンテンツへスキップ
見出し画像

記事の魅力が伝わる「見出し画像」を設定しよう

    たくさんの記事が並ぶなかで、読者が最初に目にするのはタイトルと見出し画像です。本でいえば表紙のようなもので、そこから記事の中身を想像して、読むかどうかを決めています。

    見出し画像で記事の内容が伝わると、「これは自分が読みたい話だ」と思ってもらいやすくなります。この記事では、どんな画像を選ぶといいのか、どうやって用意するのかを紹介します。

    noteの記事ページ。上から順に、見出し画像、タイトル、本文の位置が枠とラベルで示されている
    タイトルとセットで表示されるのが見出し画像です

    どんな画像がいいか

    記事の内容とつながる画像を選ぶ

    いちばん大切なのは、見出し画像が記事の中身と結びついていることです。フランス料理の記事ならフランス料理の画像を、犬についての記事なら犬の画像をつけるのが基本です。

    目を引くからという理由だけで、内容と関係のない画像を選んでも、開いてみて中身が違えば読者は離れてしまいます。

    連載やシリーズを書いているなら、同じトーンの見出し画像でそろえるのもおすすめです。並んだときに「あの記事の続きだ」と気づいてもらえます。

    横縦比は2:1

    見出し画像は、横と縦の比率が2:1で表示されます。おすすめのサイズは1280×670ピクセルです。

    この比率は、記事がX(Twitter)やFacebookでシェアされたときの表示にも合わせています。用意した画像がこの比率と違う場合は、切り取る位置をnoteのエディタ上で調整できます。

    note上の記事と、それをXでシェアしたときの表示を並べた図。どちらも同じ見出し画像が2:1で表示されている

    小さく表示されても伝わる構図で

    見出し画像は「タイムラインやページ一覧で目を留めてもらうためのもの」です。細かい模様や、小さな文字がたくさん入った画像は、読み取りづらくなってしまいます。

    流し読みでも目に止まるような、大きな造形や色面のある画像がおすすめです。ひと目で「何の画像か」がわかるものを選ぶと、スクロールの手を止めてもらいやすくなります。

    画像を用意する4つの方法

    1. 自分の写真を使う

    手元にお気に入りの写真があるなら、それがいちばん早い方法です。写真フォルダを見返してみると、記事に合う1枚が見つかることがあります。

    たとえば、こんな組み合わせです。

    • 旅やおでかけの記録なら、その場で撮った風景の写真。読者がその場面を思い浮かべながら読めます

    • 思い出や昔の話なら、当時の写真。タイトルと時間軸がそろうと、エピソードを想像しやすくなります

    • 商品や本の紹介なら、ものに寄った写真。書評なら表紙が写っているだけで、ぐっと伝わりやすくなります

    2. 「みんなのフォトギャラリー」から探す

    手持ちにしっくりくる画像がないときは、「みんなのフォトギャラリー」へ。ほかのクリエイターがアップしてくれた画像を、見出し画像として使える機能です。

    キーワードで検索できるので、記事のテーマを入れて探してみてください。映画やドラマ、アニメの場合、公式の場面写真が使えることもあります。

    くわしい手順は、ヘルプページ「見出し画像に「みんなのフォトギャラリー」を活用する」をご覧ください。

    みんなのフォトギャラリーの画面。「netflix ガス人間」でキーワード検索した結果、作品の公式場面写真が一覧で表示されている。上部に風景、人物、街、モノ、食べ物、イラスト、世界の美術館のタブがある
    Netflixシリーズ『ガス人間』の公式場面写真

    3. Adobe Expressでつくる

    文字を入れたい、画像を自分でつくりたい。そんなときは、noteの編集画面からそのままAdobe Expressをひらけます。

    見出し画像のアイコンから「Adobe Expressで画像をつくる」を選ぶと、テンプレートを選んで編集できます。できあがった画像は、そのまま見出し画像として設定されます。あとから編集し直すこともできます。

    くわしい手順は、ヘルプページ「Adobe Express で見出し画像を作る」をご覧ください。

    noteの編集画面からひらいたAdobe Express。左側に「note 見出し画像」のテンプレートが並び、右側が編集画面になっている

    4. Canvaでつくる

    Canvaでは、noteのオリジナルイラスト「JOY」を使った見出し画像テンプレートが無料で利用できます。400点以上のイラストとテンプレートがあるので、自分でイラストを描かなくても、noteらしい見出し画像がつくれます。

    Canvaのサイト上で画像を作成・保存したあと、noteの見出し画像にアップロードしてください。

    なお、JOYのイラストはAdobe ExpressやFigmaでも使えます。

    記事を公開したあとも、見出し画像を見直してみよう

    記事を公開したあとの反応をみて、見出し画像を調整してみるのもおすすめです。

    ダッシュボードの「アクセス状況」では、記事が表示された回数(インプレッション)と、開かれた回数(ページビュー)を、別々に見られます。

    表示はされているのに開かれていない記事があれば、タイムラインに並んだときの見え方に工夫の余地があるかもしれません。タイトルと見出し画像を見直してみると、「読みたい」と思ってくれる読者がふえる可能性があります。

    ▼ダッシュボードの使い方はこちら

    見出し画像に悩んでしまうときは、設定しなくても大丈夫!

    ここまで見出し画像のつくり方・選び方について書いてきましたが、いちばん大事なのは、創作を楽しみ続けること、発表し続けることです。「ぴったりの1枚が見つからないから」と公開をためらうくらいなら、見出し画像は設定せずに、そのまま公開してみましょう。

    見出し画像を設定しなかった場合でも、noteやSNS上でサムネイルが自動表示される機能があります。

    note内での表示

    見出し画像を設定していない場合でも、本文に画像や動画(動画は埋め込みの場合のみ)がある場合、1枚目の画像や動画が自動でサムネイルとして表示されます。

    見出し画像を設定していない記事のサムネイル表示例。左半分は本文に挿入した画像が、右半分は本文に埋め込んだ動画が、それぞれタイムラインでサムネイルになる流れを示している
    本文の1枚目の画像や、埋め込んだ動画が自動でサムネイルに

    本文に画像や動画がない場合や、画像があるのが有料部分のみの場合などは、noteのロゴが表示されます。

    SNSでの表示

    XやFacebookでシェアされたときは、記事のタイトルとクリエイター名から、画像が自動で生成されます。

    見出し画像を設定していない記事をXでシェアしたときの表示例。左が「今日の日記です」という見出し画像なしの記事、右がXに投稿されたところで、記事タイトルとハッシュタグ、クリエイター名の入った画像が自動で表示されている
    見出し画像のない記事をシェアすると、画像が自動でつくられます

    このように、noteでは、見出し画像がなくてもnote内やSNSで目に止まるような工夫も進めています。

    見出し画像は、記事の公開後にあとから設定することもできます。まずは書いたものを出して、余裕のあるときに1枚選んでみる。それくらいでも大丈夫です!

    見出し画像は、読者と記事が出会うきっかけになる1枚です。あなたの記事に似合う1枚を、気楽に探してみてください。


    noteの公式X(Twitter)、公式Instagramでは、創作に役立つヒントやすてきな記事を紹介しています。みなさんのフォローをお待ちしています!

    🆕ダッシュボードを大幅リニューアル!

    ☑︎インプレッション(表示された回数)とページビュー(記事が開かれた回数)が分かるように
    ☑︎記事の流入元も分かる
    ☑︎「直近1ヶ月のまとめ」「あなたへの提案」が追加

    ぜひご自分のダッシュボードを見に行ってみてください!
    ▶︎https://t.co/HMz2F33oHg pic.twitter.com/S79RzM4ckW

    — note (@note_PR) September 8, 2026
     
    ミッションは「だれもが創作をはじめ、続けられるようにする」。noteの活用法・トレンド情報、創作のヒントなどを発信しています。公式からのお知らせ : https://note.com/info || noteイベント情報 : https://note.com/events

    あなたへのおすすめ