設定方法

WordPressのアイキャッチ画像のベストなサイズとは?【トップクラスの見栄え】

アイキャッチ画像のサイズは見出しのレベルで読者に飽きさせない工夫を

 

相談者
ワードプレスのアイキャッチ画像で見栄えの良いサイズっでどれぐらいなの?

 

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

 

わたしのブログを見て頂けたブロガーさんたちが口を揃えておっしゃってくれる言葉があります。

それは、デザインがトップクラス!

 

控えめにいって自分でもそう思っています(笑)
はや

 

自画自賛はさておき、今回はワードプレスのアイキャッチ画像のサイズってどれぐらいが良いんだろうと考えてみました。

 

そこでこの記事では、ただでさえカッコいいAFFINGER5を利用して、もっと魅力的に見せる方法をお教えします!

 

HAYAMIZ BLOGのデザイン手法をあなただけにこっそりと教えちゃいますね。
はや

 

  • AFFINGER5のレビュー・評判をまとめました

AFFINGER5は買うべき理由を2年ほど使用した感想とレビューで説明【特典有り】

 

アイキャッチ画像のサイズは見出しのレベルで変更する

アイキャッチ画像のサイズは見出しのレベルで変えよう

別記事を見て頂くとわかりやすいですが、HAYAMIZ BLOGは見出しによって記事サイズが違います。

 

  • 結論を記載
記事タイトルのアイキャッチ画像800px × 500px
見出し2のアイキャッチ画像800px × 500px
見出し3のアイキャッチ画像800px × 250px

 

サイズの理由を説明します。

 

記事タイトルと見出し2のサイズと理由

記事タイトルと見出し2のサイズと理由

記事のタイトルと見出し2は読者の目を引くための重要な画像です。

そのため、800px × 500pxという大きめのサイズを採用しました。

 

このサイズはJPG形式で90%のクオリティにすることで画像サイズを100KB以内にほぼ収めることができます。

画像サイズ(この場合はデータ容量)が小さすぎてもキレイな画像にはならず、かと言って画質にこだわりすぎてもデータが大きなりダウンロードに時間がかかり、読者のストレスが溜まってしまいます。

 

  • 色々と試行錯誤した結果
  • 画像のサイズは800px × 500px
  • JPG形式の圧縮レベルは90%

 

これがわたしが導き出したAFFINGER5での最高の状態だと結論付けました。
はや

 

見出し3のサイズと理由

見出し3のサイズと理由

見出し3は見出し2の捕捉的な項目と考えていますので、アイキャッチ画像も記事タイトルや見出し2のような多いな主張は不要と考えています。

ですので、さり気ない大きさの画像がベストを模索しました。

 

模索した結果、大きさが800px × 250pxというサイズです。

さり気ない中にも記事に会う画像を当てはめることで読者の興味をより引き出すことが可能になります。

 

画像形式はJPGで圧縮率は90%とこれは記事タイトルや見出し2と同じです。

 

アイキャッチ画像は読者を飽きさせない重要な要素です。

 

砂漠のオアシスのように、記事には欠かせません。
はや

 

記事タイトルのアイキャッチ画像にひと工夫

記事タイトルのアイキャッチ画像にひと工夫

AFFINGER5は初期設定のままではすこしカッコ悪いです。

 

はや
個人的な感想ですが。

 

そこで、AFFINGER5 管理で下記の設定をしましょう。

 

この設定を施すだけで記事タイトルのアイキャッチ画像はHAYAMIZ BLOGのようになります。

 

WordPressのアイキャッチ画像サイズを調節し読者の心をつかもう(まとめ)

アイキャッチ画像のサイズは見出しのレベルで読者に飽きさせない工夫を

読者はとにかく飽きっぽいです。

いくら優秀な記事であっても最初から最後まで「文字、もじ、モジ!」では飽きてしまい、離脱率も上がってしまいます。

 

  • 最低限やるべきアイキャッチ画像の設定部分
  • タイトル記事
  • 見出し2
  • 見出し3

 

この3つにはアイキャッチ画像を張ることを心がけてください。

記事だけでなく、見た目も「おもてなし」することがブロガーの心構えだとわたしは考えています!

 

AFFINGER5は他のテーマと異なり、初めはとっつきにくいと言われていますが、最初だけです。

特にデザイン・SEOはトップクラスで月100万以上を稼ぐテーマの定番として「AFFINGER5」はブロガーの間では定番です。

 

  • ブログの開設方法はこちら

【最新版】ブログの開設方法をご紹介!ゼロから始める手順はコチラ【初心者向け】

 

  • AFFINGER5の評判とレビュー

【特典有り】AFFINGER5を2年ほど使用した感想・レビュー【初心者こそおすすめ】

 

-設定方法
-

© 2020 HAYAMIZ BLOG Powered by AFFINGER5