記事を代表する画像を設定し、一覧・本文・共有表示を点検できます。
作業を始める前に
- 記事の内容を表す画像を用意し、重要な被写体を端に寄せすぎないようにします。
- 01代表画像を指定
- 02小さい表示
- 03本文と区別
- 04一覧・共有確認
下の各項目で、判断のポイントと確認方法を説明します。
進め方・判断のポイント 04 STEPS
記事を開いてアイキャッチ欄を探す
投稿の編集画面で、ブロックではなく投稿全体の設定を開きます。アイキャッチ画像の欄からメディアを選ぶか、新しい画像をアップロードします。欄が見当たらない場合は、テーマの対応と編集画面の表示設定を確認してください。
✓ 完了の目印
記事に代表画像を指定できました。
小さな一覧でも伝わる画像を選ぶ
一覧では画像が小さく切り抜かれることがあります。細かな文字や端に置いた顔、ロゴが欠けないかを確認します。同じブログでは写真の比率、余白、色の方向をそろえると一覧が整いますが、すべての記事に無関係な画像を入れる必要はありません。
✓ 完了の目印
小さく表示しても記事内容が伝わります。
本文内の画像と役割を分ける
本文画像は説明したい段落の近くへ配置します。アイキャッチを設定しても、自動で本文へ挿入されるとは限りません。テーマが冒頭に表示する場合に、同じ画像を本文にも重ねて置くと二重表示になるため、公開画面で確認します。
| 項目 | 入力する内容・例 |
|---|---|
| アイキャッチ | 記事の代表画像一覧や冒頭などテーマが表示。 |
| 本文画像 | 内容を補足する画像必要な段落へ自分で配置。 |
| OGP画像 | 共有カードの画像テーマやSEO設定側も確認。 |
✓ 完了の目印
冒頭の画像が二重に出ていません。
一覧と共有時の設定を確認する
記事を更新し、トップやカテゴリー一覧で画像が表示されるかを確認します。SNSへ共有するときは、公開HTMLのog:imageも確認してください。アイキャッチを共有画像として使う仕組みがない場合は、別途OGPの設定が必要です。
✓ 完了の目印
一覧と共有用の画像を別々に確認できました。
終わったら確認すること
- 代替テキストには検索語を並べず、画像の役割を短く説明します。
途中で困ったときは
画像を設定したのに一覧に出ません。
テーマがその一覧でアイキャッチを表示するか確認します。ブロックテーマでは一覧テンプレート内の投稿のアイキャッチ画像ブロックも確認対象です。
参照した公式資料
画面や条件が異なる場合は、ご利用環境と公式の最新案内を確認してください。
手順確認日 2026.10.29 ／ 読む時間は目安です。操作に必要な時間は環境によって異なります。