ブログのサムネイルについて考えてみる

ブログのサムネイルはSEOとデザイン、どちらの観点で考えるべきか?その必要性や重要度を深掘りします。一部だけ設定した場合のデザイン上の課題や、AIを活用した効率的な作成方法まで、ブログ運営に役立つ実践的なアプローチを紹介。

※本記事は広告を含みます

どうも、職業エンジニアです。
今日はブログのサムネイルについてあれこれ考えてみようと思います。

そもそもサムネイルって必要なのか

まずここから考えていこうかと思います。ブログをやるにあたりサムネイルは必須だというのが割と一般論な気がしていますが、じゃあなんで必要なのかってとこですね。

判断ポイントとしては「サイトへのアクセスが欲しいかどうか」なのではないでしょうか。いわゆるSEO的な考え方だと思います。アクセスが欲しいのであればクリック率が上がるようにサムネイルを検討する必要がある、そうでないなら別に要らないのでは?という感じですね。

ただ、ブログの場合は結局のところ一番価値があるのはテキストですよね。なのでyoutubeと比べるとそこまでサムネイルの重要性は高くないと思ってます。

なので、個人的には必要ではないという意見です!

サムネイルをデザインの一部として捉える

次にアクセスという観点以外で考えてみたいと思います。デザインですね。ニュースサイトを見てみると、大部分はサムネイルが設定されていると思います。しかし、ニュースサイトのサムネイルって別にサムネでクリック率を増やそうとしている感じはしないんですよね。あくまでマガジンスタイルとして見栄えがいいように設定されている印象です。

サムネイルには

  • クリック率を上げるSEO的な観点
  • レイアウトで魅せるデザイン的な観点
    があるのではないでしょうか。

サムネイルを使う場合に気をつけたいこと

このブログでもサムネイルは設定されていますが、実はいうと殆どの記事にはサムネイルがありません。この場合、デザインとしては微妙な感じになってしまいます。

画像がないときによくある代替画像のUI。個人的にはnot foundで×ついてるときとあんまり印象は変わらない
画像がないときによくある代替画像のUI。個人的にはnot foundで×ついてるときとあんまり印象は変わらない

こんな感じでサムネが設定されていない記事がかなり浮いてしまうんですよね。なのでサムネイルを設定するのであれば、サムネイルがない場合にどうすると綺麗に見えるかと考えなければならないと思っています。このままだとちょっと印象良くないですよね。

一つの解決案として、このブログでは以下のように画像がない時には別の表示になるように切り替えて表示しています。こうすると↑のレイアウトよりかは印象が良くなると思います。

画像がない場合はテキストを前面に表示するように。これだと多少「気を使ってる」風になると思う
画像がない場合はテキストを前面に表示するように。これだと多少「気を使ってる」風になると思う

個人的には「サムネイルを採用するのであれば前記事に設定する」のが最適解だと思っていますが、それができない場合はこういったアプローチを取るのもありだよね。たぶん。

現在サムネイル作成のハードルは下がってきている

サムネイル、設定した方がいいんだろうなと思いつつ、やっぱ面倒なんですよね。ですが近年はAIで生成することができます。

イメージを伝えて生成してもらうもよし、本文を投げて生成してもらうもよし、一昔前はCanvaでテンプレ作って作ってましたが、テンプレをプロンプトに仕込んだりも今となってはできてしまいます。時代進みすぎい!

目を引くそうなサムネイルを作るのはだいぶ工夫がいると思いますが、デザインとして統一感のあるサムネイルを作ることは割と簡単にできるので、面倒臭がり民はとりあえず生成して設定しとけばいいんじゃないでしょうか。

もちろん記事ごとに丁寧にサムネ作成してくのが一番いいんでしょうけどね。

最後に

筆者はデザインセンスゼロなエンジニアなんですが、この先デザインを勉強すると仕事で何かしらに生きるような気もしています。資料がより見やすく作れるとか。

AIである程度デザインできるようにはなってきてる所感はあるけど、デザイン用語というか、自分の持ってるイメージを伝えられるくらいのスキルがないと難しいと思うんだ。

コメント