下層ディレクトリでfaviconを変更できない

Question

あるドメインhttps://example.com/にサイトAを、その下層ディレクトリhttps://example.com/sub/に別のサイトBを置きたいと思っているのですが、やってみると、サイトBのfaviconがサイトAのfaviconになってしまう現象が発生しています。

それぞれ以下のような形式でfaviconを設定しており、ファイルのパスは正しく設定されています。

<link rel="icon" sizes="160x160" href="https://example.com/images/icon.png" />

<link rel="icon" sizes="160x160" href="https://example.com/sub/images/icon.png" />

キャッシュをクリアしても変化はありませんでした。

解決方法のわかる方がいたら教えていただきたいです。よろしくお願いします。

Answer 1

すみません、環境を変えて確認したところ(具体的には会社のMacから同URLへアクセスしたところ)、問題の現象は現れなくなっていました..

記述の間違いというより、Chromeのfaviconのキャッシュが通常の方法ではクリアされない、ということなのでしょうか。

追記

問題が起きていた環境でも、再度PCを立ち上げると解消しました。
faviconのキャッシュをクリアするためにはブラウザの再起動が必要なようです。

Answer 2

ルート直下にファイル名favicon.icoとして直置きされていたりしませんか？
あと、端末によって優先表示されるものが少し異なります。

【正しいfaviconの設定方法を対応ブラウザ別にまとめる | Glatch（グラッチ） – 夫婦で活動するフリーランスWeb制作ユニット】
http://glatchdesign.com/blog/web/coding/943

【faviconやホーム画面アイコンの指定方法2017 [無料ホームページ作成クラウドサービス　まめわざ]】
https://mamewaza.com/support/blog/favicon2017.html

Comments

[mooey]

ご回答ありがとうございます。
はい、favicon.icoは存在していませんでした。
サイトAもサイトBも全く同じタグの書式や画像サイズを用いており、hrefの値だけが異なるような状況だったので、片方が優先されたということも考えにくいと思っています。

[kei344]

これとかどうでしょう。もうすでに試されていますか？

【Google Chromeのファビコンのキャッシュを削除する方法】
http://blogreyce.com/google-chrome-favicon-cache/

[mooey]

ブラウザの再起動は試していませんでした!
自己解決に書いたように別の端末からアクセスすると期待する動作になったのですが、今日また後で問題が発生していた環境で確認してみます。
そこでも解消していた場合は、faviconのクリアには再起動が必須ということですね。

[mooey]

問題が起きていた環境でも、再度PCを立ち上げると解消していました。
あっけない結論になりすみません。ありがとうございました。

[kei344]

解決したようで、良かったです。お疲れ様です。