2008/12/18

Faviconが表示されない Part 5 (全て解決)

Faviconが表示されない Part 4 (かなり改善)で「それでは、本テーマはこの辺で。」と言ったにもかかわらず、続報です。

IE7IE8 Betaはその後の確認では、 一度は表示されたはずのタブとアドレスバーがIEのアイコンに戻っていて、お気に入りのアイテムにだけカスタムFaviconが表示されていました。

さすがに、IEで表示されないのはちょっと、と思っていじっていたら、結局、Firefox 3.0、Chrome 1.0、Safari 3.1.1、IE7IE8 Betaで全て問題なく表示されました。
やったことは、
<head>
内の
<b:include data='blog' name='all-head-content'/>
より前を極力シンプルにし(具体的にはGoogle Webmaster Toolsと日米Yahoo! Site Explorerの認証メタタグのみ)、
Faviconの<link>タグのうちicoのもの
<link href='http://xth8aa.bay.livefilestore.com/y1pJPNQ75GxoCcD-dG0ysFMGsZU9vdIELY7h3QkAjEIFatDJM2iiRmXZKLC3rPhXXWisEAjKieq250/Cat-sushi.ico' rel='shortcut icon'/>
<link href='http://xth8aa.bay.livefilestore.com/y1pJPNQ75GxoCcD-dG0ysFMGsZU9vdIELY7h3QkAjEIFatDJM2iiRmXZKLC3rPhXXWisEAjKieq250/Cat-sushi.ico' rel='icon' type='image/vnd.microsoft.icon'/>

<b:include data='blog' name='all-head-content'/>
の直後に埋め込んだ、
以上です。

結局pngは使っていません。
複数箇所に重複して指定もしていません。

できてしまえばあっけないもんです。

結論として言えることは、
  • タグは上書きであり後出が有効
  • でも、全部パースしないから極力前方に置くべし
  • all-head-contentにはBloggerのデフォルトFaviconの<link>があるからカスタムFaviconはその後ろに置け
  • pngタイプFaviconは互換性がいまいち(?)
と言ったところです。