ファビコンが表示されない？トラブルシューティングガイド
昨日まで機能していたファビコンが、デプロイ後に消えたり、Google で数週間古く見えたり、モバイルではまったく表示されなかったりすることがあります。ほとんどの問題は、ロゴ ファイルではなく、パス、キャッシュ、または形式の問題です。
Quick answer
If your favicon is not showing, confirm favicon.ico loads at your site root, verify <link rel="icon"> paths on the live URL, and hard-refresh to bust browser cache — then use the Favicon Checker to see which paths resolve.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
まず、実際にファイルがライブ ドメインに読み込まれることを確認します。 URL をファビコン チェッカーに貼り付けて、/favicon.ico、PNG バリアント、および apple-touch-icon パスが 200 または 404 を返すかどうかを確認します。チェッカーで何も検出されない場合は、ブラウザでも検出されます。
ブラウザはファビコンを積極的にキャッシュします (場合によっては数日間)。新しいアイコンをアップロードした後、ハード更新 (Ctrl+Shift+R / Cmd+Shift+R) するか、ファビコン URL に ?v=2 を追加してキャッシュを無効にします。シークレット モードは最速の健全性チェックです。
次に多い原因は、間違ったパスです。 <link rel="icon"> は、デプロイ後に存在する URL を指している必要があります。実稼働環境が CDN サブディレクトリまたは別のルートから提供されている場合、マシン上の /public にあるファイルは役に立ちません。
favicon.ico が見つからないか破損している場合、Windows ショートカットと従来のブラウザには空白のアイコンが表示されます。 PNG または SVG からマルチサイズの .ico を再生成します。名前を変更した .png ファイルは有効な ICO ではありません。
Google Search ファイルを修正した後、SERP ファビコンを更新するには数日から数週間かかる場合があります。 Googlebot-Image は、ホームページからリンクされている到達可能なアイコン (少なくとも 48×48) をクロールする必要があります。タブアイコンが機能しているにもかかわらず、Google に古いアイコンが表示されたままである場合は、Search Console と robots.txt を確認してください。
形式とサイズの問題については、マルチサイズの favicon.ico と PNG フォールバックを出荷してください。どのファイルを展開するかわからない場合は、最適なファビコン形式とファビコン サイズの説明ガイドを参照してください。
使い方
- 1
どのパスが読み込まれるかを確認する
Favicon Checker を通じてライブ URL を実行して、どのアイコン ファイルが解決されるかを確認します。
- 2
パスを修正して再生成する
favicon.ico をルートにデプロイし、<link> タグを修正し、必要に応じて Favicon Generator または PNG to ICO で再生成します。
- 3
キャッシュをバストアップして再検証する
ハード更新し、?v=2 を一度追加し、シークレット ウィンドウとクロール後の Google Search で再テストします。
今すぐ試す
今すぐファビコンを確認してください
ファビコンチェッカーよくある質問
ファビコンが表示されないのはなぜですか?+
URL ブラウザのリクエストでファイルが見つからないか、<link rel="icon"> パスが間違っているか、古いバージョンがブラウザのキャッシュに残っています。最初にファビコン チェッカーを使用してライブ URL を確認します。
ファビコンを変更した後、更新されないのはなぜですか?+
ブラウザはファビコンを大量にキャッシュします。ハード更新するか、サイト データをクリアするか、ファビコン URL に ?v=2 を追加します。 CDN キャッシュは、パージされるまで古いファイルを提供することもあります。
私のファビコンが Google 検索結果に表示されないのはなぜですか?+
Google には、ホームページからリンクされたクロール可能なアイコン (少なくとも 48×48) と、Googlebot-Image へのアクセスが必要です。ファイルを修正してから SERP の更新が数日または数週間遅れる場合があります。
ファビコンのキャッシュの問題を解決するにはどうすればよいですか?+
ファイルの名前を変更するか、クエリ文字列 (?v=2) を追加し、CDN をパージしてからハードリフレッシュします。プライベート ウィンドウでテストして、新しいアイコンが読み込まれることを確認します。
favicon.ico が機能しないのはなぜですか?+
一般的な原因: ファイルがサイト ルートにデプロイされていない、実際の ICO ではなく名前が変更された PNG である、必要なサイズが不足している、またはサーバーが間違った MIME タイプを返した。