ブログの知識

【秘技】AFFINGER5のアイキャッチ画像をカッコよく見せるサイズ!【トップクラスの見栄え】

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

 

相談者
AFFINEGR5で記事に貼るアイキャッチ画像ってどれぐらいのサイズがベストなの?

 

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

 

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

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

 

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

 

自画自賛はさておき、AFFINGER5のアイキャッチ画像のサイズってどれぐらいが良いんだろうと思うことはあると思います。

 

そこでこの記事では、ただでさえカッコいいAFFINGER5をもっともっと魅力的に見せる方法のひとつ!

アイキャッチ画像のサイズ

 

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

 

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

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

別記事を見て頂くとわかりやすいですが、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のようになります。

 

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

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

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

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

 

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

 

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

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

 

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

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

 

HAYAMIZ BLOGも月100万を達成していますので、もし思うような収益が出ていないようであれば、テーマの乗り換えも検討してみても良いですね。

【解決】ブログで稼げないたったひとつの理由…。それはPV数が少ないから。【AFFINGER5で対策可能】

 

 

\ あなたの悩みは解決できましたか? /

-ブログの知識
-

© 2020 HAYAMIZ BLOG