Favi-gone:ファビコンがGoogle検索結果から消えた5つの理由[ケーススタディ]

公開: 2022-02-22
Eメール
14
Google検索のファビコン

彼らは「ファビコンは千の言葉の価値がある」と言います。 OK…彼らは実際にはそうは言いませんが、ファビコンは検索の観点から間違いなく重要です。 2019年、Googleはモバイルの再設計の一環として、モバイル検索結果にファビコンを表示し始めました。最終的に、SERPのこれらの小さなグラフィックはいくつかのレベルで確実に役立ちます。 たとえば、ファビコンはブランドを強化するのに役立ち、混雑したSERPで眼球を引き付けることができ、クリック率にも役立ちます。 したがって、ファビコンゲームが強力であることを確認する必要があります。

Google検索結果のファビコン。

Googleは、ファビコンをSERPに正しく表示できるようにするために、ファビコンを定義するためのガイドラインを公開しました。 これらのガイドラインに従わない場合、Googleはファビコンを無視して一般的なファビコンを提供することを選択できます。 そして、Googleが提供する一般的な地球儀ファビコンほど「まあ」はありません。 一般的なファビコンが表示されているSERPで目立たないだろうとだけ言っておきましょう…

Google検索結果の一般的なファビコン。
Google検索結果の一般的な地球儀ファビコン。

さらに、非常に厄介な空白のファビコンになってしまう可能性があります。 ファビコン用のスペースは予約されていますが、何も表示されません。 これは、ファビコンが表示される空白の空白です。 とても悲しい…そしてそれについては後の投稿で詳しく説明します。

Google検索結果の空白のファビコン。

空白のファビコンの別の例を次に示します(一般的な地球儀のファビコンだけではありません)。

Googleの検索結果にファビコンがありません。

ファビコンアシスタンス:サイト所有者がファビコンの問題について連絡したとき。
時々、サイトの所有者が検索結果からファビコンが見つからなくなったときにフラストレーションを感じて連絡を取ります。 それが発生すると、それらのサイト所有者にとって非常に混乱する状況になる可能性があります…まあ、私は最近、検索結果のファビコン問題のトラブルシューティングを過去数週間にわたってさらに数人のサイト所有者を支援しました。 そして、私が見つけたものに基づいて、Google検索でファビコンの問題を引き起こすことがわかった主な理由のいくつかを説明する投稿を書くと思いました。

問題は比較的簡単に修正でき、ほとんどのサイトでGoogleが変更をすばやく見つけることができます。 たとえば、私が支援した最新の修正の1つは、わずか数時間で取得され、SERPは1日以内に更新されました(新しいファビコンを使用)。

ファビコンの消失と品質に関する質問:
ファビコンが失われると、一部のサイト所有者はすぐに、Googleが自分のサイトを信頼しなくなったか、品質の問題が原因でGoogleがファビコンの表示を停止する(広範なコアアップデートによってリッチスニペットがどのように影響を受けるかなど)と考えます。 そうではありません。 SERPでファビコンが欠落していることは、サイトの品質とは何の関係もありません。 代わりに、ファビコンの技術的な問題、またはファビコンを提供するためのGoogleのガイドラインに違反していることに関係しています。

したがって、ファビコンが失われた場合でも、Googleがサイトの品質を突然再評価したわけではありません。 これはおそらく、技術的な問題またはその他のガイドライン違反が原因です(これについては以下で説明します)。

あなたのファビコンはどこに行きましたか? Google検索でよくあるファビコンの問題のトラブルシューティング。
以下では、サイト所有者が検索結果から消えるファビコン(またはGoogleによって正しく表示されないファビコン)のトラブルシューティングを支援しているときに見たいくつかの一般的な問題について説明します。

1.間違った寸法、ファビコンがありません…
これは私が見た中で最も一般的な問題です。 Googleは、ファビコンは48×48ピクセルの倍数でなければならないと詳細に説明しています。 したがって、ファビコンが少なくとも48×48または48×48の倍数であることを確認してください。 たとえば、96×96、144×144などです。48×48よりも小さいファビコンは使用しないでください。

Googleのファビコンディメンションガイドライン。

たとえば、あるサイトがファビコンとして次の画像を使用していました(サイトを呼び出さないようにぼやけています)。 それは50×50であり、48×48ピクセルの倍数ではありませんでした。 Googleは一般的な地球儀ファビコンを使用しました。 繰り返しになりますが、SERPで。

間違ったサイズのファビコン。

また、アスペクト比も重要です。 正方形でなければうまくいきません。 アスペクト比の観点から見たファビコンを見たことがあります。または、SERPに表示されませんでした。 たとえば、あるサイトでは、正方形の比率がない以下のファビコンを使用していました。 グーグルはそれを必要なアスペクト比に合わせるように強制しました(そしてそれはSERPで完全に歪んで見えました)。 注意してください。

アスペクト比が間違っているファビコン。
Google検索結果のアスペクト比が間違っているファビコンの例。

ファビコン形式に関する注意:オプションはたくさんあります。
ファビコンは.ico形式である必要はありません。 jpg、gif、png、svgなど、サポートされている任意の形式にすることができます。 svgsについては、後の投稿で詳しく説明します。

ファビコン画像形式。

2.ファビコンをブロックするRobots.txt
Googleのドキュメントには、ファビコンを検索で使用するには、ファビコンとホームページのクロールを許可する必要があると記載されています。 ホームページがrobots.txtによってブロックされている場合は、ファビコンだけでなく、明らかに大きな問題が発生します。 :)しかし、ファビコンの場所は問題を引き起こし、robots.txtの観点から混乱を招く可能性があります。 たとえば、robots.txtの一部のディレクティブは「貪欲」であり、思った以上にブロックする可能性があります。

Google検索コンソールのrobots.txtテスターを使用して、ファビコンとホームページをクロールできることを確認することをお勧めします。 これは簡単なテストであり、フラストレーションを軽減できます。 たとえば、ファビコンが欠落しているサイトで、ファビコンへのアクセスがブロックされています。 ちなみにそれはより大きなブランドなので、そうです、より大きな企業もこの間違いを犯す可能性があります。

ファビコンとrobots.txtの問題。

そして、ここに興味深いサイドノートがあります。 Googleには、Googleファビコンと呼ばれるファビコン専用のクローラーがあります。 ユーザーエージェント文字列については、Googlebotのドキュメントを確認できます。 Google Search Console(GSC)を介してホームページのインデックス作成をリクエストすると、Googleはこのクローラーを使用してファビコンをチェックします。 また、ファビコンの変更に基づいて誰かがホームページの再クロールを要求すると、クローラーはrobots.txtディレクティブを無視します。

たとえば、これはファビコンドキュメントから直接のものです。
「ユーザーからクロールがリクエストされた場合、Googleファビコンクローラーはrobots.txtルールを無視します。」

そして、これがクローラーのユーザーエージェントです。

Google Faviconユーザーエージェント(クローラー)。

しかし、繰り返しになりますが、これはGoogleファビコンが新しいファビコンをチェックするためだけのものです。 検索結果で使用する場合は、ホームページとファビコンのクロールを有効にする必要があります。

3.ファビコンの参照が重複していて、1つがGoogleのファビコンガイドラインを満たしていませんでした。
これは私が取り上げた最初の問題に似ていますが、ホームページコードに重複したファビコン参照が含まれています(ガイドラインを満たしていませんでした)。 1つ以上のファビコン参照が要件を満たしていないファイルを参照していて、Googleが代わりに一般的な地球儀ファビコンをSERPに表示する状況を見てきました。 したがって、ホームページからファビコンへのすべての参照を再確認し、問題がないことを確認してください。

たとえば、このサイトのファビコンが正しく表示されていませんでした。 結局、ホームページには複数のrel =“ icon”参照があり、そのうちの1つはGoogleのガイドラインを満たしていませんでした。 適切なファイルを指す1つのrel=” icon”参照を設定するだけでこれを修正すると、サイトはSERPでファビコンを取り戻すことができます。

問題の原因となる複数のファビコン参照。

4.ええと、空のファビコンコード…
はい、これは明らかなようですが、残念ながら実際に動作しているのを見てきました。 ファビコンコードでファイルを文字通り省略した場合、検索でファビコンの問題が発生することは明らかです。 :)したがって、ファビコンの問題が発生している場合は、コードを必ず再確認してください。 また、Googleのさまざまなテストツールを使用して、静的htmlとレンダリングされたhtmlの両方をチェックし、コードが正しいことを確認することをお勧めします。

空のファビコンコード。

5.プラットフォームまたはCMSがファビコン的に失敗しています。
特定のプラットフォームまたはCMSを使用してサイトを実行しているサイトの場合、ファビコンを簡単に設定またはカスタマイズできない状況にある可能性があります。 そして、あなたがあまりコントロールできない状況では、あなたはそれを正しくするためにプラットフォームまたはCMSだけに依存しています。 ご想像のとおり、それが常にうまくいくとは限りません。

はい、つまり、そのプラットフォームを使用しているすべてのサイトでファビコンの問題が発生する可能性があります。 私は最近、より小さなeコマースプラットフォームでこの問題を表面化しました。 Googleは、ファビコンを一般的なグローブに置き換えているのではなく、文字通りファビコンを空白のままにしています。 これは、私の意見では一般的なファビコンを受け取るよりもさらに悪いです…

ファビコンの問題を引き起こすCMSプラットフォーム。

また、プラットフォームを使用して多くのサイトを表示するクエリを実行すると、広範囲にわたる問題が発生する可能性があります。 はい、それはプラットフォーム上のすべてのサイトで、ファビコンが欠落しています(一般的なファビコンでさえありません)。 そして、SERPの2番目のリストを見てください…ファビコンのアスペクト比がめちゃくちゃになっています。 したがって、空白のファビコンとワープされたファビコンが混在しています。 良くない。

同じプラットフォームを実行しているすべてのサイトで、Google検索結果にファビコンの問題があります。

ボーナス1:ファビコンで限界を押し上げないでください。
Googleのドキュメントでは、不適切と見なされるファビコン(ポルノや憎悪のシンボルなど)は表示されないと説明しています。 その場合、Googleはデフォルトの汎用ファビコンを提供するだけです。 ファビコンを作成するときは、このことを念頭に置いてください…これはほとんどのサイトに影響を与えないと確信していますが、SERPでファビコンが正しく表示される際に明らかに問題が発生する可能性があります。

Googleがファビコンドキュメントで説明していることは次のとおりです。

ファビコンと不適切な画像に関するGoogleのガイドライン。

ボーナス2:ダークモードでうまく機能するアダプティブファビコンを作成します。
人々はダークモードが大好きで、これにはGoogle検索が含まれます。 しかし、多くの人は、ファビコンがダークモードでどのように表示されるかをテストしていません。

ダークモードでファビコンをチェックアウトし、見た目が最適ではないと思われる場合は、ライトモードとダークモードの両方で見栄えのするアダプティブファビコンをいつでも作成できます。 たとえば、メディアクエリを使用してファビコンが現在の環境(ライトモードとダークモード)に確実に適応するようにするSVGを作成します。

Adam Argyleは、web.devでアダプティブファビコンを作成する方法を説明する投稿を書きました。ここでは、ライトモードとダークモードに基づいて変更できるSVGを作成するプロセスについて説明しています。 まだテストしていませんが、デモでうまく機能しているように見える興味深いテクニックです。 近いうちにやってみるかもしれません。

アダプティブファビコン

要約:あなたの最高のファビコン、つまり足を、実際に表示されるファビコンを検索に入れてください。
この投稿が、私に連絡して助けを求めたサイト所有者を支援しているときに私が見た最も一般的なファビコンの問題のいくつかを理解するのに役立つことを願っています。 モバイル検索結果にファビコンが目立つように表示されるため、ユーザーの顔を見つめるファビコンが最適ではない場合は望ましくありません。 また、Googleが提供できる「まあ」の一般的なファビコン、さらに悪いことに、空白のファビコンも必要ありません。 状況を数分間掘り下げると、通常、コアファビコンの問題が表面化する可能性があります。 そして、修正されると、最終的に、あなたに反対するのではなく、あなたのために機能するファビコンを持つことができます。 幸運を。

GG