【ブログ】サムネイル(アイキャッチ)はブログの顔という話

InstagramやYouTube、ブログ等、
その記事や動画の存在のアピールや
概略を紹介するための画像を
サムネイル(アイキャッチ)と言います。

厳密にはサムネイルとアイキャッチは
違うようなのですが、
おおよそ似たようなものでもあるようなので
以下、サムネイルと表記していきます。

noteにもサムネイルがあります。
(タイトル上の写真のこと)
自分はかっこ良さそうな写真を探してきて
貼り付けているだけでしたが、
自分が投稿したものをたくさんの人に見てもらうには
ちゃんと考えて作らないとダメらしいです。

こんなの知っていて当たり前的な話なのかもしれませんが、
いろいろ調べてみたので自分の備忘録として
まとめてみます。

サムネイルとは何か

サムネイルとは、画像や動画などのコンテンツの中から、
小さなサイズで表示するために縮小された画像のことです。
主にウェブページやSNSなどで使用され、
クリックして詳細を表示する前に、
コンテンツの内容を予め表現するために利用されます。
サムネイルの目的は、視覚的な引き込み力を持たせ、
コンテンツをアピールし、閲覧者の興味を引きつけることです。

サムネイルの重要性

サムネイルはウェブページやSNSにおいて
下記のような役割を担っています。

視覚的な印象を与える

サムネイルは、読者や視聴者に記事や動画などの
コンテンツ内容の一部を先取りさせることができます。
先取りさせることで
コンテンツに対する興味を持たせ、
クリックして詳細を見たくなってもらう。
このために魅力的なサムネイルが必要となります。

アクセス数やシェア数の向上

サムネイルは、コンテンツのアピール力を高めることができます。
アピール力の高いサムネイルを作成することで、
記事や動画のアクセス数やシェア数を増やすことができます。

検索エンジンのSEOにも影響

サムネイルは、検索エンジンのSEOにも影響を与えます。
検索エンジンには、サムネイルの画像ファイル名や
alt属性などが反映されます。
そのため、適切な画像ファイル名やalt属性を設定することで、
検索エンジンからのアクセス数も増やすことができます。

サムネイルの作成

サムネイル作成ツールの利用

サムネイル作成には、画像編集ソフトウェアを使うこともできますが、
簡単に作成できるツールもあります。
代表的なものとしては、CanvaやAdobe Sparkなどがあります。
ちなみに自分はCanvaを使っています。
といってもまだ使い始めてから2週間も経っていませんが･･･。

サムネイル作成のポイント

サムネイルのサイズ設定
ブログサイト、各種SNSによって
サムネイルのサイズが違うので
それぞれ確認する必要がありますが、
この記事の上にも貼ってあるnoteのサムネイルは
1280×680pxとなっています。
よりキレイに表示したい場合は、
1920×1006pxにするのが良いそうです。
作成ソフトでサイズ設定をしてから
作成を始めてください。

テキストの設定
サムネイルにはコンテンツの内容を簡潔に表現する
タイトルやキャプションが必要です。
テキストのフォントは運営するブログサイトやSNSの
イメージに合わせて統一させます。
ひとつのサイトのあちこちにいろんなフォントが
散らばっている状態は見た目が良くありません。

画像の設定
サムネイルには画像を使用することが一般的です。
コンテンツに関連した画像を選ぶことで、
視覚的な印象を与えることができます。
また、サイトとしての統一感を出すために、
それぞれの記事や投稿ごとに使う画像のイメージを
合わせます。
例えば、イラスト調をイメージを使うと決めたら
どの記事や投稿のサムネイルもイラスト調の
イメージを使うといった具合。

色の設定
サムネイルには色の設定も重要です。
テキストや画像の設定と同様、
サイトとしての統一感を出すために、
使用する色を数色に限定することがおすすめです。
ごちゃごちゃ感を出すという目的であれば、
いろんな色を使いまくることもアリだと思いますが、
通常は4～5色程度に絞ります。
こんな色を使うとこのようなイメージ出せるといった
「配色パターン」がたくさんあるので
最初はこのパターンの中から選ぶのが良いと思います。

サムネイル作成の注意点

著作権に注意

使用する画像やテキストの中には
無断で使用すると違法行為になるものがあるので注意が必要です。
商用利用が可能なフリー素材を使用することをおすすめします。
フリー素材の例

自分はUnsplashをよく使います。
無料で使えるかっこいい写真がたくさんあります。
日本語にも対応するようになったので使いやすくなりました。

目的に合わせたデザインを考える

サムネイルはサイト全体、または、コンテンツの内容に
合わせてデザインを考える必要があります。
サイト全体のイメージを崩してしまうような
サムネイルは見た目にも良くないですし、
サイト全体の統一感を崩さないような
サムネイルのデザインを心がける必要があります。

まとめ

すごく簡単でしたが、
調べてみたことをまとめてみました。
いろいろな投稿が表記されている中で、
見ている人の目を止めるために
このサムネイルが重要だと言うことがわかりました。

そんなわけで、調べた結果作ってみたものが、
この記事の上に貼ってあるサムネイルなのですが･･･。
こんな感じでよろしいのでしょうか。
まだ始めたばかりだからと言うことで、
今回は良しとしよう(汗)
これから試行錯誤を続けてみます。

自分が別でやっているブログサイトでも
サムネイルの作成を始めました。
サムネイル考えるよりまず更新頻度を上げろと
言われてしまいそうですが･･･。
よかったら見てみてください。

https://4-leafcreator.com/