検索結果の左上に表示されるロゴマーク的な画像ありますよね? Cocoonでこの「ファビコン(サイトアイコン)」を設定したのに1日経っても画像が変わらなかったというお話です。
![](https://unity-right.com/wp-content/uploads/2020/03/8802078C-C693-4C2F-997D-127E7806C411.jpeg)
※スマホの検索結果に限った症状です
ファビコンの設定方法
WordPress 的には『サイトアイコン』と呼ばれています。基本的な設定は以下のとおりです。
サイトアイコンの設定
- ダッシュボード
- 外観
- カスタマイズ
- サイト基本情報
- サイトアイコン
![](https://unity-right.com/wp-content/uploads/2020/03/1C0DB766-A368-4AAB-BD74-73AADE4E2EA6-500x413.jpeg)
色々調べた結果、画像サイズは 512×512px ぴったりにしました。
ファビコンに似た画像設定【参考】
「どれが何だっけ??」と毎回迷ってしまうファビコンに似た画像設定があるので参考までに紹介します。
ホームイメージの設定
Cocoon設定に「OGP設定」という項目があります。こちらはTwitterなどSNSでシェアされた際に使われる画像です。
- ダッシュボード
- Cocoon設定
- OGP設定
- ホームイメージ
AMPロゴ
Google検索結果に表示されるAMP用のロゴ画像?試しにAMPを有効にしてみるが改善せず。
- ダッシュボード
- Cocoon設定
- AMP
- AMPロゴ
反映されない時に確認すること
ここまでの設定でも画像が変わらないので、他の可能性を考えてみました。もはや設定どうこうではなくインデックス登録の様な検索エンジン側のデータ反映待ち状態かなと思ってきました。
デバイスの問題
ネットで「閲覧する端末側の問題」という情報もあったので、普段使っているiPhone側も色々と対応してみましたが改善せず。
他のスマホ(Android)でも検索を試してみましたがファビコンは古い画像のまま。端末の問題ではなさそうです。
- iPhone再起動
- プライベートブラウズ
- 履歴とWEBサイトデータ消去(Safari)
- ファームウェアアップデート
- 違うスマホでアクセス
検索エンジンの問題
検索エンジン側の反映待ちだとして、サーチコンソールを使って色々やってみました。
- サイトマップ再送信
- インデックス登録のリクエスト
他にもサーバー側のPHPやJavascriptの設定を変えていますが、全然関係無さそうだしリスクもありそうなので割愛します。
プラグインを使えば変えられそうな気もしますが「そもそも私の設定で合っているのか・反映までにどのくらい時間が掛かるのか」を知る為に、このまま様子を見てみます。
ファビコンが適用される場所
ファビコンが変わらない話を散々してきましたが、今回の件はスマホ検索結果の左上の画像だけです。それ以外の箇所はすぐに変更されています。
ブラウザのタブ【PC】
![](https://unity-right.com/wp-content/uploads/2020/03/tab.png)
ブックマークバー【PC】
![](https://unity-right.com/wp-content/uploads/2020/03/12123.png)
お気に入り【スマホ】
![](https://unity-right.com/wp-content/uploads/2020/03/FDB0D149-6FD2-4DF4-AC86-E2A1571E3C2C.jpeg)
ホーム画面に追加【スマホ】
![](https://unity-right.com/wp-content/uploads/2020/03/2147B0BB-7242-4F99-803B-400C736E1790.jpeg)
Googleのガイドライン
ファビコンに関するGoogleのガイドラインを発見したので、それに沿って設定を変えてみました。現在また様子見中です。
- 画像サイズは48pxの倍数にする
- ヘッダーにタグを追加
<link rel="shortcut icon" href="ファビコン画像のパス">
反映までの時間
その後また色々やってみたのですが・・最終的に6日後に更新されました。
![](https://unity-right.com/wp-content/uploads/2020/04/05E65C6C-9E2E-4358-9A27-F40BB86B0EAF.jpeg)
特別な設定がある訳でもなく、それなりに時間が掛かるようです。もちろんサイトによっても差があると思います。
Comment