- ベストアンサー
ファビコンが表示されない
ネット上に掲載されているファビコン設定の説明に従っているつもりなのですが、 どうしてもファビコンが表示されません。 HPの構成は以下で、「index.html」に「menu.htm」と「top.html」を呼び出している フレーム形式のトップページです。 /home ├index.html ├top.html ├menu.html └imageフォルダ └favicon.ico 「index.html」だけでなく、念のため「menu.htm」と「top.html」にも<HEAD>内に 下記タグを入れていますが、ファビコンが表示されません…。 <link rel="shortcut icon" href="image/favicon.ico"> 以下のことは試してみました。 ・ファビコンはico生成ソフトで作っています ・インターネットオプションで、一時ファイル履歴を削除 ・ブラウザを再起動 ・ブックマークを削除し、お気に入りに追加を改めてしてみる これだけしても、やはりファビコンが表示されないのです。 一体何が悪いのでしょうか…？？ 詳しい方、是非お助け下さい！
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
一つ一つ問題を切り分けてみてはどうでしょう？ 1. ブラウザがfaviconを表示できる？ 念のため、ローカルテストで。 --- <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'> <html lang='ja' xml:lang='ja' xmlns='http://www.w3.org/1999/xhtml'> <head> <meta http-equiv='content-type' content='text/html; charset=utf-8' /> <meta http-equiv='content-style-type' content='text/css' /> <meta http-equiv='content-script-type' content='text/javascript' /> <title>TEST</title> <link href="http://okwave.jp/favicon.ico?20081110" rel="shortcut icon"/> </head> <body> </body> </html> --- 2. icoを相対パスにして表示できる？ http://okwave.jp/favicon.ico?20081110 を /home にダウンロードして、 <link href="favicon.ico" rel="shortcut icon" /> でローカルテスト。 3. favicon.ico のパスは正しい？ /image にOKWaveからDLした favicon を置いて、 <link href="image/favicon.ico" rel="shortcut icon" /> でローカルテスト。 4. 自作の favicon.ico は問題ない？ favicon.ico を自作のアイコンに取り替えて、ローカルテスト。 5. サーバの設定に問題はない？ index.html と favicon.ico をサーバにUPしてテスト。 私の環境では、4. まではパスしました。(サーバテストはやっていません) HTMLは上で示したように可能な限り、簡易的なものにしてみてください。 少しずつ今のHTMLにしていけば「どこで躓くか」わかりますから、そこで問題を切り分ければいいと思います。
その他の回答 (4)
- think49
- ベストアンサー率59% (285/482)
#4の方の回答を見て気が付いたことを。 > http://shimax.cocolog-nifty.com/search/2007/07/faviconie7_4243.html ブラウザ依存だとは気が付きませんでした。 これでテストして気が付いたのですが、ローカルテストは file:// … IE7でNG、FxでOK http://127.0.0.1/ … IE7,FxでOK なんですね。 htmlファイルをダブルクリックしていたら、IE7では表示されないようです。 ですので、お使いのPCでApacheなどのサーバプログラムを立ち上げていないようでしたら、ローカルテストは止めてサーバにUPしてテストしてみてください。 それにしても、テストが面倒な仕様ですねぇ…。
お礼
！！！ 進展がありました！！ 教えていただいたTEST.htmlをサーバに置いてアクセスしたところ、OKファビコンが表示されるのを確認できました。「2.」に進み <link href="favicon.ico" rel="shortcut icon"/> と変更して、自分で用意したファビコンが表示されるかテストしたら、そのままOKファビコンが表示されています。これもまた履歴を削除しないとダメなのでしょうかね？ 今からブラウザを閉じて再チャレンジしてみます。
補足
「この回答へのお礼」の続きです。履歴を削除してみると、「OK」ファビコンは消えましたが、私が用意したファビコンは表示されませんでした。どうやらファビコンに問題があるようです。作り直して再アップしてみます。
http://shimax.cocolog-nifty.com/search/2007/07/faviconie7_4243.html 上記に回答が出てました（汗 コレで解決する筈。
お礼
ありがとうございます！ 読んでいてまさに私の環境なのではないかと、ようやく解決か！と、喜び勇んですべての履歴を消し、一時ファイルも消し、ブラウザを再起動するだけでは飽き足らず、PCまで再起動して、サーバ上でテストしてみました！ しかし！ やはり表示されませんでした…！！（血涙） 念のため、家族のPCで確認してみましたが、やはりファビコンは表示されておりませんでした。かれこれ4日間ほど格闘しているのですが、一体何が原因なのでしょうか…泣きそうです…。
- think49
- ベストアンサー率59% (285/482)
#2です。補足を読みました。 > 「1.」で既にダメでした。これは一体どういう問題なのでしょうか？ すみません。HTMLに半角スペースが混在していたようです。 <link href="http://okwave.jp/favicon.ico?20081110" rel="shortcut icon"/> この部分で http:// の前にスペースが入っているので、取り除いてみてください。 私の環境では、これでファビコンが表示されました。
お礼
何回も本当にありがとうございます（感涙） 確かにご指摘のhttpの前に半角スペースが入っていたので、削除の上 テストしてみましたが、やはりファビコンは出現しませんでした。 ソースの他の箇所にもhttpの前に半角スペースが入っていたので、 それも削除しましたが、やはり出現せず…。 ちなみに http://okwave.jp/favicon.ico?20081110 のリンクを 押せば「OK」ファビコンは確認できたので、URLが間違っている訳 ではなさそうです。一体何が悪いのでしょうか…。
補足
ご報告を書ける欄がなくなってしまったので、こんなところから失礼します。 ついに！！ 解決しました！！！ ありがとうございます！ think49さんの 導きがあったお陰です。 一応、解決までの経緯をご報告いたしますと、現在のfavicon.icoを、これを作った ソフトとは別のソフトで開こうとしたところ、「ファイル形式にエラーがあります」 と出て、これが原因かと思い、新しいソフトでfavicon.icoを作り直しましたが、 まだ上手く行かず。その後さらに調べて、FTPで「バイナリモードで転送」を選んで アップしたところ、ようやく表示されました！！ favicon.icoがマズかったのと、バイナリモードで上げていなかったことの両方が 原因だったようです。 長かった……しかし皆様のお陰でで解決いたしました。本当にありがとうございました！！！
ローカルではどうでしょうか？ imageディレクトリでは無くhomeに直接置いた場合はどうですか？ <link rel="shortcut icon" type="image/x-icon" href="image/favicon.ico"> と記述した場合は如何でしょうか？
お礼
homeに直接favicon.icoを置いて、下記のようにしてもダメでした。 <link rel="shortcut icon" href="favicon.ico"> 教えていただいた下記タグでもダメでした…。 <link rel="shortcut icon" type="image/x-icon" href="image/favicon.ico"> 念のため、上記タグをindex.htmlだけに入れたり、他menu.htmlに入れたりもしたのですが、やはりダメでした…。 一体何がいけないのでしょうか？？ ちなみにブラウザはIE ver7です。
お礼
詳しい導きをありがとうございました！ 「1.」で既にダメでした。これは一体どういう問題なのでしょうか？ ブラウザの問題？になるのですか？ ファビコンと言うものが見られない訳ではなく、 私のお気に入りには様々なサイトのファビコンがちゃんと見られます。 ブラウザのアドレスバーにもちゃんとファビコンが出ます…。 もし宜しければ更なる導きをお願いいたします。自力で解決できません…。