画像ファイル名SEO記事のアイキャッチ画像

画像ファイル名SEO:画像の命名方法(WordPressガイド)

画像ファイル名のSEOは、Googleがコンテンツをより理解できるように画像に名前を付けることです。

これにより、検索結果からのクリック率が向上する可能性があります。

ガイドラインは学習と適用が簡単です。

画像ファイル名のSEOについて説明するだけでなく、WordPressで画像を最適化してSEOを改善する方法も学びます。

始めましょう。

画像ファイル名とは何ですか?

インターネット上のすべてのファイルには、画像を含め、名前があります。この名前は画像に関する手がかり(「baseball-team.jpg」など)を提供する場合もあれば、汎用的な名前(「DSC000014.png」など)の場合もあります。

おそらくお察しの通り、Googleは説明的なファイル名を好みます。

それについてさらに学ぶ前に、画像ファイル名とファイル拡張子の違いを明確にしましょう。

画像ファイル名と拡張子の違いは何ですか?

画像ファイル名には拡張子が含まれます。拡張子(.jpgや.pngなど)はピリオドで区切られ、ファイルの形式またはファイルの種類を表します。

一般的な画像拡張子には、.jpg、.jpeg、.png、.svg、.webpなどがあります。

画像ファイル名を最適化する際には、拡張子を変更する必要はありません。なぜなら、拡張子はWebブラウザが必要とする技術的な情報を伝達するからです。

画像ファイル名はSEOに影響しますか?

Googleのアルゴリズムは、画像ファイル名を読み取って画像の内容に関する情報を取得します。

検索エンジンは視覚データを処理するのが苦手です。画像ファイル名は、検索エンジンが視覚メディアを理解するのに役立ついくつかの要因の1つです。

その他の要因には、説明的な代替テキストや、ページ上の関連テキストの近くに画像を配置することなどが含まれます。

検索エンジンが画像を理解すると、関連キーワードでランク付けできるようになります。そしてそれは、検索エンジン結果ページ(SERP)からのトラフィックを増やすことにつながる可能性があります。

Googleは世界最大の検索エンジンであり、Google画像検索も含まれていることを忘れないでください。

それでは、画像ファイル名の命名に関するベストプラクティスを見ていきましょう。

画像ファイル名のSEOのベストプラクティス

優れた画像ファイル名は、短く説明的です。

画像を命名する際には、これらのヒントに従ってください。

汎用的な画像ファイル名を避ける

携帯電話やカメラから画像をダウンロードすると、それらは順次パターンに従った汎用的な名前を持っています。

例:

  • IMG001.png
  • IMG002.png
  • IMG003.png

カメラは(まだ)あなたの写真を理解して名前を付けるほど賢くありません。そのため、これらの画像をWebページに追加する前に、汎用的な名前を有意義な名前に変更してください。

画像ファイル名を短く説明的にする

画像ファイル名は短く、かつ画像を正確に説明するのに十分な長さであるべきです。

Googleは「極端に長いファイル名は避ける」ことを推奨しています。その理由は明らかです。検索エンジンが画像を分類できる程度に画像を十分に説明するには、ほんの数語で済みます。

Googleは「画像の内容に関する非常に軽い手がかり」を探していることを覚えておいてください。

言葉が多ければ多いほど、説明は不明瞭になる可能性があります。

ここでは、悪い画像ファイル名の例と、説明的なファイル名の例を比較します。

悪い例と良い例:画像ファイル名

以下に、Unsplash.comから3つの画像と、良い例と悪い例の画像ファイル名の例を追加しました。

写真家はUnsplashに画像を投稿する際に、画像の詳細を含めます。そのため、その情報を使用して説明的なファイル名を作成できます。

例1:ウクライナの小麦畑

この最初の画像は、写真家Polina Rytovaによるもので、ウクライナ東部の小麦畑を示しています。具体的には、この画像はヘルソン州にあるZelenyi Hai村からのものです。

ウクライナの小麦畑

crops.pngやfield.pngのような一般的な名前は避けてください。

説明的なファイル名の例としては、次のようなものがあります。

  • wheat-field-eastern-ukraine.png
  • wheat-field-zelenyi-hai-ukraine.png
  • wheat-field-ukraine.png
  • wheat-field-kherson-oblast-ukraine.png

例2:キリマンジャロ登山口のハイカー

この次の写真は、写真家Crispin Jonesによるもので、タンザニアのキリマンジャロ山にあるトレイル、ロンガイルートのハイカーを示しています。

キリマンジャロに登るハイカー

hiking.png、hikers.png、hiking-group.pngのような一般的な画像ファイル名は避けてください。

代わりに、次のような説明的な名前を使用してください。

  • hikers-on-kilimanjaro.png
  • hikers-on-route-rongai-kilimanjaro.png
  • Hikers-climbing-kilimanjaro-tanzania.png

このように、ファイル名から前置詞を削除することもできます。

  • hikers-route-rongai-kilimanjaro.png

例3:絵画の写真

最後の例は、アルブレヒト・デューラーの有名な自画像(1498年制作)の写真です。

この絵画は現在、スペインのプラド美術館に所蔵されています。

アルブレヒト・デューラーの自画像 1498年

ここでは、portrait.jpgやpainting.pngのような一般的な画像ファイル名を避けることができます。

説明的なファイル名の例としては、次のようなものがあります。

  • albrecht-durer-self-portrait.png
  • albrecht-durer-self-portrait-1498.png

さて、ウェブページが主にプラド美術館のフランドル絵画コレクションに関するもので、この自画像が含まれていると想像してみてください。その場合、画像ファイル名に美術館を含めたい場合があります。

  • albrect-durer-self-portrait-museo-del-prado.png

単語を区切るにはハイフンを使用する

ファイル名の単語をハイフンで区切っていることに注意してください。アンダースコアや空白の使用は避けてください。すべての検索エンジンがこれらを同じように解釈するわけではありません。

たとえば、スペースは「%20」に変換される可能性があり、その結果、sunny%20beach.jpgのような奇妙なファイル名になります。

多言語サイトの場合:画像ファイル名を翻訳する

もし多言語対応のWordPressサイトをお持ちなら、異なる国をターゲットにしたページにある画像には、関連言語の画像ファイル名を含めるようにしてください。そうすれば、ローカル検索に表示されるようになります。

All in One SEO (AIOSEO) を使用する

画像ファイル名のSEOについて理解したところで、画像を最適化するために他にどのようなことができますか?

SEOプラグインは、画像とウェブページがGoogle用に最適化されていることを確認する簡単な方法です。

私たちはAll in One SEO (AIOSEO)をお勧めします。これはWordPress.orgで数千件の5つ星レビューを持つ実績のあるプラグインです。現在300万以上のサイトオーナーがランキング向上に利用しています。

次のセクションではAIOSEOを使用します。したがって、ついていく準備をしてください。

aioseoホームページ

WordPressで画像を最適化する最初のステップは、All in One SEO (AIOSEO) をダウンロードしてインストールすることです。

プラグインをWordPressサイトにアップロードすると、セットアップウィザードが開き、いくつかの簡単なステップを案内します。

さて、画像最適化の手順を見ていきましょう。

画像サイトマップを作成する

Googleは、個別の画像サイトマップを作成するか、既存のサイトマップに画像情報を追加することを推奨しています。これにより、検索エンジンが画像を検出するのに役立ちます。

AIOSEOをインストールすると、すべての画像を含むサイトマップが自動的に生成されます。ページで画像を変更したり、新しい画像を追加したりするたびに、サイトマップは自動的に更新されます。

タイトルとメタディスクリプションを最適化する

検索エンジンは、ウェブページのタイトルとディスクリプションを使用して、ページ上の画像を理解し、分類します。

All in One SEOは、タイトルとディスクリプションを編集するためのフィールドを提供します。プラグインは、改善のためのフィードバックを提供します。

aioseo スニペットエディター

たとえば、フォーカスキーワードをタイトルとディスクリプションに含めるのは良い考えです。

これらの領域にキーワードが見つからない場合、AIOSEOは追加するように促します。

AIOSEOフォーカスキーワードの推奨事項

AIOSEOで検索スニペットを最適化する方法の詳細をご覧ください。

タイトルとSEOタイトルの違い:違いは何ですか?

さて、「タイトル、SEOタイトル、タイトルタグの違いは何ですか?」と疑問に思うかもしれません。

これらの用語はしばしば混同して使用され、混乱を招く可能性があるため、これを整理しておく価値があります。

タイトル:これはWordPressのページまたは投稿の先頭にあります。新しいページまたは投稿を追加すると、「タイトルを追加」というラベルの付いた大きなフィールドが表示されます。

WordPress タイトルフィールド

タイトルテキストを追加すると、WordPressは自動的にそれをタイトルタグとh1タグで囲みます。これらのタグは読者には見えません。これらは、Webブラウザや検索エンジンに情報を提供するHTMLコードです。

  • タイトルタグは検索エンジンに「このタイトルを検索結果に表示してください」と伝えます。
  • hタグはページ上の階層を示します。h1見出しが最も重要です。

SEOタイトル:SEOプラグインを使用すると、Webページに1つのタイトルを使用し、検索結果に表示される別のタイトルを作成できます。

この2番目のタイトルは、SEOタイトルと呼ばれることもあります。検索エンジン用に2番目のタイトルを作成した場合でも、サイト訪問者はページにアクセスしたときに元のタイトルを見ることができます。

この場合、

  • ページ上のタイトルは、タイトルタグではなくh1タグで囲まれます。
  • SEOタイトルはタイトルタグで囲まれます。

なぜ誰もが2つのタイトルを欲しがるのでしょうか?おそらく、検索エンジンが記事をランク付けするのに役立つように、追加のキーワードを1つか2つ含めるためでしょう。

また、SEOタイトルはGoogle画像検索に表示されるものです。

たとえば、「アップルシュトゥルーデル」でGoogle画像検索をすると、アップルシュトゥルーデルのレシピページから多くの写真が表示されます。各画像の下のテキストは、レシピページのSEOタイトルから取得されます。

美味しくて簡単…」という言葉が目に留まりました。

アップルシュトゥルーデルの検索結果の例
上:縦長の画像は、SEOタイトルの表示領域が通常狭いことに注意してください。そのため、Googleによって切り捨てられることが多く、省略記号が表示されていることで示されます。

CookiesAndCups.comのWebページ(およびそのコード)を確認したところ、Webページには1つのタイトル(「Apple Strudel」)があることがわかりました…。

ページタイトルの例

…。Google画像検索では、別のSEOタイトル(「Delicious and EASY Apple Strudel Recipe | Cookies and Cups」)が表示されます。

彼女のページからのGoogle画像をクリックすると、右側に彼女のWebページのプレビューが表示されます。そして、2つのタイトルが異なることがわかります。

画像ファイル名のSEOの例

「Delicious and EASY」タイトルの最後の部分は切り捨てられましたが、最も重要な部分である「Delicious and EASY」は、彼女の画像を他の多くの画像の中から際立たせました。

Google画像検索の他の結果には「easy」が含まれていましたが、「Delicious and EASY」の両方と説明されているものはありませんでした。

代替テキストを追加する

代替テキスト(「代替テキスト」の略)は、Googleが画像を検索するのに役立つ最も重要な要素です。

WordPressブロックエディターには、画像代替テキストを追加するための空白のスペースがあります。

画像をクリックするだけで、右側に代替テキストフィールドが表示されます。

次に、画像の説明を入力します。

WordPress 代替テキストフィールド

Googleは、画像ファイル名のように、代替テキストを説明的かつ短く保つことを推奨しています。

スキーママークアップを適用する

画像が検索結果に表示される可能性を高めるには、ページにスキーママークアップを適用してください。

スキーママークアップは、Googleがウェブページをよりよく理解するのに役立つコードです。All in One SEOのスキーマジェネレーターを使用すると、いくつかのボタンをクリックし、いくつかのフォームフィールドに入力するだけで、このスキーマを適用できます。技術的な知識は必要ありません。

コンテンツの種類に合わせて、さまざまな種類のスキーマがあります。

たとえば、次のようなスキーマがあります。

  • レシピ
  • 製品
  • イベント
  • 書籍

したがって、スキーマを追加するということは、リストから関連するタイプを選択し、AIOSEOを使用してコードを追加することを意味します。

以前に説明したアップルシュトゥルーデルのページを覚えていますか?彼らはそのページにレシピスキーママークアップを適用しました。その結果、彼らのページはGoogle検索結果でリッチスニペットとして表示されます。

リッチリザルトの例

リッチスニペットは、検索エンジン結果ページ(SERP)での目立つ視覚的な表示と考えることができます。

CookesAndCups.comは、Google検索の上部近くに目を引く表示があるだけでなく、「アップルシュトゥルーデル」の検索結果の1ページ目にも別の表示があります。

検索スニペットのリッチリザルトの例

この検索スニペットは、最初のリッチスニペットと同様に、星評価の平均やレシピにかかる時間(45分)などの詳細がリストされていることに注意してください。これらはすべてスキーママークアップのおかげです。

次に、2つのアップルシュトゥルーデルのリッチスニペットと、この標準的な検索スニペットを比較してください。

標準検索スニペット

リッチスニペットが検索結果からのクリック率を向上させることは明らかです。

ハイフンなし?

皮肉なことに、CookiesAndCups.comは画像名で単語を区切るためにハイフンを使用していませんでした。たとえば、ある画像はapplestrudeimage-5.jpgという名前です。

しかし、彼らはタイトルを効果的に使用し、優れた代替テキスト(「ゴールデンレーズン入りのアップルシュトゥルーデルのスライス」)を適用し、スキーママークアップを含めました。

Googleは、これらの手がかりすべてを使用して、ページ上の画像を理解することができました。

画像のタイトル、キャプション、および配置

最後に、画像の配置画像タイトルおよびキャプションの使用に注意してください。

画像は、ウェブページ上の関連テキストの近くに配置する必要があります。Googleのデベロッパー向けドキュメントのガイダンスを検討してください。

Googleは、キャプションや画像タイトルを含む、ページ上のコンテンツから画像の主題に関する情報を抽出します。可能な限り、画像は関連テキストの近く、および画像主題に関連するページに配置するようにしてください。

WordPressエディターには、画像タイトル(「Title Attribute」と呼ばれます)用の空白フィールドがあります。見つけるには、

  1. 記事のいずれかの画像をクリックします
  2. 空白の代替テキストフィールドが右側に表示されるはずです。
  3. 右側のブロック列を下にスクロールし、詳細設定をクリックしてタイトル属性フィールドを見つけます。

希望する画像タイトルを入力します。

WordPress 画像タイトル属性フィールド

画像ファイル名を再利用する

多くの場合、優れた画像ファイル名、代替テキスト、および画像タイトルは同じにすることができます。

プロのヒント:優れた画像ファイル名から始めれば、多くの場合、代替テキストや画像タイトルとしても使用できます。

上記の例では、1つのフレーズを画像ファイル名、代替テキスト、および画像タイトルとして使用しました。

  • オースティン・ディステルがポッドキャストを録音している

次に、キャプションでは、次のように詳しく説明しました。

  • オースティン・ディステルがScale or DieのCEOとのポッドキャストインタビューを録音している。

画像ファイル名SEOに関するQ&A

画像ファイル名SEOとは何か、そしてそれが全体的な画像SEOとどのように関連しているかを理解したところで、疑問が生じるかもしれません。

いくつか質問に回答しました。追加の質問がある場合は、この記事の下のコメント欄に記入してください。喜んでお手伝いさせていただきます。

画像ファイル名にキーワードを使用すべきですか?

キーワードは、画像に直接関連している場合にのみ追加してください。優れた画像ファイル名は説明的であることを忘れないでください。ページの基盤となるターゲットキーワード(または「フォーカスキーワード」)は、説明している画像に関連していない場合があります。

後者の場合、キーワードを追加すべきではありません。文脈を考慮せずに、より高いランキングを期待してキーワードを追加する行為は、「キーワードスタッフィング」と呼ばれます。キーワードスタッフィングは、ユーザーエクスペリエンスを低下させ、コンテンツがペナルティを受ける可能性があるブラックハットSEOテクニックです。

altタグとは何ですか?

altタグは、altテキストまたは代替テキストの別の用語です。altテキストは画像の短い説明を提供します。検索エンジンとスクリーンリーダーの両方がaltテキストを読み取ります。

スクリーンリーダーは、特に視覚障害のある人々がウェブコンテンツにアクセスするために使用される支援技術の一種です。)

HTMLのalt属性とは何ですか?

alt属性は、画像の説明を指定するために使用されるHTMLコードです。alt属性の値は、引用符で囲まれたテキストの説明です。WordPressユーザーは空のフィールドに入力することでaltテキストを追加でき、ウェブサイトプラットフォームは自動的にページコードにalt属性を追加します。

ここに、ウェブページに画像を追加するために使用されるHTML画像タグの例を示します。alt属性が含まれています。

青い花瓶に入ったデイジー

画像ファイル名が短く説明的であれば、altテキストとしても機能します。

青い花瓶に入ったデイジー

画像の読み込み速度が遅くなるのを防ぐにはどうすればよいですか?

画像の読み込み速度が遅くなるのを防ぐには、WP Smushのような画像圧縮プラグインの使用を検討してください。これは速度と品質を最適化します。また、画像を遅延読み込みし、アセットを圧縮およびminifyするWP Rocketも検討してください。これにより、画像だけでなく、より多くのものが高速化されます。

サイトの読み込み時間は依然としてランキング要因ですが、コンテンツの関連性と品質の方が重要であることを忘れないでください。

画像ファイル名SEOに関するリソース

このトピックについてさらに詳しく知りたいですか?これらのWordPressの記事をご覧ください。

画像ファイル名SEOの後には...

画像ファイル名SEOとは何か、そして画像名を最適化する方法を学んだので、検索エンジンのランキング向上に向けて、SEO戦略が形になってきています。

画像SEOの完全ガイドを読み、SEOのために装飾的な画像を管理する方法を学びましょう。

SEOとソーシャルメディアが果たす様々な役割をご覧ください。または、サイト改善のための簡単なDIY SEOプロジェクトを選びましょう。

AIOSEOを使用して簡単なSEOチェックを行う方法を学びましょう。また、サイトをSEOフレンドリーにするためのヒントを見つけましょう。

簡単な検索エンジン最適化チュートリアルを見つけるには、YouTubeチャンネルにご参加ください。また、最新情報を入手し、SEOの取り組みを順調に進めるために、X(Twitter)LinkedIn、またはFacebookでフォローすることもできます。

AIOSEO を無料で試してみませんか?

AIOSEO Lite をインストールするには、WordPress ウェブサイトの URL を入力してください。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、手数料が発生する可能性があることを意味します。当社は、読者に価値をもたらすと信じる製品のみをお勧めします。

著者アバター
シェリー・ゴセット コンテンツライター
シェリーは、アメリカ合衆国ニューハンプシャー州在住のSEOアナリストです。新しいSEOの動向について調査、実装、執筆に忙しくないときは、ハイキングやギターを弾いて過ごしています。

コメントを追加

コメントをお寄せいただきありがとうございます。すべてのコメントはプライバシーポリシーに従ってモデレーションされ、すべてのリンクはnofollowであることをご了承ください。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。