WordPressでサイトアイコン(favicon)を変更したのに、ブラウザのタブやGoogleの検索結果では古い画像が表示される。そんなとき、設定を何度もやり直したくなるかもしれません。
しかし、最初に必要なのは画像が更新されていない場所を切り分けることです。WordPress側の設定、ブラウザに残ったデータ、検索エンジン側の表示は、確認する場所も更新のタイミングも異なります。
MANIARUでも、サイトアイコンの設定後、Google検索結果で表示がすぐには切り替わらず、再クロールを待つ状況がありました。この記事では、その経験を出発点に、別端末や別ブラウザを使った確認方法を整理します。
※原因を一つに特定した障害報告ではありません。別端末でキャッシュが原因だと実証した記録でもありません。確認できた事実と、切り分けのための手順を区別します。
01|faviconはどこに表示される?
faviconはサイトを識別する小さな画像です。ブラウザのタブやブックマークなどで使われます。検索結果に表示されるサイトアイコンも関連しますが、ブラウザとGoogle検索結果は同じ仕組みで更新されるわけではありません。
| 表示場所 | 主な確認点 |
|---|---|
| WordPressの設定画面 | 意図したサイトアイコンを指定したか |
| ブラウザのタブ | そのブラウザで新しい画像が表示されるか |
| 別ブラウザ・別端末 | 表示に違いがあるか |
| Google検索結果 | 検索エンジン側の表示に反映されているか |
一か所の表示だけで設定の失敗とは判断できません。
02|WordPress側の設定を先に確認する
管理画面で、サイトアイコンに指定した画像を確認します。設定場所はテーマやWordPressの構成によって異なる場合があります。
MANIARUではMを使ったサイトアイコンを設定し、WordPress側の設定を確認しました。保存が完了していて、意図した画像が指定されているなら、すぐに画像の再アップロードを繰り返す必要はありません。
03|同じブラウザで再読み込みする
まずサイトを開き直します。ただし、ブラウザは画像などを一時保存することがあります。ページ本文が新しくても、faviconだけ古い表示が残る可能性があります。
再読み込みで変わらなくても、WordPressの設定ミスと決めつけず、次の比較へ進みます。
04|別ブラウザ・別端末で比較する
同じURLを普段と異なるブラウザや端末で開きます。例えばMacで確認しているなら、スマートフォンでも開いてみます。
| 比較結果 | 次に確認する候補 |
|---|---|
| 一方だけ古い | 古い表示が残るブラウザ側のキャッシュなど |
| 両方とも古い | サイトが配信する画像や設定 |
| ブラウザは新しく検索結果だけ古い | 検索エンジン側の反映 |
表示の違いは手掛かりですが、それだけで原因を確定できるわけではありません。 確認日時、端末、ブラウザを記録すると比較しやすくなります。
05|画像のURLを確認する
可能ならページが参照しているアイコン画像のURLを調べ、意図した画像が配信されているか確認します。
開発者ツールに慣れていなければ、無理に複雑な調査をする必要はありません。まずは設定画面、通常のブラウザ、別端末の3か所を比較するだけでも状況を整理できます。
06|Google検索結果は別に考える
WordPress側でサイトアイコンを更新しても、Google検索結果への反映には時間差が生じる場合があります。
MANIARUでもWordPress側の設定確認後、Google検索結果のアイコンがすぐには切り替わらない状況がありました。
ここで大切なのは、ブラウザのキャッシュとGoogle検索結果の更新を混同しないことです。検索エンジンによる再クロールや処理のタイミングも関係するため、反映時間は正確に予測できません。
Google Search Consoleでインデックス状況を確認できますが、リクエストによってfaviconの即時反映が保証されるわけではありません。
07|変更を繰り返す前に記録する
画像を作り直したり設定を何度も保存したりすると、何が表示に影響したのか分かりにくくなります。
次の情報を残します。
- 変更した画像と設定日時
- WordPress設定画面で確認した内容
- 確認した端末とブラウザ
- 古い画像が残っている表示場所
- 再確認日時と結果
原因が未確定なら「未確定」と記録します。
08|MANIARUで得た学び
MANIARUの立ち上げでは、サイトアイコンの設定だけでなく、検索結果への反映も確認する必要がありました。
関連記事:MANIARU公開直前の最終確認。最後にチェックしたこと(favicon が変わらないことに気づいた、公開直前の記録)
設定を保存したことと、すべての表示先で更新を確認できたことは別です。WordPressの設定、ブラウザの表示、検索結果を別々の確認項目にすると、不要な修正を減らせます。
なお、別端末の比較でMANIARUの不具合原因を特定したという実測結果は、この記事では主張しません。
まとめ|「変わらない場所」を切り分ける
faviconが変わらないときは、画像を何度も設定し直す前に、どこで古い表示が残っているかを確認します。
WordPressの設定、普段のブラウザ、別端末、Google検索結果を分けて見れば、次に調べる場所が見えてきます。
原因を急いで決めつけず、確認した事実を残す。それが表示の問題を再現可能なマニュアルに変える第一歩です。