• #SEO
  • #favicon
  • #Google
  • #troubleshooting
未分類

Google検索結果でファビコンが表示されない原因と対処法

Google検索結果でサイトのファビコンがグレーの丸アイコンで表示される問題を調査した記録。

結論

設定は正しいが、Googleがまだクロールしていないだけ。 数日〜数週間で反映される。

対処法：

  1. robots.txtでファビコンへのアクセスを明示的に許可
  2. Google Search Consoleで「インデックス登録をリクエスト」
  3. 待つ

問題

site:log.eurekapu.com で検索すると、ファビコンが表示されずグレーの丸アイコンになっている。 alt text

サイトにはファビコンを設定しているはずなのに、なぜ反映されないのか。

調査

1. ファビコンファイルの存在確認

apps/web/public/
├── favicon.svg
├── favicon.ico (15KB, 16x16/32x32/48x48の3サイズ含む)
└── apple-touch-icon.png

ファイルは存在している。

2. HTMLヘッダーの確認

<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />

正しく設定されている。

3. HTTPアクセスの確認

curl -I https://log.eurekapu.com/favicon.ico
# HTTP/1.1 200 OK
# Content-Type: image/vnd.microsoft.icon

curl -I https://log.eurekapu.com/favicon.svg
# HTTP/1.1 200 OK
# Content-Type: image/svg+xml

正常にアクセスできる。

4. Googleのファビコン要件

Googleの公式ドキュメントによると：

  • 最低48x48ピクセル以上を推奨（対応済み）
  • 1:1のアスペクト比（対応済み）
  • ICO, PNG, SVG形式（対応済み）
  • robots.txtでブロックされていないこと

原因

Googleがまだファビコンをクロールしていない。

  • サイト自体は20時間前にインデックスされている
  • ファビコンのクロールは別途行われ、数日〜数週間かかることがある
  • グレーの丸アイコンは「ファビコン未取得」のデフォルト表示

robots.txtが存在しなかったため、明示的な許可がなかった点にも改善の余地がある。

対処法

robots.txtを追加

apps/web/public/robots.txt を作成：

User-agent: *
Allow: /

# Favicon access
User-agent: Googlebot
Allow: /favicon.ico
Allow: /favicon.svg
Allow: /apple-touch-icon.png

User-agent: Googlebot-Image
Allow: /favicon.ico
Allow: /favicon.svg
Allow: /apple-touch-icon.png

# Sitemap
Sitemap: https://log.eurekapu.com/sitemap.xml

Google Search Consoleでの操作

  1. URL検査でホームページURLを入力
  2. 「インデックス登録をリクエスト」をクリック

再クロール時にファビコンも取得される可能性が高まる。

まとめ

ファビコンがGoogle検索結果に表示されない場合：

  1. まずファイルの存在とアクセスを確認 - HTTPステータス200で返るか
  2. HTMLヘッダーの設定を確認 - <link rel="icon"> が正しいか
  3. Googleの要件を満たしているか確認 - 48px以上、1:1比率
  4. robots.txtでブロックされていないか確認
  5. 上記が全て問題なければ、待つ - Googleのクロールには時間がかかる

新しいサイトや変更後は、反映まで数日〜数週間かかることを念頭に置く。