Googleの検索結果にファビコンが表示されない場合の設定・解決方法

こんにちは、ゆるミニマリスト主婦のくうかです。

当ブログがワードプレスに移行してから、Googleの検索結果にずっとファビコンが表示されていません。（使用テーマはSWELL）

他のサイトはファビコンが表示されているのにうちだけ出ないのはなぜ？

＼ こちらもおすすめ ／

• WordPressのテーマはSWELLがおすすめ。その理由と感想をレビュー！

Google検索結果にファビコンが表示されない場合の設定・解決方法

そもそもファビコン（favicon）とは、何でしょう。

faviconは、ウェブサイトのシンボルマーク・イメージとして、ウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの俗称である。

Wikipedia

サイトのシンボルマークとして、ブラウザのタブ部分に表示されたり、ブラウザのブックマークに表示されているアイコンのことですね。

そのファビコンが、Googleで検索をすると、検索結果にURLと一緒に表示されるようになっています。

表示されている方が見た目も良いし、ユーザーの目を引きます。

調べてみてもこれといった情報が得られず、とうとうTwitterでヘルプしてしまいました！

モバイルのGoogle検索結果にファビコンが表示されますよね。
うちのブログは出ない。なぜなんだ～！

カスタマイズ＞ワードプレス設定で設定するだけではダメなんでしょうか？

作り直してアップしてみたりもしたけどダメで、先程512×512pxで再度設定してみました。

間違っていたら教えてください！

— くうか@ゆるミニマリストブロガー (@kuukahan) June 4, 2020

ありがたいことに沢山の方々に助言を頂いて、やっと解決できたのでその経緯をまとめました。

1. ファビコンを設定する

まず、ファビコンの設定はいたって簡単です！（※ワードプレスでの設定）

事前準備としては、

512×512ピクセル以上の正方形のアイコンを用意する

ワードプレスのダッシュボードから、【外観】＞【カスタマイズ】を開きます。

【WordPress設定】＞【サイト情報】へ進みます。

そして【サイトアイコン】の部分を設定していきます。

設定すると、この画像のようにブラウザのタブにはすぐに反映されます。

私は512×512ピクセルのpng画像で作成しました。

2. ブラウザのキャッシュをクリアする

使用しているブラウザのキャッシュをクリアします。私の場合はChromeです。

特にスマホでファビコンがなかなか表示されなかったため、スマホでの設定画面になります。

右上にある「…」の縦バージョンのようなアイコンから、
【設定】＞【プライバシー】＞【閲覧履歴データの削除】を選択します。

【キャッシュされた画像とファイル】にチェックを入れて、【データを削除】ボタンを押します。

3. サーチコンソールでサイトの再インデックス

サーチコンソールでサイトのホームURLに対して、再インデックスのリクエストをします。

このブログでいうと、【https://www.kurasitotonoe.com】ですね。

２と３の順序はどちらが先が良いのかはよく知らないのですが、普通に考えてキャッシュクリアされた状態でクロールしてもらわないと意味がないので、この順序が妥当かなと考えています。

Googleの検索結果にファビコンが表示されない場合の設定・解決方法まとめ

Googleの検索結果（特にスマホ）になぜか自分のサイトのファビコンが表示されない場合に、試したことは以下の３つ。

以上を行った結果、当ブログは２日後にファビコンが無事に表示されるようになりました…！

ワードプレスのファビコンがスマホのGoogle検索結果に表示されない件。

☑️512×512pxのpng画像
☑️スマホのchromeのキャッシュクリア
☑️サーチコンソールでブログのホームURLを再インデックス

で、２日後に表示されました～！！

皆さんに色々意見を頂いたのでご報告。
ありがとうございました～！ https://t.co/SRd4BGfQ5Y

— くうか@ゆるミニマリストブロガー (@kuukahan) June 6, 2020

以前はキャッシュクリア以外は試していたので、キャッシュクリアが大事だったんだろうなと。

ちなみにもう１つ運営しているサイトでは、２日では表示されず数週間〜数か月ほどかかったような気がします。苦笑

サイトによって違うようなので、根気よく待ってみてください。