IEでファビコン(ブックマークアイコン)が更新されない時

ファビコン(favicon.ico)とは、WEBサイトなどをお気に入りやブックマークした際
または、ブラウザIE(インターネットエクスプローラー)ではURLの左の頭に出る
そのサイト、ページのアイコンのことです。

オリジナルファビコンを作っておくと、
ブックマークやお気に入りに入れてもらった際
サイトのイメージ、キャラクターなどで、アイコンを作っておくと
見つけてもらいやすくなりますね。

ファビコンの作り方は簡単です。
正方形のアイコンに使いたい画像を用意しておいて
下記のようなサイトから自動生成して、ファイルをDLします。

ファビコン favicon.ico を作ろう! リアルタイム版
ファビコン favicon.ico を作ろう! リアルタイム版。16x16と32x32と48x48ピクセルのマルチアイコンが簡単に作れます。プレビューはリアルタイムに確認できます。

サーバーにアップする場所は、サイトルート
index.htmlなどトップページを格納してある場所に
favicon.icoという.icoという拡張子のままアップロードするだけで
そのサイトのブックマークアイコンであることが検地されます。

各フォルダー(ディレクトリ)毎でファビコンを変更したい場合は
HTMLのhead内に下記のような記述が必要です。

<link rel=”shortcut icon” href=”http://×××.com/favicon.ico” type=”image/vnd.microsoft.icon”>
<link rel=”icon” href=”http://×××.com/favicon.ico” type=”image/vnd.microsoft.icon”>

ファビコンの直URLでアップロードができているか確認してみましょう。
http://×××.com/favicon.ico

小さなアイコンが表示されていれば、OKです。

既にお気に入りに自分のサイトが入っている場合は一旦お気に入りから削除します。
IEを一旦閉じて、あらためてIEを開き、自サイトにアクセスしてみてください。

それでも、IEのキャッシュ(一時ファイル)か残っていると
ファビコンをアップロード、または更新する前のアイコンが出てきてしまいます。

そこで、IEからキャッシュ(一時ファイル)を削除します。
それでも、アイコンが切り替わらない場合は
下記の方法で「IEを開く度にキャッシュを更新する」設定を一度試してみてください。

①IEのツールからインターネットオプション選択

IEツール

②全般→閲覧の履歴→設定

IE-一時ファイルの設定

③インターネット一時ファイル(=キャッシュ)の設定で
デフォルトでは「自動的に確認する」にチェックが入っているのを
一旦「IEを開始するたびに確認する」にチェックして「OK」

IE-キャッシュの設定

これで、一旦、IEを閉じて、再度IEを開いて
自分のサイトをお気に入りからではなく、検索や直URLでダイレクトにアクセス
更新されたファビコンが表示されると思います。

また、デフォルトの設定でキャッシュの保存期間が過ぎると
自動的に、ある日突然、新しいアイコンに切り替わっていることもありますので
この辺の設定が難しい人は、しばらく、じ~と待っていてください。^_^;

この設定を変更すると、IEの記憶を毎回確認することになるので
表示スピードなどの関係で不便が生じますので
ファビコンが切り替わったことが確認でしたら
もとの「自動で確認する」にチェックを入れておいた方がいいと思います。

コメント