ブログ用の画像を保存するとき、カメラやデザインツールが付けた名前のままアップロードしていませんか。画像が数枚なら困らなくても、記事が増えると、どの画像がどの記事に使われているのか分かりにくくなります。
WordPressへアップロードする前に、短く意味のあるファイル名へ整えておくと、パソコン内でもメディアライブラリでも探しやすくなります。この記事では、画像ファイル名を付ける6つのルールと、変更時の注意点を紹介します。
画像ファイル名をアップロード前に整える理由
画像のファイル名は、画像そのものを管理するための名前です。メディアライブラリのタイトル、キャプション、代替テキストとは役割が異なります。ファイル名だけで画像の説明を完結させるのではなく、管理しやすい識別情報として使います。
| 項目 | 主な役割 | 例 |
|---|---|---|
| ファイル名 | 画像を識別・管理する | wordpress-preview-mobile.jpg |
| メディアのタイトル | 管理画面で画像を見分ける | WordPressプレビューのスマホ表示 |
| キャプション | 読者へ補足を表示する | スマホ幅で表を確認している画面 |
| 代替テキスト | 画像が伝える内容を文章で補う | WordPress記事をスマホ幅で確認する画面 |
代替テキストの考え方は画像のalt属性の書き方で詳しく解説しています。ファイル名と同じ文章を機械的に入れるのではなく、画像の用途に合わせて書き分けてください。
WordPress画像のファイル名を付ける6つのルール
1．画像の内容が分かる短い名前にする
「IMG_1234」だけでは、ファイル一覧を見ても内容が分かりません。「wordpress-preview」「remote-work-desk」のように、主題を表す単語を2～4個ほど組み合わせます。長い記事タイトルをそのまま使う必要はありません。
2．同じ記事の画像は共通語をそろえる
同じ記事で複数の画像を使う場合は、先頭の共通語をそろえます。たとえば「wordpress-preview-pc」「wordpress-preview-mobile」「wordpress-preview-table」のようにすると、検索や並べ替えがしやすくなります。
3．単語の区切り方を統一する
ハイフン、アンダースコア、連番など、チームや自分のルールを一つ決めます。途中で形式を混ぜるより、毎回同じ付け方を続けることが大切です。英数字とハイフンを中心にすると、異なる環境でも名前を扱いやすくなります。
4．意味のない連番だけにしない
連番を使うときは、「image-01」ではなく「wordpress-preview-step-01」のように内容を示す語と組み合わせます。差し替え時に順番が変わる画像は、番号より役割を示す語のほうが管理しやすい場合があります。
5．個人情報や内部情報を入れない
顧客名、非公開の案件名、メールアドレス、社内用の識別番号などをファイル名へ入れないようにします。画像内を加工していても、ファイル名に情報が残っていないか確認してください。
6．元画像と公開用画像を区別する
編集前の元画像と、圧縮・トリミング後の公開用画像を同じ場所へ置く場合は、「original」「web」など区別できる語を使います。ただし公開用の名前に不要な作業履歴を増やしすぎず、最終的な用途が分かる形へ整えます。
実務で使える命名パターン
| 用途 | ファイル名の例 | ポイント |
|---|---|---|
| 記事のアイキャッチ | wordpress-image-filename-guide-cover.jpg | 記事テーマと用途を入れる |
| 操作手順の画像 | wordpress-media-upload-step-01.png | 共通語と手順番号を使う |
| 比較画像 | pdf-word-shared-document-comparison.png | 比較対象を短く並べる |
| 差し替え用画像 | remote-work-desk-web-02.jpg | 公開用と版を区別する |
日本語ファイル名を使う場合
日本語のファイル名は手元では分かりやすい一方、共有先やURL上で長く表示されたり、環境によって扱いづらく感じたりすることがあります。サイト内の運用ルールを決め、公開用は短い英数字、元データは日本語というように分ける方法もあります。
アップロード前の確認手順
- 画像の内容と使用する記事を確認する
- 主題・用途・必要なら番号を入れて名前を付ける
- 個人情報や非公開情報が名前に含まれていないか見る
- 画像そのものに不要な情報が映っていないか確認する
- 公開用の形式と容量になっているか確認する
- WordPressへアップロードし、タイトルと代替テキストを用途に合わせて整える
アイキャッチ画像として使う場合は、文字の読みやすさや記事間の統一感も確認します。詳しくはブログのアイキャッチ画像を作る方法を参考にしてください。
すでにアップロードした画像を変更するときの注意点
公開済み画像のファイル名や保存場所を後から変えると、記事内の参照先や共有済みURLへ影響する場合があります。管理画面上の表示名だけを直すのか、画像ファイル自体を差し替えるのかを分けて考えてください。
差し替える前に、使用中の記事、元画像の保管場所、バックアップを確認します。公開後の表示確認はWordPress記事を公開した後のチェックリストも役立ちます。
ファイル名だけでSEO効果を狙わない
画像ファイル名は管理と内容把握に役立ちますが、単語を不自然に詰め込む必要はありません。画像の内容、周囲の文章、代替テキスト、ページ全体の分かりやすさを優先します。キーワードを繰り返すより、人が見て画像を特定できる名前にしましょう。
外部の画像や資料を参照した場合は、ファイル名とは別に出典を記録します。情報源の残し方はブログ記事の情報源を記録する方法で整理できます。
まとめ
WordPress画像のファイル名は、短く内容が分かる名前にし、同じ記事では共通語と区切り方をそろえます。個人情報を入れず、元画像と公開用画像を区別することも大切です。アップロード前に整える習慣を作り、タイトル・キャプション・代替テキストはそれぞれの役割に合わせて設定しましょう。
コメント