• 締切済み

ファビコン導入方法

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

  • hufu
  • お礼率14% (9/62)

みんなの回答

  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.1

まず、fabicon.ico じゃなくて favicon.ico に訂正しましょう。 今回のルートとは、画像を表示する場所・URLの事。 このURLを叩けば、favicon.ico が表示されればＯＫです。 /image/favicon.ico　って事は、 /image/フォルダの中に favicon.ico があるから 自分のURL/image/favicon.ico　が、ファビコンまでのルートって事。 /image/フォルダが質問者さんの何処の環境下に置いてあるかによって href="自分の場合、自分のURL/image/favicon.ico"が決定するので、 その場所は第三者にはわからないので回答出来ないが・・・ index.htmlと同じ所に/image/フォルダがあるのなら ＜link rel="shortcut icon" href="自分のURL/image/favicon.ico" /＞ その下とか、例えば　/gazou/フォルダ内の/image/favicon.icoなら ＜link rel="shortcut icon" href="自分のURL/gazou/image/favicon.ico" /＞ これを　<head>　と　</head>　の間に記述。 ------------------------------- 実は、以上のように難しく考えるよりも、 ブログなどとは違い、サーバを自由に利用可能なら、 本来なら、favicon.ico を単にルートにアップするだけで良いのです。 上記のように、フォルダなんかに入れず、＜link rel=なんかも利用せず、 単に index.htmlなどがある所（一緒の場所・一番上の場所）に favicon.ico だけをアップするだけで良いのです。 上記の＜link rel=を利用する場合は、ブログや特定のページにファビコンを表示する場合だけの設定方法なので・・・ キャッシュの関係で数日間、表示が不安定な場合もありますけど。

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

  • 元々あるファビコンが消えない

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

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

  • ファビコン

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

  • ファビコンについて教えてください。

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

    • ベストアンサー
    • HTML
  • ファビコンがうまく表示されない

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

  • ファビコン画像

    ダウンロードするファビコン画像は何処に保管するのでしょうか？ 下記の記述で何度試しても表示されません。 ファイルの削除や再起動をしても同じです。 サイトは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

  • ファビコンの全ページ表示

    ２つめのサイトを立ち上げファビコンを設置したのですが、 トップページにしか表示されません。 最初のサイトは全ページに表示されているのですが…。 中身の前後は、 <script type="text/javascript"> <!--var preloadFlag = true;// --></script> </csactiondict> <link rel="shortcut icon" href="http://www.(サイトＵＲＬ)/favicon2.ico"> </head> です。 どうぞご指導願います。

  • ファビコンのカスタマイズ

    so-netブログでファビコンを変更したいのですが、下記の記述で表示されません。 どの部分がいけないのでしょうか？何方かご教授をお願いします。 <link rel="shortcut icon" href="/_images/blog/_2da/bmwstyle/ICO_BMW.gif" width="16" height="16" border="0" align="" alt="ICO_BMW.gif" /> <link rel="icon" href="/_images/blog/_2da/bmwstyle/ICO_BMW.gif" width="16" height="16" border="0" align="" alt="ICO_BMW.gif" />

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

    私のサイトのディレクトリは下のように構成されていて、特に指定はしていないのですが トップページと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 ｜ 　

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する