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

このQ&Aのポイント
  • ファビコンがindexページでは表示されるが、それ以降のページでは表示されない問題について
  • 「パスを指定して…」という参考サイトの情報にもかかわらず、試行錯誤しても解決できず
  • ファビコンの設置方法や各ページへの表示についてのアドバイスを求めています
回答を見る
  • ベストアンサー

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

indexページにファビコンを設置したのですが、indexではきちんと表示されるのに それ以降のページに表示されません。 参考にしたサイトでは「パスを指定して…」とあったのですが その「パス」の意味もよくわからず…色々試しましたが、どうしてもできません。 たとえばtop.htmlに表示させたいときはどうすれば良いのか、 各ページにタグを入れる必要があるかをお教えいただけないでしょうか。 タグは <link rel="shortcut icon" href="favicon.ico" > というのをindexに入れてあるだけです(ファビコンのファイル名もfavicon.icoです) 同じ階層にファイルをアップロードというのも試しました。 よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • Muller3
  • ベストアンサー率81% (800/979)
回答No.1

>各ページにタグを入れる必要があるかをお教えいただけないでしょうか。 通常、ドキュメントルート(ドメイン直下)に「favicon.ico」を置けば、タグを書く必要はなく、全てのページに反映すると思うのですが(ico形式で作ったのではなくて、画像ファイルの拡張子をicoに変えただけとか?) とりあえず、indexページにタグを書くことで反映しているとのことですので、他のページにもタグを書くことで反映すると思います。もちろん、favicon.icoへのパスはちゃんと通す必要があります。 パスがよくわからないなら、favicon.icoのURL(http://****/favicon.ico)でいいでしょう。これなら各ページがどの階層にあっても全て同じ記述で済みますので。 <link rel="shortcut icon" href="http://****/favicon.ico" >

hasebeyui
質問者

お礼

>ico形式で作ったのではなくて、画像ファイルの拡張子をicoに変えただけとか? 気が付いて変換ソフトを使いアップロードし直したところ、解決しました。 全ページにきちんと反映されているようです。 回答ありがとうございました。助かりました…!

関連するQ&A

  • IEだけファビコンが表示されません

    IEとwindowsのデスクトップ上とネクサス5のお気に入り上だけファビコンが表示されません。 下記であっていますよね。 キャッシュも履歴も削除して再起動しても出てきません。 ファビコンのフルパスを入れるともちろんアイコンが表示されます。 ほかに原因はありうるのでしょうか? <!--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
  • 元々あるファビコンが消えない

    ファビコンを設置しようと以下のタグをメタタグの近辺に貼り付けました。 <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
  • ファビコン

    ファビコンを設置しましたがうまくいきません。 専用ソフトで作成。 indexと同じ所にアップロード。 indexに<LINK REL="SHORTCUT ICON" href="favicon.ico">と入力。 と、やってみましたが出来ませんでした。 フレームのあるサイトです。 設置方法の間違いを教えて下さい。

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

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

    • ベストアンサー
    • HTML
  • ファビコンについて教えてください。

    <link rel="shortcut icon" href="favicon.ico" > <link rel="icon" href="anime_favicon.gif" type="image/gif" /> これをHEAD間に書き込んでみました。サーバー上にはhtmlと同じ段階層に入れてます。 ファイヤーフォックスのほうではファビコンが表示されてうまく行きましたが、IEでは表示されません。 IEは登場したばかりの9です。 詳しい方がいましたらHEAD間のタグに間違いがあるかどうかを見てくれませんか?

    • ベストアンサー
    • HTML
  • 同一サイト内で違うファビコンを表示させたい

    私のサイトのディレクトリは下のように構成されていて、特に指定はしていないのですが トップページとpage-a,b,cにファビコン(favicon.ico)が表示されています。 その上で、「page-c」だけ違うファビコン(favicon02.ico)を表示させてくて、フォルダCに その画像を入れ、<head></head>内にタグで指定したのですが、いつまで経っても 元のファビコンのままです。やり方がおかしいのでしょうか。よろしくお願いします。 | ├ index.html ├ favicon.ico ├ フォルダA | └ page-a.html ├ フォルダB | └ page-b.html ├ フォルダC | └ page-c.html → <link rel="shortcut icon" href="●ttp://www.oooo.jp/フォルダC/favicon02.ico"> | └ favicon02.ico |  

  • ファビコン導入方法

    いまいち説明サイトを見てもわかりません。。 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>の後に書き込めばいいんでしょうか? 要するにファビコンまでのルートを書きますという説明が よくわかりません。 よろしくお願いいたします。

  • ファビコンについて

    一般的にファビコンは以下のようなソースで貼り付けますが <link rel="shortcut icon" href="http://*****.**/favicon.Ico"> これだと認識しないブラウザがあります。特にInternet Explorer 6あたりはそうなのですが、その中でも必ず表示されて、残るファビコンがあります。 そのホームページのソースを見ると、上記のような記述がありません。 いったいそのサイトは、どのようにしてファビコンを認識させているのでしょうか?

  • ファビコンの設置についてミスを指摘してください

    ファビコンの設置についてはたくさんの対処法が書かれていますが、 昨日から試してみましたが、一向に改善できないので、 ちょっとしたミスかもしれないと思い質問させていただきます。 以下、設置の流れ。 1.16×16の画像を作成しました。 2. 作成した画像をファビコン用の形式に変換するソフトでfavicon.icoを自動作成。 3.サイトファイルのIndexが置いてある最上位にテキストモードでアップロードしました。 4.トップページindexのhtmlに<link rel="shortcut icon" href="favicon.ico" >を書き込みました。 どこが間違っているのか指摘していただければ幸いです。 「indexの内容」 <META name="description" content="○○○○"> <META name="Keywords" content="○○○○"> <TITLE>○○○○</TITLE> <link rel="shortcut icon" href="favicon.ico" > <LINK rel="stylesheet" type="text/css" href="hpb9tm08_7.css" id="hpb9tm08_7"> <STYLE type="text/css"> ちなみに、アップロードしたfavicon.ico「/home/○○○/www/favicon.ico」の詳細を見ると、 「読み込み文字コード・シフトJIS」で「臼NGIHDR 泚祿 PLTE`9 qN,キヲ浮・・・・・」という文字列が出ます。 ひょっとすると、favicon.icoの自動作成ツールの問題なのでしょうか?

  • ファビコンが表示されません。HP作成中です☆

    お忙しい所恐れ入ります。 「ファビコン」で検索し、対処したのですが解決しないので 質問させて下さい。 今、ホームページビルダー13(体験版)でウェブページを作っています。 ブラウザにファビコンを表示させたいのですが、うまくいきません。 ☆コードは・・・ <HEAD> <LINK rel="SHORTCUT ICON" href="favicon.ico"> </HEAD> を、全部のページに入れています。 ☆ファビコンアイコンは・・・ FC2さんの一番上層の階(index.htmlのある場所)です。 好きな画像を.icoに変えてくれるサイトで作り、 拡張子も.icoになっていて、アイコンの名前もfaviconです。 サイズは32×32になっています。 ☆使っているブラウザは・・・ IE7タブブラウザです。他のサイトのファビコンは表示されます。 ☆使っているサーバーは・・・ FC2の無料のものです。 情報が足らなかったりしたら済みません。 いったい何を直したらいいのか・・・ よろしくお願いいたします。

専門家に質問してみよう