ファビコン(favicon.ico)を楽に設置する方法 - コラム・事例 [All About プロファイル]

ようこそ、さん。
いせき けんじ
株式会社ファーストニード 
ITコンサルタント

注目の専門家コラムランキングRSS

対象:ホームページ・Web制作

長澤 信也
長澤 信也
(Webプロデューサー)
いせき けんじ
いせき けんじ
(ITコンサルタント)
青田 勝秀
(Webプロデューサー)

閲覧数順 期間:02/04-02/10

専門家の皆様へ All About プロファイルでは、さまざまなジャンルの専門家を募集しています。
出展をご検討の方はお気軽にご請求ください。

ファビコン(favicon.ico)を楽に設置する方法

- good

Webデザイン ファビコン(favicon.ico) 2008/03/11 11:00
今回は、ファビコンを設置する方法をご紹介します。

favicon.ico をマルチアイコンとして作成する方法は
こちらに解説していますので、合わせてご覧ください。

ファビコン(favicon.ico)を簡単に作成する



ファビコン設置方法1(ブログ向き)



link rel="shortcut icon" href="ファビコンまでのパス/favicon.ico" /

ブログ等の場合は、上記タグを
ヘッダーや、フリースペースに記述することで反映されます。

favicon.ico をサーバーにアップし、
そのファイルのURLを、上記タグの ファビコンまでのパス/favicon.ico
挿入してください。

ブログなどの場合、全ページ共通部分に、タグ挿入することで、
全てのページに自動反映されるので簡単ですよ。



ファビコン設置方法2(Webサイト向き)


ファイル名 htaccess.txt として、テキストファイルを作ってください。

そのテキストファイルに以下のように記述し保存します。

AddType image/xicon .ico
<Files favicon.ico>
ErrorDocument 404 ファビコンまでのパス/favicon.ico
</Files>

(※)<、> は、小文字に直して記入してください。

次に htaccess.txt を、サイトのindex.html と同じ場所にアップロードして、
サーバー上で、ファイル名を、「.htaccess」に変更します。

これで、サイト内のページ全てにファビコンが反映されます。

うまくいかない場合は、
サーバー側で、.htaccess の動作が許可されているかどうか確認してみてください。



ファビコンを設置しても、反映されない場合は?


ファビコンが反映されない場合は、ブラウザの履歴を削除しましょう。

IE7 の場合:
ツール - インターネットオプション - 全般タブ - 閲覧の履歴 - 削除
と進み、
・「インターネット一時ファイル」 ファイルの削除
・「履歴」 履歴の削除


削除後、ブラウザを再起動させて確認。これで大丈夫だと思います。

カテゴリ 法人・ビジネス 専門家コラムカテゴリ一覧

表示中のコンテンツに関連する専門家サービスランキング

谷口 浩一

株式会社チームデルタ

谷口 浩一

(Webプロデューサー)

その他サービス

【出張調査】潜在的魅力と強みが見える『お宿の通信簿』

100項目の徹底調査で出てくる貴館の『潜在的な魅力』をお見せします

伴 ともゆき

コンセプト創造研究所

伴 ともゆき

(経営コンサルタント)

レッスン・教室

部下のタイプを知り、マネジメントに活かす!

人は9つのタイプに分けられると言われます。部下のタイプを理解しタイプごとのマネジメントを学びましょう

網野 麻理

La Marie Francais

網野 麻理

(ビジネスコーチ)

対面相談 無料相談会
佐藤 正人
(企業再生コンサルタント)