- ベストアンサー
ファビコンが表示されない
ネット上に掲載されているファビコン設定の説明に従っているつもりなのですが、 どうしてもファビコンが表示されません。 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生成ソフトで作っています ・インターネットオプションで、一時ファイル履歴を削除 ・ブラウザを再起動 ・ブックマークを削除し、お気に入りに追加を改めてしてみる これだけしても、やはりファビコンが表示されないのです。 一体何が悪いのでしょうか…？？ 詳しい方、是非お助け下さい！
- space_t78
- お礼率54% (231/424)
- HTML
- 回答数5
- ありがとう数6
- みんなの回答 （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です。
関連するQ&A
- IEだけファビコンが表示されません
IEとwindowsのデスクトップ上とネクサス５のお気に入り上だけファビコンが表示されません。 下記であっていますよね。 キャッシュも履歴も削除して再起動しても出てきません。 ファビコンのフルパスを入れるともちろんアイコンが表示されます。 ほかに原因はありうるのでしょうか？ <!--favicon--> <link rel="shortcut icon" href="URL/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="icon" href="URL/favicon.ico" type="image/vnd.microsoft.icon" />
- ベストアンサー
- CSS
- ファビコンがうまく表示されない
indexページにファビコンを設置したのですが、indexではきちんと表示されるのに それ以降のページに表示されません。 参考にしたサイトでは「パスを指定して…」とあったのですが その「パス」の意味もよくわからず…色々試しましたが、どうしてもできません。 たとえばtop.htmlに表示させたいときはどうすれば良いのか、 各ページにタグを入れる必要があるかをお教えいただけないでしょうか。 タグは <link rel="shortcut icon" href="favicon.ico" > というのをindexに入れてあるだけです(ファビコンのファイル名もfavicon.icoです) 同じ階層にファイルをアップロードというのも試しました。 よろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- 元々あるファビコンが消えない
ファビコンを設置しようと以下のタグをメタタグの近辺に貼り付けました。 <link rel="icon" href="favicon.ico" type="http://hoge.jp/images/favicon.ico" /> <link rel="shortcut icon" href="favicon.ico" type="http://hoge.jp/images/favicon.ico" /> もちろんファビコン自体もアップしています。 添付の画像のように元々犬の足跡のようなファビコンが張り付いています。 消えるかと思ったら消えません。 記述を見たところ、それらしき記述は見当たらりません。 このマークは、確かどこかのサーバーマークではないでしょうか？ どうしたら、これを削除し、新しいファビコンを設置できるのでしょうか？
- ベストアンサー
- HTML
- 同一サイト内で違うファビコンを表示させたい
私のサイトのディレクトリは下のように構成されていて、特に指定はしていないのですが トップページとpage-a,b,cにファビコン（favicon.ico）が表示されています。 その上で、「page-c」だけ違うファビコン（favicon02.ico）を表示させてくて、フォルダＣに その画像を入れ、<head></head>内にタグで指定したのですが、いつまで経っても 元のファビコンのままです。やり方がおかしいのでしょうか。よろしくお願いします。 ｜ ├ index.html ├ favicon.ico ├ フォルダＡ ｜ └ page-a.html ├ フォルダＢ ｜ └ page-b.html ├ フォルダＣ ｜ └ page-c.html → <link rel="shortcut icon" href="●ttp://www.oooo.jp/フォルダＣ/favicon02.ico"> ｜ └ favicon02.ico ｜
- ベストアンサー
- その他（インターネット・Webサービス）
- ファビコンについて教えてください。
<link rel="shortcut icon" href="favicon.ico" > <link rel="icon" href="anime_favicon.gif" type="image/gif" /> これをHEAD間に書き込んでみました。サーバー上にはhtmlと同じ段階層に入れてます。 ファイヤーフォックスのほうではファビコンが表示されてうまく行きましたが、ＩＥでは表示されません。 ＩＥは登場したばかりの９です。 詳しい方がいましたらHEAD間のタグに間違いがあるかどうかを見てくれませんか？
- ベストアンサー
- HTML
- ファビコンについて
一般的にファビコンは以下のようなソースで貼り付けますが <link rel="shortcut icon" href="http://*****.**/favicon.Ico"> これだと認識しないブラウザがあります。特にInternet Explorer 6あたりはそうなのですが、その中でも必ず表示されて、残るファビコンがあります。 そのホームページのソースを見ると、上記のような記述がありません。 いったいそのサイトは、どのようにしてファビコンを認識させているのでしょうか？
- 締切済み
- その他（インターネット接続・通信）
- ファビコン
ファビコンを設置しましたがうまくいきません。 専用ソフトで作成。 indexと同じ所にアップロード。 indexに<LINK REL="SHORTCUT ICON" href="favicon.ico">と入力。 と、やってみましたが出来ませんでした。 フレームのあるサイトです。 設置方法の間違いを教えて下さい。
- 締切済み
- その他（インターネット・Webサービス）
- ファビコン導入方法
いまいち説明サイトを見てもわかりません。。 HTMLのどこに下のサイトはブログに入れたタグなんですが、なんだそうですが、 ＜link rel="shortcut icon" href="http://specialplan.net/blog/favicon.ico" /＞ ＜link rel="shortcut icon" href="自分の場合、自分のURL/image/fabicon.ico" /＞ ではいけないんですか？もしくは自分のURLの次にindexを入れますか＞？ そして、imegeのフォルダーの中に入れておけばいいんでしょうか？ ファビコン作成ソフトで、書き出しはしています、 <head>の後に書き込めばいいんでしょうか？ 要するにファビコンまでのルートを書きますという説明が よくわかりません。 よろしくお願いいたします。
- 締切済み
- ホームページ作成ソフト
- ファビコン画像
ダウンロードするファビコン画像は何処に保管するのでしょうか？ 下記の記述で何度試しても表示されません。 ファイルの削除や再起動をしても同じです。 サイトはso-netブログです。 <link rel="shortcut icon" href="C:\Documents and Settings\masa\My Documents\favicon ico" type="image/vnd.microsoft.icon"/> <link rel="icon" href="C:\Documents and Settings\masa\My Documents\favicon ico" type="image/vnd.microsoft.icon"/> この記述であっていると思うのですが 何方か宜しくお願いします。 m(_ _)m
- ベストアンサー
- ブログ
- favicon(ファビコン）の別の読み込ませ方
ファビコンで大変悩んでいます。いろいろ調べましてファビコンをhtmlを使い、<head>内に <LINK REL="SHORTCUT ICON" HERF="http://***.***.com/***/favicon.ico"> と入力し、表示させようとしましたがブックマーク追加しなおし等をしましても表示することができません。 ちなみに他のサイトのファビコンは正常に表示されています。（interenet explorer,firefoxの両方とも） ちゃんとアップされているかどうか調べてみたところ （http://***.***.com/***/favicon.ico）にアクセスしてみると、そこではファビコンがしっかりとhttpの前に表示されています。（firefoxで） もう訳がわかりません。herf以外での読み込ませ方？（javaやスタイルシート）を使った方法などはありませんか？ かなり行き詰っています。よろしくお願いします。
- 締切済み
- HTML
お礼
詳しい導きをありがとうございました！ 「1.」で既にダメでした。これは一体どういう問題なのでしょうか？ ブラウザの問題？になるのですか？ ファビコンと言うものが見られない訳ではなく、 私のお気に入りには様々なサイトのファビコンがちゃんと見られます。 ブラウザのアドレスバーにもちゃんとファビコンが出ます…。 もし宜しければ更なる導きをお願いいたします。自力で解決できません…。