以前は表示されていたファビコンが消えた?
検索結果に表示されない時の解決までにやった事のまとめ

  • 2024.12.26

HTML・CSS系

以前は表示されていたファビコンが消えた?検索結果に表示されない時の解決までにやった事のまとめ

ついこの間、クライアントから連絡がきてFaviconがなぜかGoogleの検索結果から消えてしまっているのですが、何か知っていますか?という連絡がきました。

もうかなり運用させていただいてるサイトでもあり、ずっと昔から自分が作成し管理していてFaviconの設定も当然最初からしていて、以前は表示されていたのを確認していたので、何故?というのが正直なところでしたが、実際に見てみると表示されていませんでした。

急遽設定や見直しなどをしつつ、先日問題なく表示されたので、それまでの経緯や諸々についてまとめておこうと思ってブログに書いてみました。

Faviconが表示されなくなった時の状況

実は以前のブログ記事に、下記のようなfaviconが表示されないときのための記事を書いています。

favicon/ファビコンが表示されない原因と対策(検索結果・ブラウザ)

favicon/ファビコンが表示されない原因と対策(検索結果・ブラウザ)
【2024.12.26追加】実際にクライアントサイトの1つで、今まで表示されていたfaviconが非表示に変わっている状況が破格し、再表示されるまでや...

とはいえ、改めて自分で見直してみたら、これはミスがあった前提の記事で今回のようにミスがない(と自分の中では思える)状況下では、あまり役に立たない感じでした。

そもそもリニューアルやサイトの変更などしていない中で、以前は表示されていたfaviconが表示されないという状況になったため前提条件からして違うという感じです。

実際にクライアントから連絡がきたときの状況をまとめると下記のような状況でした。

自然検索のFaviconが表示されなくなっていた

以前は表示されていたfaviconが、とある日を境に表示されなくなっていました。

長期間運営しているサイトなため、以前は表示されていたのを自分もクライアントも確認済ではあったのですが、たまたまエゴサーチじゃないですが、サービス名で検索してみたら、出ていない!というのに気付いて連絡をもらった次第です。

ただ、よくよく調べると、メインのドメインのwwwありのドメイン配下のページはfaviconが表示されていないだけで、サブドメインで運用しているLPなどについてはfaviconは正常に表示されていました。

  • www.○○.comの配下のfaviconが消えている
  • www配下で運用してるWordPressのオウンドメディアのfaviconも消えている
  • lp.○○.comのLP用のサブドメインのfaviconは表示されている
  • lp-△△.○○.comの特定顧客専用のサブドメインのLPもfaviconは表示されている

といった状況でした。
すなわち、lpで区切られたサブドメインのfaviconは正常に表示されており、メインサイトのwwwでのドメイン配下のみ消えてしまっていました。

Faviconは実はサブドメイン単位で管理されている

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 つのみとなり、そのファビコンがメインのサイトとサブディレクトリの両方に適用されます。

検索結果に表示されるファビコンを定義する(ガイドライン)

要は、サブドメイン毎に異なるFaviconの設定はできるけれど、下層のディレクトリにあるもので別のコンテンツ的に運用してたとしても、異なるfaviconは設定できませんよ。という意味でしたし、実際のサイトでも全く同じ状況になっていました。

Googleヘルプページの内容は変わってる

数年前にfaviconの記事を書いた時、Googleのヘルプページには、「ファビコンのサイズが 48 ピクセルの倍数になっていること(例: 48 x 48 ピクセル、96 x 96 ピクセル、144 x 144 ピクセルなど)。」という記載がありました。

しかしながら、今改めて見ると、明確なサイズの記載は無くなっており、

ファビコンは正方形(アスペクト比 1:1)で、8×8 ピクセル以上のサイズが必要です。最小サイズは 8×8 ピクセルですが、さまざまな場所で適切に表示されるように、48×48 ピクセルより大きなファビコンを使用することをおすすめします。

検索結果に表示されるファビコンを定義する(ガイドライン)

という記載に変わっていました。
このように、Google内でも色々変化があったのを見て取れます。

消えてから再表示されるまでにやったこと

ということで本題のやったことですが、ぶっちゃけて言えば特にこれをやったから再表示できたといったような明確な理由が見つかったわけではありません。

というのも、そもそも論として以前は表示されていたものが消えたということで現状おかしいところは無いんじゃ無いか?でももしかしたらこれとか影響あるのかな?念のためやっておこう。というものを色々やって試しました。

そのため、その見直しのおかげで再表示されたのか、たまたまGoogle側のさじ加減的ななにかで非表示だったのが再表示されたのかという明確なところはわかりません。

ただ一応、自分が管理してたサイトでこうなりました。というものを全てまとめておきます。

Faviconファイル一式を再アップロード

意味があるのかわかりませんが、一応念のため再アップロードしました。
形式としては.icoのファイルで作っています。

もともとあるのと同じファイルだと変わってないと判断されるのもあれかなと思って、改めて作り直して、アップロードしなおしました。ただファイル名は変更せずに、favicon.icoのままです。

見た目的には何も変わってないですが、ファイル的には変わったという感じです。

下層ページ内でおかしなページがないかをチェック

Faviconが表示されなくなっているwww配下にあるページでfaviconの設定がおかしなところはないかというのを念のためチェックしました。タグの記載ミスや、そもそも書いていないなどなどあるかなどをチェックしました。

理由としては、もし下層に設定ミスのページがあったなら、そのfaviconの設定が全体に影響してるという可能性があるかもしれない(実際まずあり得ないだろうけど、0.1%くらいはあるのではないか?あるかもしれない?)という理由で、念のための万が一の可能性を潰しておこうと思って調べた限りでした。

メインサイトはhtml形式の50ページくらいのサイトでWordPressで作ってはいません。
一応補足しておくと、メインサイトはHTML形式で作り、下層ディレクトリを区切ってそこにWordPressでオウンドメディアを構築してコンテンツマーケティング的な施策をしています。

WordPressはテーマで一括管理でfavicon設定をしているため、今回はHTML形式で作ったメインサイトをチェックしたという感じです。

そんなメインサイトですが、faviconを含むhtmlを共通ファイル化してincludeする形で作って管理しているのですが、実際に調べてみたら、フォーム周りのところなどで、別の人が作ってがっちゃんこしたファイルが一部あり、そのページではfaviconのタグ自体が記載されていませんでした。

といったように下層ページでfavicon設定されてないところなど、念のために全てタグの設定などをしなおしました。

サーチコンソールでURL検査をしインデックス登録をリクエスト

それら以外にはエラーや設定ミスがないであろう事を確認し、あとはサーチコンソールでURL検査をした後に、インデックス登録をリクエストを繰り返していきました。

実際に行ったページとしては、トップページと修正した各ページをリクエストしました。

それなりにオウンドメディアを作ってコンテンツマーケティングなど実施しているサイトなため、クローリングは割と頻繁にされていて、トップページは前日に来ていたりしましたが、フォームのページなどは1ヶ月くらい前といった状況でした。

待つ事約1週間で、Faviconの再表示を確認

上記の作業をした後はもはややることがないため、あとは待つ以外に手がありません。Googleのさじ加減ひとつというか判断待ちという状態でした。

一応毎日チェックしながら待ちましたが、1週間(実際には6日後)ほどでFaviconがデフォルトの地球儀から設定しているアイコンに切り替わってくれました。

2024年12月末現在のFaviconを見る限り、Googleではfaviconを角丸で表示しますが、アイコンの四角がトリミングされるような事はなくなり、faviconの外側を丸で囲った見せ方にしているようです。

昔は角丸にするために、半ば無理矢理に丸い形にするので四角が切り取られるような形になっていましたが、今はそんな事はないようでした。(時折テストで表示が変わるのでまた変わるかもしれませんが)

結局、原因が何かというのは判明しないしわからない

約1週間でいつの間にか消えてしまっていたFaviconが元に戻ってくれましたが、戻せたけれど原因は何だったのかというと、わかりません。正しく言うと判別できません。となるかもしれません。

Googleのキャッシュ的なところの影響だったのか、下層ページで設定してなかったのが原因だったのか、Faviconを作り直してアップしたけれど以前のファイルがおかしかったのか、それとも他の要素なのかなどなど考えられる事は色々あります。

ただ今回は全部まとめて修正して一気に対応したので、戻ったとはいえ、これが原因だったといった明確な原因というのはわからないままです。

ネット上の色々なブログなどを見ていると、Googleのキャッシュ関連の影響で一時的だったであろうと思われる記事もちらほら見られるので、サーチコンソールのリクエストだけで同じように戻ってたかもしれません。

ただ、クライアントワークになるため、なるはやで戻せるなら戻したいため、もしまた同じような状況に陥ったとしたら、念のための意味も込めつつ、同じようにfaviconを作り直してアップし、ページでミスがないかを全チェックして、サーチコンソールでリクエスト送信する。という流れになるのかなと思います。

実際、きちんとやってればそれ以外に手立てはないのかなとも思いますので、やることやって後は待つばかりといったところかなと。(クライアントへの説明がなかなか難しいところではありますが…)

まとめ

Faviconが表示されない件についてまとめてみました。
まさか、今まで表示されていたもので設定も特に変えていないものがある日突然、非表示になっているという状況があるのかと驚きましたが、なんとか無事に解決できました。

とはいえ、これが原因だったんだなという明確なものがわかるものではなく、待ってれば元通りだったのかもしれないしそうでも無いかもしれないという、少しモヤモヤする状況ではありますが、明確にこれが原因ですというのがわからない以上は致し方ないかなと思います。

実際に同じようなことが起きたら、色々なネット上の他のサイトの記事やGoogleの設定見直してサーチコンソールでリクエストで戻ったという人もいたりするので、やることやって待つに限ります。

ただそういう回答がクライアントに理解してもらえるかはなかなか難しいケースもあるかもしれないので、そのあたりをどうするかも考えないといけないかもしれませんね。

記事のシェアにご協力お願いします

この記事と類似テーマの記事