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

検索結果の左上に表示されるロゴマーク的な画像ありますよね?このファビコンという画像を変えようと思いWordPressやCocoonの設定を変更したのですが、なぜか1日経っても画像が変わりません

赤枠のこの画像。※適当な画像を以前設定している

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

スポンサーリンク

ファビコン設定

基本的な設定は以下のとおりです。

サイトアイコンの設定

WordPressの設定
  1. ダッシュボード
  2. 外観
  3. カスタマイズ
  4. サイト基本情報
  5. サイトアイコン
ここで画像を指定します

画像サイズは 512×512px ぴったりにしました。

同じような画像設定

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

ホームイメージの設定

Cocoon側で関連しそうな設定を探したところ「OGP設定」がありました。こちらはTwitterなどSNSでシェアされた場合に使われる情報なので、ファビコンとは違う様です。

ホームイメージの設定
  1. ダッシュボード
  2. Cocoon設定
  3. OGP設定
  4. ホームイメージ

AMPロゴ

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

AMPロゴ設定
  1. ダッシュボード
  2. Cocoon設定
  3. AMP
  4. AMPロゴ

その他の設定

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

閲覧する端末側の問題

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

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

iPhoneの設定
  • iPhone再起動
  • プライベートブラウズ
  • 履歴とWEBサイトデータ消去(Safari)
  • ファームウェアアップデート
  • 違うスマホでアクセス

検索エンジン側の問題

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

その他やってみた事
  • サイトマップ再送信
  • インデックス登録のリクエスト(数ページ)

実はこの他にもサーバー側のPHPやJavascriptなどの設定を変えましたが、思わぬリスクもありそうなのでここでの紹介は控えます。

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

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

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

ブラウザのタブ【PC】

ブックマークバー【PC】

お気に入り【スマホ】

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

Google ガイドライン

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

  • 画像サイズは48pxの倍数にする
  • ヘッダーにタグを追加
<link rel="shortcut icon" href="ファビコン画像のパス">

反映までの時間

その後また色々やってみて・・6日後に更新されました

やはりクロールなどの関係で反映されるまでに少し時間が掛かるようです。サイトによっても差があると思います。

Comment

タイトルとURLをコピーしました