dポイントプレゼントキャンペーン実施中！

ファビコンが表示されない

解決済

  • 質問者：space_t78
  • 質問日時：
  • 回答数：5件

ネット上に掲載されているファビコン設定の説明に従っているつもりなのですが、
どうしてもファビコンが表示されません。
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生成ソフトで作っています
　　・インターネットオプションで、一時ファイル履歴を削除
　　・ブラウザを再起動
　　・ブックマークを削除し、お気に入りに追加を改めてしてみる

これだけしても、やはりファビコンが表示されないのです。
一体何が悪いのでしょうか…？？　詳しい方、是非お助け下さい！

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (5件)

No.2ベストアンサー

  • 回答者： think49
  • 回答日時：

一つ一つ問題を切り分けてみてはどうでしょう？



1. ブラウザがfaviconを表示できる？
念のため、ローカルテストで。

---
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dt …
<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にしていけば「どこで躓くか」わかりますから、そこで問題を切り分ければいいと思います。
    • good
    • 0
    • 件
通報する
この回答へのお礼

詳しい導きをありがとうございました！
「1.」で既にダメでした。これは一体どういう問題なのでしょうか？
ブラウザの問題？になるのですか？　ファビコンと言うものが見られない訳ではなく、
私のお気に入りには様々なサイトのファビコンがちゃんと見られます。
ブラウザのアドレスバーにもちゃんとファビコンが出ます…。
もし宜しければ更なる導きをお願いいたします。自力で解決できません…。

通報する
お礼日時：2009/06/13 20:26

No.5

  • 回答者： think49
  • 回答日時：

#4の方の回答を見て気が付いたことを。



> http://shimax.cocolog-nifty.com/search/2007/07/f …
ブラウザ依存だとは気が付きませんでした。
これでテストして気が付いたのですが、ローカルテストは

file:// … IE7でNG、FxでOK
http://127.0.0.1/ … IE7,FxでOK

なんですね。
htmlファイルをダブルクリックしていたら、IE7では表示されないようです。
ですので、お使いのPCでApacheなどのサーバプログラムを立ち上げていないようでしたら、ローカルテストは止めてサーバにUPしてテストしてみてください。

それにしても、テストが面倒な仕様ですねぇ…。

この回答への補足

「この回答へのお礼」の続きです。履歴を削除してみると、「OK」ファビコンは消えましたが、私が用意したファビコンは表示されませんでした。どうやらファビコンに問題があるようです。作り直して再アップしてみます。

補足日時：2009/06/13 21:56
通報する
    • good
    • 0
    • 件
通報する
この回答へのお礼

！！！　進展がありました！！　教えていただいたTEST.htmlをサーバに置いてアクセスしたところ、OKファビコンが表示されるのを確認できました。「2.」に進み　<link href="favicon.ico" rel="shortcut icon"/>　と変更して、自分で用意したファビコンが表示されるかテストしたら、そのままOKファビコンが表示されています。これもまた履歴を削除しないとダメなのでしょうかね？　今からブラウザを閉じて再チャレンジしてみます。

通報する
お礼日時：2009/06/13 21:54

No.4

http://shimax.cocolog-nifty.com/search/2007/07/f …
上記に回答が出てました（汗
コレで解決する筈。
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございます！　読んでいてまさに私の環境なのではないかと、ようやく解決か！と、喜び勇んですべての履歴を消し、一時ファイルも消し、ブラウザを再起動するだけでは飽き足らず、PCまで再起動して、サーバ上でテストしてみました！　しかし！　やはり表示されませんでした…！！（血涙）　念のため、家族のPCで確認してみましたが、やはりファビコンは表示されておりませんでした。かれこれ4日間ほど格闘しているのですが、一体何が原因なのでしょうか…泣きそうです…。

通報する
お礼日時：2009/06/13 21:46

No.3

  • 回答者： think49
  • 回答日時：

#2です。

補足を読みました。

> 「1.」で既にダメでした。これは一体どういう問題なのでしょうか？
すみません。HTMLに半角スペースが混在していたようです。

<link href="http://okwave.jp/favicon.ico?20081110"​ rel="shortcut icon"/>

この部分で http:// の前にスペースが入っているので、取り除いてみてください。
私の環境では、これでファビコンが表示されました。

この回答への補足

ご報告を書ける欄がなくなってしまったので、こんなところから失礼します。
ついに！！　解決しました！！！　ありがとうございます！　think49さんの
導きがあったお陰です。
一応、解決までの経緯をご報告いたしますと、現在のfavicon.icoを、これを作った
ソフトとは別のソフトで開こうとしたところ、「ファイル形式にエラーがあります」
と出て、これが原因かと思い、新しいソフトでfavicon.icoを作り直しましたが、
まだ上手く行かず。その後さらに調べて、FTPで「バイナリモードで転送」を選んで
アップしたところ、ようやく表示されました！！
favicon.icoがマズかったのと、バイナリモードで上げていなかったことの両方が
原因だったようです。

長かった……しかし皆様のお陰でで解決いたしました。本当にありがとうございました！！！

補足日時：2009/06/13 23:35
通報する
    • good
    • 0
    • 件
通報する
この回答へのお礼

何回も本当にありがとうございます（感涙）
確かにご指摘のhttpの前に半角スペースが入っていたので、削除の上
テストしてみましたが、やはりファビコンは出現しませんでした。
ソースの他の箇所にもhttpの前に半角スペースが入っていたので、
それも削除しましたが、やはり出現せず…。
ちなみに　http://okwave.jp/favicon.ico?20081110　のリンクを
押せば「OK」ファビコンは確認できたので、URLが間違っている訳
ではなさそうです。一体何が悪いのでしょうか…。

通報する
お礼日時：2009/06/13 21:41

No.1

ローカルではどうでしょうか？


imageディレクトリでは無くhomeに直接置いた場合はどうですか？
<link rel="shortcut icon" type="image/x-icon" href="image/favicon.ico">
と記述した場合は如何でしょうか？
    • good
    • 0
    • 件
通報する
この回答へのお礼

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です。

通報する
お礼日時：2009/06/13 11:48

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報