検索結果に表示されるファビコンを定義する

サイトにファビコンが設定されている場合、Google 検索の検索結果に表示されることがあります。

検索結果にファビコンがどのように表示されるかを示す図。

ファビコン

実装

Google 検索の検索結果にサイトのファビコンが表示されるようにする方法は次のとおりです。

  1. ガイドラインに沿ってファビコンを作成します。
  2. ホームページのヘッダーに次の構文の <link> タグを追加します。
    <link rel="icon" href="/path/to/favicon.ico">

    Google は、link 要素の次の属性に基づいてファビコンの情報を抽出します。

    属性
    rel

    Google では、ファビコンを指定するための rel 属性値として以下をサポートしています。ご自身のユースケースに適した属性値をご使用ください。

    icon

    サイトを表すアイコン(HTML 標準で定義)。

    apple-touch-icon

    サイトを表す iOS 対応のアイコン(Apple のデベロッパー向けドキュメントを参照)。

    apple-touch-icon-precomposed

    以前のバージョンの iOS 向けの代替アイコン(Apple のデベロッパー向けドキュメントを参照)。

    href

    ファビコンの URL を指定します。URL は相対パス(/smile.ico)または絶対パス(https://example.com/smile.ico)で指定できます。URL は、ご自身のサイトでホストしているものでなくてもかまいません(たとえば、ファビコンをコンテンツ配信ネットワーク(CDN)上でホストすることも可能です)。

  3. Google が再クロールして、ホームページの新しい情報を処理する時間を考慮してください。Google のシステムは、そのコンテンツをどのくらいの頻度で更新する必要があるかを判断します。その頻度に応じて、クロールには数日から数週間かかる場合があります。URL 検査ツールを使用して、ホームページのインデックス登録をリクエストすることができます。

ガイドライン

Google 検索の検索結果にファビコンを表示するには、次のガイドラインに準拠する必要があります。

  • Google 検索でサポートされるファビコンは 1 つのサイトにつき 1 つだけです。サイトはホスト名によって定義されます。たとえば、https://www.example.com/https://code.example.com/ というサイトがある場合、この 2 つは別々のホスト名として、それぞれに 1 つずつファビコンを設定できます。一方、https://www.example.com/sub-site はサイトのサブディレクトリであるため、設定できるファビコンは https://www.example.com/ に対する 1 つのみとなり、そのファビコンがメインのサイトとサブディレクトリの両方に適用されます。
    サポートされる: https://example.com(ドメインレベルのホームページ)
    サポートされる: https://news.example.com(サブドメイン レベルのホームページ)
    サポートされない: https://example.com/news(サブディレクトリ レベルのホームページ)
  • 画像用 Googlebot がファビコン ファイルをクロールでき、Googlebot がホームページをクロールできることが必要です(クロールをブロックしないでください)。
  • ユーザーが検索結果を見た際に一目でサイトを見分けられるように、ファビコンがウェブサイトのブランドを視覚的に表したものとなるようにしてください。
  • ファビコンは正方形(アスペクト比 1:1)で、8x8 ピクセル以上のサイズが必要です。最小サイズは 8x8 ピクセルですが、さまざまな場所で適切に表示されるように、48x48 ピクセルより大きなファビコンを使用することをおすすめします。有効なファビコン形式であれば、すべてサポートされます。
  • ファビコンの URL は固定されている必要があります(URL は頻繁に変更しないでください)。
  • わいせつな表現やヘイト表現に関連するシンボル(例: かぎ十字章)などの不適切なファビコンは表示されません。該当する表現がファビコン内で見つかった場合は、デフォルトのアイコンに置き換えられます。