Google画像検索に表示されない原因と対処|画像サイズ・figureタグ・sitemap

概要

本記事では、Google画像検索に自サイトの画像が表示されない原因と対処について解説していきます。

というのもサイトに画像をたくさん貼ってるのに、Google画像検索でいつまで経ってもヒットしないって地味に悲しいですよね(- -;

実は画像検索に乗せるには、画像サイズ・figureタグ・imgオプション・sitemapなど細かい要件があります。

ここでは自分のサイトで実際に効いた6項目を、チェックリスト形式で紹介していきます!

最後にSearch Console再リクエストの手順までセットでカバーしているので、一通りやれば画像検索流入が期待できます。
それではやっていきましょう!

目次

やったこと

画像のサイズ

自分の場合は画像のサイズを小さくしすぎたことも原因の一つでした。

具体的には幅:1200px以上にすることが必要とのことです。

サイトの高速化で画像圧縮などをやってる人は注意してください(^^

画像形式

基本的にブラウザに表示されてれば問題ありません。
心配ならjpegやpngなら安心です。

iPhoneの写真だと「heic」という形式を使用していることが多いので、
変換しておくとより安心ですね!

figureタグを追加

figureタグでimageタグを囲うことで画像検索に引っかかりやすくなります。
また画像の説明をfigcaptionタグに記載する必要があります。

例を出すと下記のような感じです!

figureとfigcaptionの使用例

1
2
3
4
<figure>
<figcaption>海の写真です。</figcaption>
<img src="/images/sea_image.png" alt="海の写真" title="海の写真">
</figure>

imgタグにオプションを追加

imageタグにaltとtitleオプションをつける必要があります。
figcaptionタグと同じように画像の説明を書きましょう。

例を出すと下記のような感じです!

imgオプションの例

1
<img src="/images/sea_image.png" alt="海の写真" title="海の写真">

sitemapに画像の情報を追加

これはライブラリの都合で自分の場合はやってませんが、
sitemapに画像の情報を追加するのが有効とのこと!

クローラはsitemapを確認してサイトを評価するので、
Googleのクローラーが画像認識してくれる可能性が格段に上がります。

sitemap

1
2
3
4
5
6
7
8
9
<url>
<loc>https://example.com/seapage</loc>
<image:image>
<image:loc>
https://example.com/images/sea_image.png
</image:loc>
<image:caption>海の写真</image:caption>
</image:image>
</url>

書き方の詳細は下記のGoogle公式をご確認
developers.google.com画像サイトマップ公式ドキュメント

FWの設定を確認

ファイヤウォールなどでGoogleの画像クローラBotを接続拒否していないか確認します。

アクセスを厳しくしているとやりがちなので、セキュリティルールなどは一度見直してみましょう!

間違えて不正なサイトを許可しないよう気を付けましょう!

補足

上記の対応が完了したら、Googleサーチコンソールにログインして、サイトの情報を更新しておきましょう!

  • やること
    • インデックス登録の再リクエスト
    • サイトマップの再登録

締め

自分の場合はこんな感じのことをやれば表示されました。

例を出すと下記のページですね。
参考ページ

クローラーが自動で画像も登録してくれるので楽でよいですよね!

以上となります。
思い出の写真はみんなで共有しましょう!
それではお疲れさまでした!