WordPressでアイキャッチ画像を設定するときのコツを伝授

WordPressのアイキャッチ画像ってどんなことに意識して設定したらいいんだろう？設定するときのコツがあったら教えてほしい。

こんな疑問にお答えします。

ブログにおいて、アイキャッチ画像は超重要です。なぜなら、質の良いアイキャッチ画像は、ブログ記事のアクセスアップにつながるからです。

逆に、質の悪いアイキャッチ画像を使っていたり、間違ったアイキャッチ画像の設定をしていると、ユーザーの離脱を招くことになりかねません。

本記事では、WordPressでアイキャッチ画像を設定する時のコツを、月間6桁PVブロガーの僕が徹底解説します。

早速見ていきましょう。

アイキャッチ画像とは？

アイキャッチ画像（Eye Catch）とは、その名のとおり「読者の目（Eye）をひきつける（Catch）画像」のことを指します。

アイキャッチ画像の例

WordPressブログでは、以下のような場所でアイキャッチ画像が表示されます。

上記のとおり。アイキャッチ画像は記事の冒頭以外にも、「サムネイル画像」としてブログ内やSNS上で表示されます。

WordPressのアイキャッチ画像にこだわるべき理由

WordPressブログでは、アイキャッチ画像にこだわることが超重要なんです。

その理由は以下の2点。

①記事のアクセス数が増える

アイキャッチ画像にこだわるべき最大の理由は、記事のアクセス数が増えるということです。

なぜなら、冒頭でもお話しししたとおり、アイキャッチ画像には読者の目を惹きつける役割があるから。

ユーザーは品質の良いアイキャッチ画像を見ると、「お、この記事なんだか気になるな。読んでみよう。」と一瞬で判断するわけです。

これがブログ内で連鎖すれば、ブログ内の回遊率が上昇します。つまり、質の良いアイキャッチ画像を使えばクリック率が上がり、ブログに長く滞在してくれるようになるというわけ。

結果的にSEO的に高い評価を受け、検索順位が上がり、収益もアップしやすくなります。

②デザイン性が向上し、質の高さをアピールできる

画像なんて適当なのを選んどけばいいでしょ。

こんなふうに思ってると、他のブログの中に埋もれてしまいますよ。

無料の画像サイトにも高品質な画像はたくさんあり、僕も使ってます。ですが、無料画像だけに頼ってしまうのはおすすめしません。

なぜなら、他のブロガーもみんな同じものを使っているからです。すると、他のブログと似たような印象になり、個性が出ません。

質の良いアイキャッチ画像を使っていれば、それだけで他のブログと差を付けられます。

「このブログの記事は質が高そうだ」という印象を持ってもらいやすくなるので、記事を読んでもらえる可能性が高くなるはずです。

アイキャッチ画像におすすめなのは、『Shutterstock』という有料画像サイトです。世の中の売れっ子ブロガーも愛用しており、品質については申し分ありません。

WordPressでアイキャッチ画像を設定する方法

WordPressでアイキャッチ画像を設定する方法は超簡単です。

まずは以下の手順で、記事の投稿エディター画面に行きましょう。

投稿エディター画面に行ったら、右側の下側に「アイキャッチ画像」という項目があるはずです。そこで「アイキャッチ画像を設定」をクリックしましょう。

ここで、アイキャッチ画像を選択します。

画像を選択したら、「アイキャッチ画像を設定」をクリックしましょう。すると、以下のように選択した画像がアイキャッチ画像として保存されます。

これで投稿を保存すれば、アイキャッチ画像の設定は完了です。

効果的なアイキャッチ画像を選ぶポイント

ここからは、アイキャッチ画像を選ぶときのポイントや注意点を解説していきます。

結論として、効果的なアイキャッチ画像を選ぶポイントは以下の3点です。

順番に見ていきましょう。

①記事の内容に合う画像を選ぶ

基本的なことですが、アイキャッチ画像は記事の内容に合うものを選びましょう。

たまにウケ狙いで全然関係ない画像を選んでたり、かわいい動物系の画像を選んでる記事を見かけますが、正直かなり損してます。

たとえば、以下の2つの例を比較してみてください。

どっちのほうが読みたいと思いましたか？

たぶん、後者の「パソコンがのっている画像」のほうが読みたいと思ったはずです。

なぜなら、パソコンがのってる画像のほうが記事のテーマと合致しているので、「専門性の高い情報がありそう」と感じるからです。

記事のテーマと関係ない画像を選ぶと離脱の原因になるので、くれぐれも注意してください。

②適切な画像サイズを選ぶ

アイキャッチ画像のサイズにも注意する必要があります。

結論からいうと、アイキャッチ画像のサイズは以下の2点に基づいて設定するのがおすすめです。

横幅を1200px以上にすべき理由

横幅を1200px以上にすべき最大の理由は、Googleが推奨しているからです。

横幅を1200px以上にすることでGoogle検索のDiscover欄に表示されやすくなることが、『Googleの公式ガイドライン』に記載されています。

画質の悪いアイキャッチ画像は、単純に見る気をなくします。1200px以上になると必然的に画質が良くなるので、読者が離脱する理由がなくなるわけです。

横：縦＝「 1.91：1」または「 16：9」にする

アイキャッチ画像は、どのような比率に設定するかも重要です。

その理由は、SNSで記事をシェアしたときに、アイキャッチ画像が途切れずキレイに表示されるためです。

「 1.91：1」と「 16：9」はTwitterやFacebookの推奨画像サイズであり、SNSシェア時にほとんど画像が切れることなくアイキャッチ画像を表示することができます。

この比率に横幅「1200以上」を当てはめると、以下のサイズになります。

つまり、アイキャッチ画像は「1200px：630px」か「1200px：675px」に設定するのがベストです。

③記事に関連する文字情報を入れる

画像サイトでアイキャッチ画像を探しても、記事のテーマに合う画像が見つからないことがあります（特に無料画像サイトの場合はよくあります）。

そんなときは、画像に文字情報を入れてアイキャッチ画像を作るのがおすすめです。

なぜなら、アイキャッチ画像にユーザーを惹きつける文字情報を入れると、クリック率を上げることができるから。

アイキャッチ画像に文字情報を入れた例

YouTubeのサムネイルではお馴染みの手法ですが、ブログでもかなり有効です。

アイキャッチ画像に文字を入れるときのポイント

ブログ内の記事一覧やブログカード、Google検索結果などでは、アイキャッチ画像がサムネイル画像（縮小画像）として表示されます。

この場合、サムネイル画像は以下のように正方形にリサイズされて表示されてしまうのが普通です。

ブログ内でサムネイル画像が正方形に表示される場合

上記のとおり、文字の入れ方によっては画像が途切れた印象になり、ダサいです。クリック率が下がるリスクもあるかもしれません。

これを避けるには、以下のように正方形内で文字情報を完結すればOKです。

正方形にリサイズされても途切れない範囲で文字を入れる。

こうすれば、正方形にリサイズされても必要な情報は途切れずに済みます。

アイキャッチ画像を作るならCanvaがおすすめ！

文字情報を入れたアイキャッチ画像を作りたいなら、『Canva』がおすすめです。

Canvaとは、オンラインで使えるグラフィックデザインツール。有料版もありますが、基本的には無料で使えます。

61万点ものテンプレートと1億点の画像素材があり、クオリティの高いテンプレートが豊富に揃っています。デザイン初心者でも簡単に本格的なアイキャッチ画像を作れちゃうので、かなりおすすめです。

僕も普段からCanvaにお世話になってます。

文字情報を入れない場合は、以下の画像サイトがおすすめです。

おすすめの画像サイトについて、詳しくは『別の記事（作成中）』で解説します。

まとめ：WordPressのアイキャッチ画像は超重要。Canvaで自作するのがおすすめ！

というわけで、以上です。

記事のポイントをまとめます。

アイキャッチ画像は、ブログのアクセス数を左右する重要な存在です。

アイキャッチ画像をアップグレードするだけで、ブログが洗練された印象になり、読者からの信頼性もアップします。

これまで適当に済ませていた人は、ぜひこれを機にこだわってみてください。

ではまた。