【PR】この記事にはアフィリエイト広告が含まれています。
原稿ができたら、画像を入れて、WordPressに下書き保存します。この回のゴールは公開ではありません。公開してよいかを判断できる「下書き」を作るところまでです。
全体の流れ
- 原稿を確認する（見出し、リンク）
- 画像を選ぶ（必要な場所だけ）
- 画像を軽くする（WebPへの変換など）
- メディアに登録する（ファイル名と代替テキスト）
- 本文に入れる
- 下書き保存して、プレビューで確認する
ステップ1：画像は「必要な場所」だけに入れる
画像は、たくさん入れればよいわけではありません。入れる前に、次のことを考えます。
- この画像がないと、読者は何が分かりにくいか
- 文章だけでは説明しにくい操作や、比べたいことがあるか
- 個人情報や、使ってはいけない素材、古い画面が写っていないか
答えがはっきりしないなら、まず文章を分かりやすくしましょう。管理画面のスクリーンショットは、画面が変わると古くなります。「ここを押す」と場所を示す必要があるときだけ使うと、あとで直す手間が減ります。
ステップ2：アイキャッチと本文の画像を分ける
| アイキャッチ画像 | 本文の画像 | |
|---|---|---|
| 役割 | 記事一覧やSNSで、どの記事かを見分けてもらう | 文章の近くで、操作や比較を分かりやすくする |
| ポイント | 小さく表示されても、テーマが分かる | 説明している文章のすぐ近くに置く |
同じ画像をアイキャッチと本文の最初の両方に入れると、テーマによっては2回続けて表示されます。アイキャッチがどこに出るかを、プレビューで確認してから決めましょう。
ステップ3：代替テキスト（alt）は短い説明にする
代替テキストは、画像が表示されないときや、読み上げソフトで読むときに使われる説明です。キーワードを並べる欄ではありません。
- よい例：「原稿の確認から下書き保存までの6ステップの図」
- よくない例：「WordPress AI ブログ 画像 SEO」
文章に何も足さない飾りだけの画像なら、代替テキストを空にする場合もあります。
ステップ4：画像を軽くして、名前を付ける
WebPは、画像を小さなファイルサイズにできる形式のひとつです。ただ、変換すれば必ずきれいなわけではありません。変換したあとで、文字が読めるか、線が消えていないかを確認します。
ファイル名は、中身が分かる英語にします。wordpress-draft-flow.webp なら何の画像か分かりますが、image1.webp では、あとで探すときに困ります。AIで作った画像は、文字の崩れ、指の形、ロゴのように見えるもの、人物の不自然さを、使う前に人の目で確認しましょう。
ステップ5：本文に入れて、下書き保存する
本文に貼り付けたら、見出しがただの太字になっていないか、リストや表が崩れていないか、リンク先が正しいかを確認します。画像は、説明している文章の近くに1回だけ入れます。
終わったら「公開」ではなく「下書き保存」を押します。WordPressでは、下書きは公開されていない状態です。
ステップ6：プレビューで確認する
保存したら、編集画面だけでなく、プレビューをパソコンとスマホの両方で見ます。
- タイトル、URL（スラッグ）が正しい
- アイキャッチと本文の画像が重なっていない
- 代替テキストと画像の中身が合っている
- 文字、表、画像が横にはみ出していない
- リンクがちゃんと開く
おかしなところがあれば、画像だけをあわてて差し替えるのではなく、原稿と画像の組み合わせに戻って見直します。
次回は、下書きを公開してよいかを判断する「公開前のチェック」をまとめます。
