Headタグに次のコードを含めませんでしたが、faviconはブラウザに表示されたままです。
<link rel="icon" href="favicon.ico" type="image/x-icon" />
含める目的は何ですか?
Faviconのfavicon.ico
を呼び出さない場合は、そのタグを使用して実際のパスを指定できます(images/
ディレクトリにある場合)。ブラウザ/ Webページは、デフォルトでルートディレクトリでfavicon.ico
を探します。
実際には両方を実行して、すべてのブラウザがアイコンを見つけられるようにする必要があります。
ファイル "favicon.ico"に名前を付けてあなたのウェブサイトのルートに置くことはW3Cによる "推奨されない"方法です:
方法2(推奨しない):事前定義されたURIにfaviconを配置する
faviconを指定するための2番目の方法は、イメージを識別するために事前定義されたURIを使用することに依存しています: "/ favicon"、これはサーバーのルートからの相対パスです。この方法は、一部のブラウザがそのURIを使用してお気に入りを探すようにプログラムされているために機能します。
W3C - あなたのサイトにfaviconを追加する方法
そのため、すべての状況をカバーするために、 "rel"属性を追加して同じ.icoファイルを指すという推奨される方法に加えて、常にそうしています。
私はそれを2つの理由で使用します。
たとえば?v=2
のようなクエリパラメータを追加することで、アイコンの更新を強制することができます。このように:<link rel="icon" href="/favicon.ico?v=2" type="image/x-icon" />
パスを指定する必要がある場合.
単純にルートフォルダに追加するだけではうまくいきますが、faviconを変更する必要がある場合、更新に数日かかることがあります。キャッシュを更新してもうまくいきません。
多くの人が自分のクッキーパスを/に設定しています。それはすべてのfaviconの要求が少なくともクロムで、サイトのクッキーのコピーを送ることを引き起こすでしょう。あなたのfaviconをあなたのcookielessドメインにアドレスすることはこれを修正するべきです。
<link rel="icon" href="https://cookieless.MySite.com/favicon.ico" type="image/x-icon" />
トラフィック量によっては、これがリンクを追加する最も実用的な理由かもしれません。
Cookielessドメインの設定に関する情報: