検索結果の左上に表示される画像(ファビコン)の設定方法と反映まで

検索結果の左上に表示されるロゴマーク的な画像ありますよね？ Cocoonでこの「ファビコン（サイトアイコン）」を設定したのに1日経っても画像が変わらなかったというお話です。

※スマホの検索結果に限った症状です

ファビコンの設定方法

WordPress 的には『サイトアイコン』と呼ばれています。基本的な設定は以下のとおりです。

サイトアイコンの設定

色々調べた結果、画像サイズは 512×512px ぴったりにしました。

ファビコンに似た画像設定【参考】

「どれが何だっけ？？」と毎回迷ってしまうファビコンに似た画像設定があるので参考までに紹介します。

ホームイメージの設定

Cocoon設定に「OGP設定」という項目があります。こちらはTwitterなどSNSでシェアされた際に使われる画像です。

AMPロゴ

Google検索結果に表示されるAMP用のロゴ画像？試しにAMPを有効にしてみるが改善せず。

反映されない時に確認すること

ここまでの設定でも画像が変わらないので、他の可能性を考えてみました。もはや設定どうこうではなくインデックス登録の様な検索エンジン側のデータ反映待ち状態かなと思ってきました。

デバイスの問題

ネットで「閲覧する端末側の問題」という情報もあったので、普段使っているiPhone側も色々と対応してみましたが改善せず。

他のスマホ(Android)でも検索を試してみましたがファビコンは古い画像のまま。端末の問題ではなさそうです。

検索エンジンの問題

検索エンジン側の反映待ちだとして、サーチコンソールを使って色々やってみました。

他にもサーバー側のPHPやJavascriptの設定を変えていますが、全然関係無さそうだしリスクもありそうなので割愛します。

プラグインを使えば変えられそうな気もしますが「そもそも私の設定で合っているのか・反映までにどのくらい時間が掛かるのか」を知る為に、このまま様子を見てみます。

ファビコンが適用される場所

ファビコンが変わらない話を散々してきましたが、今回の件はスマホ検索結果の左上の画像だけです。それ以外の箇所はすぐに変更されています。

ブラウザのタブ【PC】

ブックマークバー【PC】

お気に入り【スマホ】

ホーム画面に追加【スマホ】

Googleのガイドライン

ファビコンに関するGoogleのガイドラインを発見したので、それに沿って設定を変えてみました。現在また様子見中です。

<link rel="shortcut icon" href="ファビコン画像のパス">

反映までの時間

その後また色々やってみたのですが・・最終的に6日後に更新されました。

特別な設定がある訳でもなく、それなりに時間が掛かるようです。もちろんサイトによっても差があると思います。