簡単に言うと、ウェブサイトのファビコンをオンラインで確認するには、 PromoPilotの無料ファビコンチェッカーにドメインを入力して「チェック」をクリックしてください。このツールは、HTMLで宣言され、 /favicon.icoなどの標準パスにあるすべてのアイコンを検出し、それぞれのプレビューとサイズを表示し、Apple Touchアイコンをチェックし、不足しているサイズを通知します。以下に、最小限のアイコンセット、完成したコード、そしてGoogleロゴの代わりに灰色の地球儀を表示する理由を示します。
私は12年間ウェブサイト制作に携わってきましたが、ファビコンは他のどの要素よりも忘れられがちだということをよく知っています。デザイナーはロゴを作成し、開発者はウェブサイトを構築しますが、誰もタブにファビコンを追加しません。そして、最初のクライアントが「なぜ競合他社はGoogleでファビコンを表示しているのに、私たちは表示していないのですか？」と尋ねるまで、誰もファビコンを追加しないのです。
ファビコンチェックでは何をチェックするのですか？
ウェブサイトのアイコンは、もはや単一のfavicon.icoファイルだけではありません。ブラウザ、iPhone、Android、 Googleなど、それぞれ異なるファイルとサイズが使用されています。このツールは、それらすべてを1つのレポートに集約します。
| 何をチェックするのですか？ | 彼は何を見ているのか？ | このサイトはなぜこれを必要とするのですか？ |
|---|---|---|
| HTMLからのアイコン | すべてのタグ<link rel="icon"> 、 shortcut icon 、 apple-touch-icon | ブラウザとGoogleまず最初に考慮するのはこれらである。 |
| 標準パス | サイトのルートにある/favicon.icoおよびその他の一般的なアドレス | 多くのシステムは、タグがなくてもそこにアイコンを探します。 |
| 各アイコンのサイズ | 幅と高さはピクセル単位で、形式はICO、PNG、SVGです。 | 高解像度画面では、小さなアイコンがぼやけて見える。 |
| Apple Touchアイコン | iPhoneとiPad用のアイコンはありますか？ | それがなければ、ページのスクリーンショットがホーム画面に表示されます。 |
| プレビュー | 見つかったアイコンはそれぞれどのような形をしていますか？ | 破損したアイコン、空のアイコン、または見慣れない（テンプレート）アイコンが表示されます |
| 推奨事項 | どのサイズが不足していますか？ | デザイナー向けの既成のタスクリスト |
ウェブサイトのファビコンをオンラインで確認する方法は？
- ファビコンチェッカーを開きます。
- ドメインを入力してください。ページを指定する必要はなく、
example.comだけで十分です。 - 「チェック」をクリックしてください。ツールがホームページのHTMLと標準パスを分析します。
- 見つかったアイコンを確認してください。それぞれのプレビュー、フォーマット、サイズを確認します。その中に標準的なCMSまたはホスティングのアイコンが含まれているかどうかを確認してください。
- 推奨事項をよく読み、不足している寸法を設計者に伝えるか、自分で寸法を測ってください。
ツールページ：ドメインフィールド、「チェック」ボタン、およびFAQ付きのチェックの説明。
検証は簡単です。ゲストアクセス制限は、自分のサイトと競合他社のサイト数件を比較確認するのに十分です。どのサイトのアイコンでも表示およびダウンロードできるため、古い請負業者と一緒に紛失してしまった自分のロゴのオリジナルを探す必要がある場合に便利です。
2026年にはどのようなサイズのファビコンが必要とされますか？
アイコンジェネレーターは20個ものファイルを生成することが多いですが、本当に必要なのはコンパクトなセットです。私がすべてのプロジェクトで使用している最小限のアイコンセットは以下のとおりです。
| ファイル | サイズ | どこで使われていますか？ |
|---|---|---|
favicon.ico | 16×16と32×32を1つのファイルにまとめる | 古いブラウザ、ルートディレクトリでアイコンを探すシステム |
favicon.svg | ベクター | 最新のブラウザで、どんな画面でも鮮明に表示されます。 |
apple-touch-icon.png | 180×180 | iPhoneとiPadのホーム画面 |
icon-192.pngとicon-512.png | 192×192と512×512 | Webマニフェスト：Android、ウェブサイトをアプリとしてインストールする |
そして<head>のコード：
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
デザインのヒント：16ピクセルでは、ロゴとテキストがぼやけてしまいます。シンボル、名前の頭文字、または簡略化された文字を、コントラストのある背景に使用してください。Apple Touchアイコンには透明な背景を使用しないでください。iOSが黒で塗りつぶしてしまいます。
デザイナーに依頼せずに、自分でファビコンを作成する方法は？
アイコンが全くない場合は、30分で基本的なアイコンセットを作成できます。手順は以下のとおりです。
- ロゴ全体ではなく、シンボルを使用してください。名前の頭文字、ロゴのシンボル、またはブランドカラーのシンプルな幾何学的形状を使用してください。16ピクセルでも認識できることを確認してください。
- 512×512ピクセルの正方形を描いてください。どんなグラフィックエディタやオンラインデザインツールでも構いません。看板が枠線からはみ出さないように、周囲に少し余白を残してください。
- ソースファイルをSVG形式で保存してください。そうすると
favicon.svgが作成され、必要なサイズのすべてのPNG画像を品質を損なうことなく切り取ることができます。 - アイコンジェネレーターで残りのサイズ（ICO、180、192）を生成し、サイトのルートディレクトリにファイルを配置してください。
- コードをヘッダーに貼り付けて、ツールで結果を再度確認してください。
ブラウザのダークテーマでアイコンがどのように表示されるか確認してください。透明な背景に黒いアイコンは、Chromeのダークタブでは完全に消えてしまいます。明るい背景やコントラストのある輪郭線を使用すると改善されます。
なぜGoogleサイトのファビコンを表示しないのですか？
最もよくある質問：検索結果の住所の横に灰色の地球儀のアイコンが表示される場合、通常はいくつかの理由が考えられます。
- アイコンが正方形ではありません。Google Google 1:1のアスペクト比と8x8以上のサイズを要求していますが、48x48より大きいサイズを推奨しています。16x16の小さな
favicon.icoは検索結果でぼやけて表示されます。 - アイコンはロボットによるアクセスがブロックされています。Googlebot -Image Googleアイコンファイルへのアクセス権を持ち、メインファイルへのアクセス権も持つ必要がありますGoogleで画像フォルダがブロックされている場合、またはファイルがエラーで返された場合、アイコンは検索結果に表示されません。
- タグはホームページには表示されません。Google Googleドメインまたはサブドメインのホームページからファビコンを取得します。example.com
example.com/shopのようなホームページセクションは適していません。 - アイコンのアドレスは不安定です。サイトがビルドされるたびにパスが変わる場合（
/icon.a83f2.pngGoogle迅速に更新できない可能性があります。 - しばらく時間が経っていますね。Google Google修正後すぐにファビコンを更新するわけではありません。Search Consoleでホームページの再スキャンをリクエストすることで、更新を早めることができます。Google Google正確な更新時期を明示していないため、数日後以降に結果を確認してください。
- このアイコンは規約に違反しています。Google Google不適切な画像を標準アイコンに置き換えます。
比較：ファビコンチェッカーと代替案
| 道具 | 無料なのは何ですか？ | 制限 | どのような人に適していますか？ |
|---|---|---|---|
| PromoPilot - ファビコンチェッカー | HTML からのすべてのアイコンと標準パス、サイズ、プレビュー、Apple Touch アイコン、推奨事項 | アイコンは作成せず、メインのアイコンをチェックします。 | 自社のウェブサイトまたは競合他社のウェブサイトを素早くチェックする |
| リアルファビコンジェネレーター | アイコンとコードのセットを生成し、ファビコンをチェックする | ジェネレーターはたくさんのファイルを生成するので、どれを残すか決める必要があります。 | アイコンをゼロから作成する必要がある人向け |
| Google Search Console | メインの再スキャンをリクエスト | 認証済みのサイトのみ、アイコンはチェックしません | 検索結果におけるアイコンの更新速度を向上させる |
| ブラウザの開発者ツール | マニフェストとアイコンのタブ | どこを探せばよいかを知る必要がある | 開発者向け |
結論：オンラインツールは確認に便利で、ジェネレーターはセットの作成に便利で、Search ConsoleはGoogleでの更新を迅速化するのに便利です。
ちなみに、PromoPilotには87種類の無料SEOツールがあります。検索結果ページ（SERP）のプレビューで、タイトル横にファビコンがどのように表示されるかは簡単に確認できます。これについては、シリーズ記事で詳しく解説しています。
ファビコン検証の限界は何ですか？
このツールは、サイトが宣伝する内容と返される内容をチェックします。Google Google検索結果のアイコンをいつ更新するかは通知しません。それは検索エンジン自身の判断に委ねられています。ページ読み込み後にスクリプトによってアイコンが追加された場合、レポートに含まれないアイコンがあるかもしれません。また、このチェックはドメイン全体を対象とするため、サイトの異なるセクション（例えば、ストアのサブドメイン）でアイコンが異なる場合は、それぞれ個別にチェックしてください。
無料ツールでは不十分なのはどんな時か？
ファビコンは、専門家の助けを必要とすることはめったにない些細な問題です。しかし、些細な問題が何らかの症状である場合もあります。以下のような場合は、専門家の助けが必要です。
- アイコンは正しいのですが、 Google数ヶ月間地球儀を表示し続けています。これは、ロボットのアクセス権限かテンプレートに問題があることを意味します。
- そのブランドにはシンプルなロゴがなく、16ピクセルでも機能するコーポレートスタイルが必要だ。
- このサイトはビルダーを使用してコンパイルされており、アイコンへのパスは更新のたびに変更されます。
- ファビコンは、長年にわたって蓄積された数十もの小さなエラーのうちの1つに過ぎない。
あなたのウェブサイトのために、私にできることはありますか？
私はヴァレリー・ダニュクです。開発者兼SEOスペシャリストとして12年の経験を持ち、200社以上のクライアントを担当してきました。ウェブサイト公開前に、ファビコン、ソーシャルメディアプレビュー、マークアップの設定などをすべて行っています。
SEOと監査
- ターンキー型ウェブサイトSEO監査：ファビコンやプレビューからインデックス登録や速度まで、あらゆる技術的な詳細を特定し、コードを修正します。
ウェブサイトとオンラインストア
- 1001siteなら、他人のウェブサイトを模したウェブサイトを数分で作成できます。アイコン、プレビュー、レイアウトは自動的に設定されます。
- 有料購読型のTildaとAI搭載ウェブサイト、どちらのアプローチが最適か？正直な比較検証。
- 2026年におけるターンキー型ウェブサイトの費用はいくらですか？価格を決定する要因は何ですか？
- AIアシスタント搭載のWordPressウェブサイトを299ユーロで3日間構築します。
CRMと自動化
Telegramでウェブサイトのアドレスを送ってください。アイコンや、よく忘れられがちな細かい点を5、6個確認します。
結果
- Favicon Checkerは、サイト内のすべてのアイコンとそのサイズを検出し、不足しているアイコンを1分以内に表示します。
- 最低限必要なファイルセット：favicon.ico、favicon.svg、Apple Touch Icon 180×180、およびウェブマニフェスト用アイコン192と512。
- Googleアイコンは正方形で、48x48ピクセル以上の大きさで、ロボットがアクセス可能であり、メインページに表示されている必要があります。
- ウェブサイトを再構築する方が、些細な問題を修正するよりも簡単な場合、 1001siteアイコンとプレビューを自動的にカスタマイズします。
無料のファビコンチェッカーで自分のドメインをチェックしましょう。同時に、主要な競合他社のドメインもチェックできます。
情報源
- PromoPilotのファビコンチェッカーページ - チェック項目一覧とよくある質問。
- Google検索セントラル - 検索結果のファビコンの要件。
- RealFaviconGenerator — アイコンセットを生成してテストします。
