画像ファイル名seo記事のための特集画像

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

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

その結果、検索結果からのクリックスルーが増える可能性がある。

ガイドラインは学びやすく、適用しやすい。

画像ファイル名SEOの説明に加え、SEO向上のためにWordPressで画像を最適化する方法を学びます。

始めよう。

画像ファイル名とは?

画像を含め、インターネット上のすべてのファイルには名前がついています。この名前は、その画像についての手がかりとなることもあれば(「baseball-team.jpg」のような)、一般的なものであることもあります(「DSC000014.png」のような)。

お察しの通り、グーグルは説明的なファイル名を好む。

その前に、画像のファイル名と拡張子の違いを明確にしておきましょう。

画像のファイル名と拡張子:その違いは?

画像のファイル名には拡張子があります。拡張子(.jpgや.pngなど)の前にはピリオドが付き、ファイル 形式やファイルタイプを表します。

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

画像のファイル名を最適化する際、拡張子を変更する必要はありません。拡張子はウェブブラウザが必要とする技術情報を伝えるものだからです。

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

Googleのアルゴリズムは、画像のファイル名を読み取り、画像のコンテンツに関する情報を取得します。

検索エンジンはビジュアルデータを処理するのが難しい。画像ファイル名は、検索エンジンが視覚メディアを理解するためのいくつかの要因の1つです。

その他の要素としては、説明的なaltテキストや、ページ内の関連するテキストの近くに画像を配置することなどがあります。

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

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

それでは、画像ファイルに名前を付ける際のベストプラクティスをご紹介しましょう。

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

良い画像ファイル名は短く、説明的である。

画像に名前をつけるときは、以下のヒントを参考にしてください。

一般的な画像ファイル名を避ける

携帯電話やカメラから画像をダウンロードすると、連続したパターンに従った一般的な名前がついています。

例えば、こうだ:

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

カメラは、あなたの写真を理解して名前をつけてくれるほど賢くは(まだ)ありません。ですから、これらの画像をウェブページに追加する前に、一般的な名前を意味のある名前に変更してください。

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

画像のファイル名は短く、画像を正確に説明できる長さにします。

グーグルは "極端に長いファイル名 "を避けるようにアドバイスしている。その理由は簡単だ。検索エンジンが画像を分類できるように、画像をうまく説明するのに必要なのはほんの数語だ。

Googleは "画像の主題に関するごく軽い手がかり"を探していることを念頭に置いてください。

文字数が多ければ多いほど、説明が明確でなくなる可能性がある。

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

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

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

フォトグラファーはUnsplashに画像を投稿する際、画像の詳細を記載しています。そのため、その情報を使って説明的なファイル名を作成することができます。

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

最初の画像は写真家ポリーナ・リュトヴァによるもので、ウクライナ東部の小麦畑を撮影したもの。具体的には、この画像はケルソン州のゼレニ・ハイ村のものである。

ウクライナの麦畑

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

説明的なファイル名には次のようなものがある:

  • 小麦畑-東部-ウクライナ.png
  • 麦畑-ゼレニ-ハイ-ウクライナ.png
  • 小麦畑-ウクライナ.png
  • 小麦畑-ケルソン-オーブラスト-ウクライナ.png

例2:キリマンジャロ・ルートのハイカーたち

次の写真は、写真家クリスピン・ジョーンズによるもので、タンザニアのキリマンジャロ山にあるトレイル、ルート・ロンガイを歩くハイカーたち。

キルマジャロ山のハイカーたち

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

代わりに、次のような説明的な名前を使う:

  • ハイカー・オン・キリマンジャロ.png
  • ハイカーズ・オン・ルート-ロンガイ・キリマンジャロ.png
  • キリマンジャロに登るハイカーたち-タンザニア.png

ファイル名から前置詞を削除することもできる:

  • ハイカーズ・ルート・ロンガイ・キリマンジャロ.png

例3:絵画の写真

最後の例は、1498年に描かれたアルブレヒト・デューラーの有名な自画像の写真である。

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

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

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

説明的なファイル名には次のようなものがある:

  • アルブレヒト・ドゥーラーの自画像.png
  • アルブレヒト・ドゥーラーの自画像-1498.png

さて、あなたのウェブページが、この自画像を含むプラド美術館のフランドル・コレクションをメインにしたものだとしよう。そうすると、画像のファイル名に美術館を入れたくなるかもしれません。

  • アルブレクト・ドゥーラーの自画像-ムセオ・デル・プラド.png

ハイフンで単語を区切る

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

たとえば、スペースは"%20 "に変換され、"sunny%20beach.jpg "のような奇妙なファイル名になる。

多言語サイトのために:画像ファイル名の翻訳

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

オールインワンSEO(AIOSEO)の活用

画像ファイル名のSEOを理解したところで、画像を最適化するために他に何ができるだろうか?

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

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

次のセクションでは、AIOSEOを使用する。それでは、お付き合いください。

アイオセオ ホームページ

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

プラグインをワードプレスサイトにアップロードすると、セットアップウィザードが開き、いくつかの簡単なステップを踏むことになる。

では、画像最適化の手順を説明しよう。

画像サイトマップの作成

Googleは、画像サイトマップを別途作成するか、既存のサイトマップに画像情報を追加することを推奨しています。これにより、検索エンジンがあなたの画像を発見しやすくなります。

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

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

検索エンジンは、ウェブページのタイトルと説明文を使用して、ページ上の画像を理解し、分類します。

All in One SEOはタイトルと説明文を編集するフィールドを提供します。プラグインはこれらを改善するためのフィードバックをくれます。

スニペットエディタ

例えば、タイトルと説明文に注目キーワードを含めるのは良いアイデアです。

キーワードがこれらのエリアにない場合、AIOSEOはキーワードを追加するよう促します。

アイオセオ・フォーカス・キーフレーズ推薦

AIOSEOで検索スニペットを最適化する方法については、こちらをご覧ください。

タイトル vs SEOタイトル:その違いは?

さて、「タイトル、SEOタイトル、タイトルタグの違いは何だろう?

これらの用語はしばしば同じ意味で使われ、混乱を招くことがあるので、整理しておく価値がある。

タイトル:これはWordPressのページや投稿の一番上にあります。新しいページや投稿を追加すると、"タイトルを追加 "と書かれた大きなバンクフィールドが表示されます。

ワードプレスタイトルフィールド

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

  • タイトルタグは検索エンジンにこう伝えます:「検索結果にこのタイトルを表示する。
  • hタグはページの階層を表します:h1見出しは最も重要です。

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

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

この場合

  • ページのタイトルはtitleタグではなくh1タグで囲む
  • SEOのタイトルはtitleタグに包まれる。

なぜ2つのタイトルが必要なのか?おそらく、検索エンジンが記事をランク付けしやすくするために、追加のキーワードを1つか2つ入れるためだろう。

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

例えば、グーグル画像で「アップルシュトルーデル」と検索すると、アップルシュトルーデルのレシピページの写真がたくさん表示される。各画像の下のテキストは、レシピページのSEOタイトルから引用されている。

おいしくて、簡単で......」という言葉が目に留まった。

アップルシュトゥルーデルの検索結果の例
上の図:縦向きの画像は通常、SEOタイトルの表示領域が少ないことに注意。そのため、Googleによって切り捨てられることが多い。

我々はCookiesAndCups.comのウェブページ(とそのコード)をチェックし、そのウェブページに1つのタイトル(「アップルシュトゥルーデル」)があることを発見した。. .

ページタイトルの例

.. .そして、グーグルの画像検索では、別のSEOタイトル(「おいしくて簡単なアップルシュトルーデルのレシピ|クッキーとカップ」)が表示される。

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

画像ファイル名SEOの例

Delicious and EASY "のタイトルの最後の部分は切り捨てられたが、最も重要な部分は、"Delicious and EASY "だった:「美味しくて簡単」という最も重要な部分によって、彼女のイメージは数ある選択肢の中で際立っていた。

グーグルの画像検索では、他にも「簡単」という結果が出たが、「おいしくて簡単」と表現されたものはなかった。

Altテキストを追加する

Altテキスト("alternative text "の略)は、画像をGoogleに検索させるために最も重要な要素です。

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

画像をクリックしてください。altテキストフィールドが右側に表示されます。

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

ワードプレスのaltテキストフィールド

Googleは、altテキストを画像のファイル名のように、説明的で短いものにすることを推奨しています。

スキーマ・マークアップの適用

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

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

スキーマには、さまざまなタイプのコンテンツに対応するさまざまなタイプがある。

例えば、こんなスキーマがある:

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

スキーマを追加するということは、リストから関連するタイプを選び、AIOSEOを使ってコードを追加するということだ。

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

豊富な実績例

リッチスニペットとは、検索エンジンの検索結果ページ(SERP)で目立つように視覚的に表示されるものと考えてよい。

CookesAndCups.comは、グーグル検索のトップ付近に目を引く表示をしているだけでなく、"アップルシュトルーデル "の検索結果の1ページ目にも表示をしている。

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

この検索スニペットには、最初のもののように、星評価の平均値やレシピにかかる時間(45分)などの詳細が記載されていることに注目してほしい。これはすべてスキーママークアップのおかげだ。

さて、2つのアップルシュトゥルーデルのリッチスニペットと、この標準的な検索スニペットを比較してみましょう。

標準検索スニペット

リッチスニペットが検索結果からのクリックスルーを増やす理由は簡単だ。

ハイフンがない?

皮肉なことに、CookiesAndCups.comは画像名の単語の区切りにハイフンを使っていない。例えば、ある画像はappleestrudeimage-5.jpgという名前です。

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

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

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

最後に、画像の配置画像のタイトルと キャプションの使い方に注意を払うこと。

画像はウェブページの関連するテキストの近くに配置する。Googleの開発者向けドキュメントを参考にしてください。

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

WordPressのエディタには、画像のタイトルを入力するための空白フィールドが用意されています(「タイトル属性」と呼ばれます)。それを見つけるには

  1. 記事の画像をクリックする
  2. 右側に空白の代替テキストフィールドが表示されるはずです。
  3. 右側のブロック列を下にスクロールし、AdvancedをクリックしてTitle Attributeフィールドを見つける。

ご希望の画像タイトルを入力してください。

ワードプレスの画像タイトル属性フィールド

画像ファイル名の再利用

多くの場合、良い画像のファイル名、altテキスト、画像タイトルは同じにすることができます。

プロからのアドバイス:良い画像ファイル名で始めると、altテキストや画像タイトルにも使えることが多い。

上の例では、画像のファイル名、altテキスト画像タイトルに1つのフレーズを使用しています:

  • オースティン・ディステル ポッドキャスト収録

そしてキャプションのために、私たちは詳しく説明した:

  • オースティン・ディステル、「Scale or Die」CEOとのポッドキャスト・インタビューを収録。

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

画像ファイル名SEOとは何か、そして画像SEO全体との関連性はご理解いただけたと思いますが、ご質問があるかもしれません。

以下にいくつかお答えします。その他のご質問がございましたら、この記事の下にあるコメント欄にご記入ください。お役に立てて光栄です。

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

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

後者の場合、キーワードは追加すべきではない。文脈を無視し、上位表示を期待してキーワードを追加する行為は、"キーワードスタッフィング "と呼ばれる。キーワードスタッフィングは、ユーザーエクスペリエンスを低下させ、コンテンツがペナルティを受ける可能性のあるブラックハットなSEOテクニックです。

altタグとは何ですか?

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

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

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

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

ウェブページに画像を追加するためのHTML画像タグの例です。alt属性が含まれています。

<img src=”flowers-in-vase.jpg” alt=”daisies in blue vase”>

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

<img src=”daisies-in-blue-vase.jpg” alt=”daisies in blue vase”>

画像がページの読み込み時間を遅くするのを防ぐには?

画像がページの読み込み時間を遅くするのを防ぐには、速度と品質を最適化するWP Smushのような画像圧縮プラグインの使用を検討してください。また、画像を遅延ロードし、アセットを圧縮して最小化する WP Rocketも検討してみてください。

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

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

このトピックについてもっと読みたいですか?WordPressの記事をご覧ください。

画像ファイル名SEO対策後 .

画像ファイル名のSEOとは何か、そして画像ファイル名を最適化する方法についてご理解いただけたと思います。

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

SEOとソーシャルメディアが果たす役割の違いを発見しよう。また、あなたのサイトを改善するための簡単なDIY SEOプロジェクトを選んでください。

AIOSEOを使って簡単なSEOチェックをする方法をご紹介します。また、あなたのサイトをSEOフレンドリーなものにするためのヒントも見つかります。

簡単な検索エンジン最適化のチュートリアルを見つけるために私たちのYouTubeチャンネルに参加してください。また、X(Twitter)LinkedIn、またはFacebookで私たちをフォローして、ループにとどまり、あなたのSEOの努力を軌道に保つことができます。

AIOSEOを無料で試したいですか?

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

このフォームを入力するには、ブラウザのJavaScriptを有効にしてください。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。

著者アバター
シェリー・ゴセット コンテンツライター
米国ニューハンプシャー州在住のSEOアナリスト。新しいSEOの開発について調査、実装、執筆で忙しくないときは、ハイキングやギターを楽しんでいる。

コメントを追加する

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