サムネイル画像とは何か? Web担当者が理解しておきたい基本用語

ウェブサイトやSNSを運用していると、「サムネイル画像」という言葉をよく目にすると思います。
「ここのサムネイル何にしましょうか?」
「文章に合うサムネイルが難しいんだよね」
なんて会話に出てくることも。

重要ですが、具体的にどんな役割があるのか、何を意識して作ればいいのか分からない方も多いそれません。サムネイル画像とは、リンク先の記事や動画、ページの内容をひと目で伝えるための小さな代表画像のことです。ウェブサイトの写真付き記事、検索結果、SNS、一覧ページなどあらゆる場所で表示されます。

ユーザーが最初に目にするポイントになるため、本の表紙やポスターのような役割を持ち、ページの中で視線誘導となる大事な要素です。
つまり、ユーザーが「クリックするかどうか」を判断するための入口の1つがサムネイル画像です。

サムネイル画像が重要な理由

どれだけ良い記事でも、サムネイルが目立たなければ読まれないことがあります。特にSNSやニュース一覧では、文字よりも画像が先に目に入ります。「何について書いてあるのか」「自分に関係がありそうか」をユーザーが一瞬で判断するために利用されます。

サムネイル画像に入っているとよい要素

サムネイルには、内容が想像できる写真やイラスト、短く分かりやすい文字を入れることが大切です。
文字は多すぎると読みにくくなるため、サムネイル画像に添える文字と重複せず、かつ要点をしぼった、目に入ったとたんに瞬時で理解出来る程度の短さがよいでしょう。特に、昨今ではウェブサイトをスマホで見るユーザーがが多いため、小さく表示されても分かりやすいことが良いサムネイルの条件の1つです。
クリックされやすい画像のコツにも関連しますが、人の顔が出ていることもクリックされやすい(=良いサムネイル)の条件の1つとも言われます。

気をつけたいポイント

対してよくある失敗は、文字が小さすぎる、情報を詰め込みすぎるといったことや、内容と関係のない画像を使うことによる、リンク先を想像しずらい、あるいはリンク先のイメージと一致しないサムネイル画像にしてしまうことです。
いくら見た目がきれいでも、何の記事か連想がしづらければ、良いサムネイル画像とは言えません。
「初めて見る人に一瞬で伝わるか?」を意識して、シンプルで分かりやすいデザインを心がけるのがコツと言えます。

まとめ

サムネイル画像は、記事やページの「顔」となるとても大切な要素です。ユーザーに内容を伝え、興味を持ってもらう役割があります。最初は難しく感じるかもしれませんが、「誰に・何を伝えたいか」を意識すれば大丈夫です。少しずつ経験を積んで、伝わるサムネイルを作っていきましょう。

ホームページの新規立ち上げ、リニューアル、CMS導入などのご相談は
下記よりお気軽にお問い合せください

ご相談・お問い合わせはこちら

弊社の携わったホームページの制作実績を、
一部ご紹介します

クリックネットの制作実績

ホームページ制作や、受験生・社会人向け広報など
弊社が展開する教育機関・研究者向けサービスをご紹介します

クリックネットの大学向けサービス
Posted by CN編集部
他の記事を読む
大学の研究者や、研究内容の魅力をウェブサイトで伝える方法5選
グローバルナビゲーションとは? Web担当者が理解しておきたい基本用語
「こちら」だけのリンクを改善!クリックしやすいリンクとは
写真の選び方(利用時の注意点について)
担当者がウェブサイトの公開前に気をつけておきたいポイント
HTMLとは? – Web担当者が理解しておきたい基本用語
ウェブサイトの発注時に用意したい、サイトマップの作り方。
ファーストビューとは? Web担当者が理解しておきたい基本用語
デザインプレビューとは? – Web担当者が理解しておきたい基本用語
大学の周年事業サイトに入れたい内容4選

ホームページの新規立ち上げ、リニューアル、CMS導入などのご相談は
下記よりお気軽にお問い合せください

ご相談・お問い合わせはこちら