ブログのアイキャッチ画像の選び方と最適化｜無料画像・フリー素材で見栄えよく
記事に合うアイキャッチ画像の選び方、伝わるalt属性の書き方、ページ表示を速く保つコツをまとめました。
アイキャッチ画像は、ブログ記事を開いたとき、検索結果、SNSでシェアされたときに、読者が最初に目にするものです。凝った画像である必要はありません。 大切なのは、記事のテーマに合っていること、すばやく表示されること、そして画像の内容がきちんと説明されていることです。
雰囲気だけでなく、テーマで選ぶ
読者は一瞬で「自分に関係ある記事かどうか」を判断します。テーマを連想させる画像があると、その判断を後押しできます。
- レシピ記事 → 料理そのものや食材
- 仕事術・効率化の記事 → ノートが置かれた整ったデスク
- 旅行記事 → 海沿いの道のように、ひと目で場所のイメージが伝わる風景
「握手するビジネスパーソン」のようなありきたりな画像は避けましょう。記事に何もプラスしてくれません。
表示される場所ごとにトリミングを確認する
同じ画像が、横長のヘッダー、正方形のカード、SNSのシェア画像（多くは1.91:1前後）という3つの形で表示されることがよくあります。 アップロードする前に、それぞれの形に切り抜いても被写体がきれいに見えるか確認しましょう。被写体が中央にある画像を選ぶのがいちばん安全です。
役に立つalt属性（代替テキスト）を書く
alt属性はスクリーンリーダー向けに画像の内容を説明するもので、検索エンジンが画像を理解する手がかりにもなります。良いaltテキストは短く、具体的です。
- 悪い例：「画像」「ブログヘッダー」
- 良い例：「窓辺の木のデスクに置かれたノートパソコンとコーヒーカップ」
RoyaltyFreeHubの各画像ページには説明文の候補が表示されるので、コピーして調整してお使いください。
画像は軽くする
画像が重いとページの表示が遅くなり、読者も検索順位も失ってしまいます。アップロード前に次の3つを行いましょう。
- お使いのテーマで実際に表示される最大サイズ（多くは横幅1200〜1600ピクセル）にリサイズする。
- WebP、または画質80のJPGで保存する。
- ヘッダー画像なら200KB以下を目安にする。
ほとんどのブログサービスや画像編集ソフトでは、この3つを1回の書き出しでまとめて行えます。
ファイル名をつける
image-123.jpg を home-office-desk-morning.jpg のような名前に変更しましょう。手間はかかりませんし、画像検索にも効果があります。
RoyaltyFreeHubの無料画像は、収益化しているブログでもクレジット表記不要でご利用いただけます。それでもクレジットを入れていただける場合は、「Image: RoyaltyFreeHub」とリンクを添えていただけるとうれしいです。