モバイルのGoogle検索結果にブログのファビコンが表示されない件

こんにちは、主婦ブロガーくうかです。

ワードプレスに移行してから、当ブログはモバイルのGoogle検索結果にずっとファビコンが表示されていません。汗

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

だいぶもがきましたが、以下の方法で解決することができました！

Google検索結果にファビコンが表示されない件を解決！

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

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

Wikipedia

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

512×512ピクセル以上の正方形のアイコンを用意し、こちらに設定する

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

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

しかし、モバイル検索結果にはまだ表示されませーん。泣

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

私の場合はモバイルでもGoogle Chromeを使用しているので、Chromeのキャッシュをクリアします。

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

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

これで画像の古いデータがクリアされますね。

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

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

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

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

Google検索結果にファビコンが表示されない時のまとめ

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

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

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

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

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

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

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