ファビコンが表示されない？ファイル、リンク、キャッシュを確認する

小さいサイズでも機能するアイコンを選択してください

詳細な写真や長いワードマークではなく、単純な四角形のシンボルを使用してください。 Favicon Generator で 16 ピクセルのプレビューを確認します。 ZIP には、マルチサイズの ICO、PNG アイコン、Web マニフェスト、および HTML の例が含まれています。ソースがベクター ファイルの場合は、最初にサポートされている SVG を PNG に変換します。

ファイルをアップロードしてアドレスを確認する

ZIP を解凍し、選択したアイコン ファイルを自分の Web サイトにアップロードします。ブラウザで対象の各アイコン URL を開き、ログイン ページ、ファイルが見つからない画面、または HTML ドキュメントではなく画像が返されることを確認します。 HTML の例を開始点として使用し、実際のアップロード場所へのパスを調整します。マニフェストを生成するだけでは、サイトがインストール可能なアプリケーションにはなりません。

利用可能な場合はプラットフォームのアイコン設定を使用します

テーマまたは Web サイトビルダーがすでにアイコンのマークアップを管理している可能性があります。複数の競合するタグを追加する代わりに、そこにアイコンを設定します。カスタム ページで、レンダリングされたヘッドを検査し、宣言されている rel="icon" および Apple touch アイコンの URL を確認します。ページが別のパスを指している場合、サーバー上に正しいファイルがあっても役に立ちません。

キャッシュの遅延とインストールエラーを区別する

アイコンを変更した後、サイトまたは CDN キャッシュをクリアし、新しいブラウザ セッションをテストします。ブラウザでは、ページがリロードされた後でも古いアイコンが保持されることがあります。検索結果はアイコンを個別に取得して表示するため、ブラウザーのタブが正しいからといって、すぐに検索結果が更新されるとは限りません。壊れた URL または古いページ キャッシュが実際の原因である間、新しいアイコンを繰り返し生成することは避けてください。

Continue with a related tool