WordPressコラム｜画像設置 “完全マニュアル”
本文中への画像挿入を、クラシックエディタ／ブロックエディタの両方で迷わず実行できるように、準備・挿入・最適化・法令配慮・チェックリストまでを一枚に集約しました。
目次
1. 準備（入れる前の下ごしらえ）
- 📂 ファイル名：英数小文字・ハイフン区切り（例：
clinic-treatment-room-2025.jpg） - 📝 ALT用メモ：画像の内容を一言で（例：施術ベッドと院内の様子）
- 🖼 推奨サイズ（本文画像）：横 1200〜1600px（DROPは本文幅に自動フィット）
- 📉 容量目安：1枚 150〜300KB 前後（写真は200KB台でもOK）
- 🧪 形式：写真＝JPG/WebP、ロゴ・図＝PNG/WebP（可能ならWebP優先）
- 🧰 圧縮：画質70〜80%（JPG目安）。PNGは必要部分のみ透過。
- 🔒 権利：自院撮影or商用可素材。人物は同意済み。
2. 挿入手順｜クラシックエディタ
- 🖱️ 画像を入れたい位置にカーソルを置く
- 🖼 上部の「メディアを追加」をクリック
- 📤 新規 → ファイルをアップロード → 選択 → 完了まで待つ
- 📚 既存 → メディアライブラリから画像をクリック
- 🧭 右側「添付ファイルの詳細／設定」で以下を調整：
- 🔤 代替テキスト（ALT）：短く正確に（例：問診の様子）
- 🧭 配置：中央／左／右（回り込みは左or右）
- 🔗 リンク先：なし 推奨（誤クリック防止）
- 📏 サイズ：フルサイズ 基本（大きすぎる場合は「大／中」）
- ✅ 「投稿に挿入」 → 本文へ配置
- ✏️ 微調整：画像クリック → 鉛筆（編集）でサイズ・配置・キャプション変更可
3. 挿入手順｜ブロックエディタ（Gutenberg）
- ➕ 追加 → 画像ブロック →「アップロード／メディアライブラリ／URL」から選択
- 🧭 右サイドバー（ブロック設定）
- 🔤 ALT：必ず入力（装飾のみ＝空欄OK）
- 🧭 配置：通常は本文幅。必要時のみ「幅広／全幅」
- 🔗 リンク：なし 推奨
- 📝 キャプション：画像下に短文（例：施術室は全ベッド仕切り付き）
💡 横並び（2枚）
- 📦 カラム（2列）ブロックを追加 → 各列に画像ブロック
- ※ スマホでは自動で縦並び
💡 テキスト回り込み
- 画像ブロックの左寄せ／右寄せでOK
- ※ 読みにくければ中央配置＋中サイズを検討
4. ALT（代替テキスト）の書き方
- ◎ 何が写っているかを事実ベースで簡潔に（例：受付カウンターと待合席）
- ◎ 適度に意図を含める（例：産後骨盤ケアのカウンセリング風景）
- ✖ 効果の断定・誇張・比較優良表現は避ける
- ✖ キーワード羅列（不自然なSEO）は逆効果
5. キャプションと表現ルール（景表法／医療・あはき広告）
- 📝 キャプション用途：補足・注意・出典。1〜2文まで。
- ⚖️ 施術系は「治療」より「施術」表現を基本に。
- ⚖️ Before/Afterは原則非推奨。必要時は同条件／期間／回数／費用／副作用等を明示。
- ⚖️ 未承認機器の効能暗示×／医薬品的効能の断定×／誤認を招く過度な加工×
6. 画像の軽量化と形式（表示速度）
- ◆ サイズ最適化：横1200〜1600pxで書き出し（本文はDROPが自動フィット）
- ◆ 圧縮：JPGは画質70〜80%、PNGは必要部のみ透過
- ◆ 形式：WebP優先（互換はWPが
srcsetで面倒見ます） - ◆ Lazy-load：WP標準の
loading="lazy"を活かす（無効化しない） - ◆ 差し替え：URL据え置きで更新したい時は「Enable Media Replace」が便利
7. 画像×SEOで効く小ワザ
- 🔗 画像の直前直後の本文に関連語句を置く（周辺テキストの関連性UP）
- 🏷️ カテゴリ／タグ／内部リンク（症状別・機器）と意味的に接続
- 🗺️ 目的別に“検索意図が明確な画像”を計画的に量産（施設・機器・手順）
- 📌 OGP画像：1200×630pxで統一（ロゴ＋余白多め）
8. トラブル対処
- ❗ 意図しない場所に入る → 挿入前のカーソル位置を再確認
- ❗ クリックで別タブへ飛ぶ → リンク先：なしに修正
- ❗ ぼやける／粗い → 元画像の横幅不足。1200px以上で再出力
- ❗ スマホで巨大 → サイズを大／中に変更、横長比率を意識
- ❗ 上下が詰まる → 画像の前後に改行 or キャプションで余白調整
- ❗ 同じ画像が増える → ライブラリから再利用。差し替えは置換を使用
9. 投稿前チェックリスト
- ✅ すべての画像にALTが入っている
- ✅ リンク先：なし（意図した場合のみ設定）
- ✅ 表示サイズが本文幅と調和（中／大／フル）
- ✅ 画像の前後に要約／説明があり検索意図に合致
- ✅ 容量は概ね300KB以下
- ✅ 文言は事実＋配慮（施術表現／誇大NG）
10. 最短フロー（迷ったらここだけ）
- 画像用意（横1200〜1600／200KB台／WebP or JPG）
- 挿入位置にカーソル → メディアを追加
- ALT入力・リンク先：なし・サイズはフル（or 中／大）
- プレビューで文章とのバランス確認
- 公開 → 内部リンクから辿れる導線を設置
© 画像運用ルール：誇大表現を避け、事実ベースでの説明・適正な注意書きを徹底してください。