メインコンテンツへ移動
ブログウェブサイトの画像

SEOを意識した画像ファイル名の付け方と具体例

商品画像、ブログ写真、スクリーンショットを例に、SEOを意識した名前の付け方を紹介します。内容に合う言葉を選び、ハイフンで区切り、公開前に代替テキストも確認しましょう。

公開日: 更新日: 読了まで約3分
目次
RenameClickは画像に写っている内容からファイル名を提案します。適用する前に編集できます。
RenameClickは画像に写っている内容からファイル名を提案します。適用する前に編集できます。

短く、内容が分かる名前を付ける

画像ファイル名のSEOでは、何が写っているかを短く表す名前にしましょう。主な被写体から始め、見分けるための情報を加え、単語をハイフンでつなぐと使いやすくなります。ウェブサイトにアップロードする前に名前を決めておきましょう。

Googleは、ファイル名を画像の主題についての小さな手がかりとして扱うと説明しています。周囲のページ内容や代替テキストも使うため、検索キーワードを並べるのではなく、画像そのものを表す名前にしてください。

名前を変えるだけで検索順位が上がると分かっているわけではありません。画像と、その画像を載せるページを整える作業の一部です。

Google’s image SEO guidanceをご覧ください。

画像ファイル名の例とルール

次は、被写体と見分けるための情報を使った、名前変更前後の説明用の例です。

用途変更前内容が分かるファイル名
商品の正面写真IMG_4829.jpgblue-ceramic-mug-front.jpg
商品の細部IMG_4830.jpgblue-ceramic-mug-handle-detail.jpg
ブログの写真photo1.jpgsourdough-loaf-before-baking.jpg
サポート用のスクリーンショットScreenshot 2026-09-14.pngcheckout-address-validation-error.png
  • 主な被写体に加えて、向き、色、動作、場面など、区別に役立つ情報を書きます。商品の型番や場所は、分かっていて画像に関係する場合だけ含めてください。無関係な販売、サービス、都市名のキーワードは避けましょう。
  • 単語の間にはハイフンを使います。Googleも、URLではアンダースコアよりハイフンを推奨しています。小文字でそろえるとリンクの表記を統一しやすくなります。URLのパスは大文字と小文字を区別する場合があります。
  • 拡張子は実際の画像形式と一致させてください。ファイル名の.jpgを.webpに変えても、画像形式は変換されません。

AIの説明は出発点にできますが、画像と照らし合わせて確認してください。物を取り違えたり、実際には分からない場所を作り出したりすることがあります。

単語の区切り方や大文字・小文字の扱いは、Google’s URL naming guidanceで確認できます。

RenameClickでSlug Caseを使う

  1. Rename画面に画像を追加します。
  2. 標準の指示を選んだ状態で、FormatからSlug Caseを選びます。
  3. ウェブサイトで使う出力言語を選びます。
  4. 解析を実行し、候補を確認します。

独自の形式では、$slugcase{$1}を使うとAIの説明が小文字になり、単語がハイフンで区切られます。$lower{$1}は文字を小文字にするだけで、スペースは残ります。

$slugcase{$1}

Custom Instructionsを選んだ場合は、最終的な区切り文字と言語の指定をプロンプトに書きます。このモードでは通常のFormatとOutput Languageは無効になります。

format patternsに詳しい説明があります。

公開前に確認する

候補の名前と画像を見比べましょう。無関係な情報を取り除き、商品名を直し、ファイルを区別できる名前にします。RenameClickは拡張子を保ちますが、画像の圧縮や形式変換は行いません。

アップロードする前に、選んだ名前を適用します。すでに公開している画像の名前を変えると、公開システムが対応していない限りURLも変わります。そのサイトに合った方法で参照先とリダイレクトを更新してください。

ページでの役割に合わせて代替テキストを書く

ファイル名は代替テキストの代わりにはなりません。画像を掲載する場所で、そのページ内での役割に合わせて代替テキストを書きましょう。装飾用の画像は、商品写真や操作説明のスクリーンショットとは異なる扱いが必要な場合があります。

RenameClickが変更するのは、パソコン内のファイル名です。HTMLのalt属性の記述、CMSの編集、アップロードした画像をGoogleが見つけられるかどうかの保証は行いません。

画像の名前変更機能に詳しい説明があります。

image publishing recommendationsに詳しい説明があります。

RenameClick - Rename and auto-sort files with offline AI | Product HuntRenameClick – Offline AI File Renamer badgeFeatured on There's An AI For That