画像ファイルのSEO対策~Phoenix Media Renameでファイル名を何とかする~

画像ファイルのSEO対策~Phoenix Media Renameでファイル名を何とかする~

最近Googleの画像検索結果を見たら自身のオリジナル写真がいくつか検索上位に表示されていた。画像SEOは効果がありそうなので本サイトも対応を検討。画像SEOにはいくつかあるが今回は画像のファイル名と代替テキスト(alt属性)を対象にした。大量の画像があるため優先度をつけて地道に修正する予定である。ファイル名はWordPressの標準機能で対応できないためプラグインのPhoenix Media Renameで対応。効果はあると思うがどの程度かはやってみないとわからない。

画像SEOの基本

画像ファイルのSEOについて調べていたところGoogle Search Consoleのヘルプに行きついた。本家の情報なのでここを確認すれば問題ないだろう。

Google 画像検索に関するおすすめの方法

画像のSEOについて解説があるが内容が少し難しかった。

参考 Google 画像検索に関するおすすめの方法Search Console ヘルプ

聞きなれない用語が多かったので内容を掘り下げて確認する。

Google 画像検索では、ウェブ上の画像を検索できます。画像のキャプション、わかりやすいバッジ、AMP 結果などの新しい機能により、ユーザーは画像の詳細なコンテキストを使用して、すばやく情報を探索できます。
引用:Google 画像検索に関するおすすめの方法 – Search Console ヘルプ

キャプションは画像の下に表示される文字なのはわかる。バッジとAMPは聞いたことはあったが詳しく理解できていなかった。

適切なコンテキストを提供する: ページのトピックに関連したビジュアル コンテンツを使用しましょう。ページには、独自の価値を追加する画像のみを表示することをおすすめします。特に、画像やテキストが独自のコンテンツではないページは推奨されません。
引用:Google 画像検索に関するおすすめの方法 – Search Console ヘルプ

アイキャッチにフリー素材を使っているがこれは「独自コンテンツでない」と判断されるのだろうか?リスクを減らすためにもフリー素材の利用頻度を減らした方がよさそうだ。

配置を最適化する: 可能な限り、関連するテキストの近くに画像を配置しましょう。適宜、最も重要な画像をページ上部に配置することを検討してください。
引用:Google 画像検索に関するおすすめの方法 – Search Console ヘルプ

テキストと画像の配置は普通に考えて問題ないだろう。上部の画像が重要になるのでWordPressの場合アイキャッチ画像に注意した方がよい。自身のサイトを確認したところいくつか検索結果に画像が出てきたがアイキャッチが上位表示されていた。

重要なテキストを画像に埋め込まない: 画像にテキストを埋め込むことは避けてください。
引用:Google 画像検索に関するおすすめの方法 – Search Console ヘルプ

画面操作の解説で画像に文言を入れる場合は冗長になるが同じ文言をテキストで本文に入れた方がよい。言い回しを変えて説明すれば違和感ないだろう。

有益で質の高いサイトを作成する: Google 画像検索では、ビジュアル コンテンツだけでなく、質の高いコンテンツがウェブページに掲載されていることが重要になります。
引用:Google 画像検索に関するおすすめの方法 – Search Console ヘルプ

筆者の場合は画像多い記事でテキストがいい加減になる傾向があるので注意したい。

あらゆる端末に対応したサイトを作成する: Google 画像検索は、デスクトップよりも、モバイル端末で多く利用されています。
引用:Google 画像検索に関するおすすめの方法 – Search Console ヘルプ

テーマのSANGOがレスポンシブ対応しているので大丈夫だろう。ただしターマが対応していてもレイアウトが崩れる可能性があるのでモバイル端末でのテストはやっておいた方がいい。筆者は表のレイアウトでよく失敗する。

画像用に優れた URL 構造を作成する: Google は画像について理解するために、URL パスやファイル名を参照します。URL を論理的に構成できるよう、画像コンテンツを分類することを検討してください。
引用:Google 画像検索に関するおすすめの方法 – Search Console ヘルプ

筆者はファイル名を適当に入れていたので画像SEO的に望ましい状態にはなっていない。画像SEOのためにファイル名の変更を検討したい。

ページのタイトルと説明を確認する
引用:Google 画像検索に関するおすすめの方法 – Search Console ヘルプ

タイトルについてはキーワードなどかなり気にして設定していたが説明(スニペット)は設定していなかった。設定しない場合序文がスニペットとして使用されるので序文がイマイチの場合ぐだぐだになってしまう。PVの多いコンテンツはスニペットを設定してそれ以外は序文の品質を上げて対応したい。

構造化データを追加する
引用:Google 画像検索に関するおすすめの方法 – Search Console ヘルプ

ここで言う構造化データとはバッジだと思っている。バッジ導入はコストがかかりそうなので現時点での対応は見送る。

速度を考慮して最適化する
引用:Google 画像検索に関するおすすめの方法 – Search Console ヘルプ

AMPも今は対応を見送る。

高画質の写真を追加する
引用:Google 画像検索に関するおすすめの方法 – Search Console ヘルプ

メインはフルサイズ一眼レフの単焦点使ってるので画質は良いと思う。露出とホワイトバランスさえミスらなければ大丈夫だろう。

画像に記述的なタイトル、キャプション、ファイル名、テキストを含める
引用:Google 画像検索に関するおすすめの方法 – Search Console ヘルプ

キャプションはレイアウト的にすっきりしないので無しでいいかな。タイトルやファイル名は今までちゃんと設定してこなかった。画像SEO的にマイナス評価になるので今からでも対応したい。

わかりやすい代替テキストを使用する
引用:Google 画像検索に関するおすすめの方法 – Search Console ヘルプ

代替テキスト(alt属性)もまったく設定していない。SEO的にかなり問題がありそう・・・。

画像サイトマップを使用する
引用:Google 画像検索に関するおすすめの方法 – Search Console ヘルプ

画像の地理的な位置もメタ情報として入れられるようだが今は対応しない。

レスポンシブ画像
引用:Google 画像検索に関するおすすめの方法 – Search Console ヘルプ

現在使用しているテーマSANGOがレスポンシブ対応しているので問題ないだろう。

セーフサーチ向けに最適化する
引用:Google 画像検索に関するおすすめの方法 – Search Console ヘルプ

露骨やアダルトな要素はないので大丈夫。

検索エンジン最適化(SEO)スターター ガイド

ALT属性について詳しい説明があった。

参考 検索エンジン最適化(SEO)スターター ガイドSearch Console ヘルプ

画像に関連した部分だけ確認。

最後に、画像のファイル名と alt テキストを最適化すると、Google 画像検索のような画像検索プロジェクトが画像を適切に理解しやすくなります。
引用:検索エンジン最適化(SEO)スターター ガイド – Search Console ヘルプ

ファイル名とALTは画像検索に影響するので無視できない。

避けるべき方法:

  • 可能な場合に「image1.jpg」、「pic.gif」、「1.jpg」などの一般的なファイル名を使用する。サイトに数千点の画像がある場合は、画像の名前指定の自動化を検討してみましょう。
  • 極端に長いファイル名を付ける。
  • alt テキストにキーワードを並べたり、文章全体をコピー&ペーストしたりする。

引用:検索エンジン最適化(SEO)スターター ガイド – Search Console ヘルプ

ファイルのリネームはツールでできるので以降は検討してみよう。すべてのファイルに違う名前を付けるのはむりそうなので「メイン名+連番」といった感じだろうか。altにキワードを並べるのはNGで画像に関連した分にする必要がある。

避けるべき方法:

  • スパムと見なされるような長すぎる alt テキストを記述する。
  • サイトのナビゲーションとして画像のリンクのみを使用する。

引用:検索エンジン最適化(SEO)スターター ガイド – Search Console ヘルプ

altは下手するとスパム扱いされてペナルティを受ける可能性がある。

画像SEO対応の検討

結論を言うと画像SEOに一番重要と思われるファイル名とalt属性だけ対応することにした。

ポイント 対応 コメント
バッジ対応 × 導入コストが下がったら対応を検討する。
AMP対応 × 導入事例が増えてきたら対応を検討する。
フリー素材 × 画像SEOに悪影響がでるようであれば対策を検討する。
スニペット PVの多い特別なコンテンツは対応を検討する。
ファイル名 alt属性の変更に合わせ手間のかからない範囲で対応する。
alt属性 オリジナルコンテンツを含むものから優先的に対応する。

凡例:×対応しない、△一部対応、〇対応

バッジ

バッジとは画像の検索結果に付与されるラベルのことである。画像に関連する構造化データを検索エンジンが解釈してラベルを付与する仕組み。なので構造化データを追加すれば画像検索結果にバッジを付けることができる。ただしバッジはモバイル端末でしか対応しておらずPCでの検索結果には表示されない。バッジの詳細についてはこちらOfficial Google Webmaster Central Blog: Badges on Image Search help users find what they really want。ツールやプラグインで簡単に対応できそうな感じではなかったので今回対応は見送った。もう少し導入の敷居が低くなったら検討したい。

AMP

AMPとはモバイル端末でのコンテンツ読み込みを早くする仕組みのことである。AMP対応することで読み込み速度が大幅に改善される可能性が高い。モバイル端末からのアクセスされる割合が増えているので無視することはできない。使用しているテーマのSANGOがAMPに対応していなかったため簡単に導入はできそうにない。対応するにはWordPress用のAMPプラグインをインストールしCSSの設定などが必要となる。導入事例が少ないためAMP対応も見送る。

フリー素材

Search Consoleのヘルプを見ると独自コンテンツでない場合は推奨されないと記されている。アクセントとしてのアイキャッチにフリー素材を多用していいたのでGoogleからの評価が下がる可能性がある。アイキャッチを外すと記事の見栄えが悪くなるので外すのは難しい。フリー素材部分が画像検索に表示されないだけであればほとんど問題はないので大丈夫だろう。もしオリジナルとフリー素材が混在しているコンテンツでフリー素材が影響してオリジナルの評価がさがるようなことがあればフリー素材を外すことを検討したい。

スニペット

WordPressの機能でコンテンツにスニペットを設定できるがまったく使用していない。個別にスニペットを入れた方がSEO的に良いと思うがコストがかかるため今まで入れてこなかった。費用対効果があるか微妙なところなので特別PVが高い記事はスニペットの設定を検討したい。

ファイル名

ファイル名も画像SEOに影響するとサチコのヘルプに記載されている。しかし画像ファイルのファイル名を後から変更することは基本的にはできない。画像を入れなおすかプラグインを導入する必要がある。物理ファイル名の変更になるのでリスクもコストもかかってしまう。多少手間はかかるがalt属性と同じタイミングで編集できるのでついでに対応する。

alt属性

alt属性とは画像の説明文のことである。画像が表示されなかった場合に代替テキストとしてコンテンツに表示されたりもする。個人的には画像検索のキーワードはここが一番影響すると思っている。ファイル名は日本語が使えないため日本語検索した時に効いてくるのはalt属性である。画像SEOで一番重要なのはここではないだろうか。

ファイル名変更プラグインの検討

ファイル名を変更するため専用のプラグインを検証した。

プラグイン比較

ざっくり調べると以下の2つのプラグインが候補にあがる。結論を言うとMedia File Renamerは有料のプラグインだったので無料のPhoenix Media Renameを使う事にした。

名前 バージョン 有効インストール数 更新 検証済み最新バージョン レビュー評価
Media File Renamer 4.5.5 40,000+ 3週間前 5.2.2 4.5
Phoenix Media Rename 1.3.3 9,000+ 1 month ago 5.2.0 4.5

※:上記は2019年7月16日時点の情報です。

Media File Renamer

使い方などが多く検索結果にでてくるのがこっち。有効インストールも5倍以上なので当たり前か。ただし気になるのが検索上位に「使って問題が発生した」と言ったブログ記事がいくつかあったこと。失敗談を見るとどれも生々しく恐ろしい内容。よくよく考えたら物理ファイル名をツールで変更するんだからリスクがかなりある。気軽にやっていい作業ではない。今回テスト用サイトを作って検証することにした。

インストールして、ブログを参考に手順通りに・・・んっ・・・。何かおかしい画面が違う?ファイル名が変更できない。WordPressの画面を見るとファイル名の部分にこの機能はプロ版でしか使えない的な内容が書かれている。プラグインのトップページを確認したらプロ版でしか出来ないと記載されている。参考にしたブログは2年くらい前のものだったので当時は無料で使えたのかもしれない。

Phoenix Media Rename

今度は無料で使えるかプラグインの説明を事前に確認。PRO版はなさそうなので大丈夫そう。恐る恐るテストサイトで実験してみる。使い方は簡単でインストールしてWordPressのメディアファイル管理画面からファイル名を変更するだけ。ファイル名修正時に関連するイメージタグも修正してくれるらしい。4記事くらいでファイル名変更をテストしたが問題なく動作していた。テーマとの相性もあるのかSANGOでは問題なく使えている。

注意

ツールなどで物理ファイル名を変更する場合は必ずバックアップをとりましょう。ツールを使えば簡単にWordPressをバックアップできます。

ワードプレス簡単バックアップ~プラグインUpdraftPlus~

画像ファイルの検索最適化対応

既存の画像ファイルを修正し検索最適化する。

修正箇所
  • 画像ファイル名
  • alt属性

画像ファイル名

WordPressの標準機能ではファイル名を変更できないためプラグインのPhoenix Media Renameを使用する。

修正手順

一応テストサイトで検証はしているが心配なのでバックアップを取りながら1記事づつ修正する。いつクラッシュするかわからないので頻繁にバックアップを取りたい。あと関連コンテンツの反映も問題ないかひとつひとつチェックする。

ファイル名修正手順
  1. サイト全体をバックアップ
  2. プラグインインストール
  3. サイト全体をバックアップ
  4. 1記事分のファイル名を修正
  5. 修正箇所の確認
  6. 問題なければ3へ
注意

使っているテーマによって相性がある可能性があるので実験用サイトでの検証をおすすめします。

ハイフンアンダーバー問題

ファイル名の変更を調べていて気になったのが単語を区切る記号。「-」ハイフンか?「_」アンダーバー(アンダースコア)か?結論としては単語の区切りにハイフンを使用することにした。

ポイント
  • アンダーバーで区切るとまとめて認識される
  • ハイフンで区切ると個別に認識される

それぞれの違いはまとめて認識か単語ごとに認識かの違い。検索エンジン的には単語ごとに認識した方がわかりやすいはずである。アンダーバーだとファイル名をダブルクリックしたときにまとめて選択できる利便性はあるが検索エンジンへのメリットはないと思う。

alt属性

WordPressの標準機能でできるのでそれほどリスクはない。物理ファイル名と違ってメタ情報なので変更しても問題なさそう。

ポイント
  • キーワードだけいれるとスパム扱いされる
  • 長い文言は評価が下がる
  • 適度にキーワードを入れた文章にする

キーワードを詰め込むような形式は絶対に避ける。

画像SEO対応計画

画像の量が多く検証にも時間がかかるので気長に対応する。

対応優先度

大量の画像ファイルがあるため優先度を決めて対応する必要がある。

ポイント
  1. PVが多い
  2. オリジナルコンテンツを含む
  3. 画像検索に受けそうなコンテンツ

とりあえず効果のありそうなPVの多いコンテンツから対応する。

効果の検証

画像SEOの対応がどの程度の効果があるのか検証する。手間がかかって効果が薄いようなら画像SEO対応の優先度を落とす。alt属性を追加したコンテンツのPVを半年ほどチェックしてPVがどの程度変化するか検証する。検索への影響は3ヶ月くらいかかると思っているので気長に待つ。

まとめ

画像ファイルが大量にあるので地道に対応する予定である。どの程度効果があるのか半年ぐらい検証してみるので結果がまとまったら別途記事にしたい。

ポイント
  • ファイル名とalt属性が画像SEOに影響する
  • alt属性は日本語も入れられるので重要
  • 画像ファイル名変更はPhoenix Media Renameがおすすめ

筆者は最近Googleの画像検索結果をよく使うのでオリジナルの写真を含むコンテンツはかなり効果がありそうな気がしている。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です