Favicon（ファビコン）設置

最近、少しずつブログをカスタマイズしています。
今日は、Favicon（ファビコン）を設置しました。

ファビコンが何かというと、ウィキペディア（Wikipedia）によると

Favicon（ファビコン）はウェブサイトやウェブページに関連付けられたアイコンのことである。

用途についても引用すると

対応しているウェブブラウザはブックマーク(お気に入り)リストやアドレス表示欄、タブブラウザではタブに表示されたページタイトルの左側に読み込まれたアイコンを表示する。

ファビコン表示が可能のブラウザでサイトを見たときに、アドレスバーの左側にマークが表示されていることがあります。これが、ファビコンになります。
ファビコンをつけておくと、ブックマークしてもらった時や、何個もサイトを立ち上げてみているときに、他のサイトとの区別がつきやすいというメリットがあります。

設置の仕方も簡単で、まずは気にったFaviconをダウンロードするか、作ります。
今回、私は、ぴよの素材屋さんのfaviconを使わせてもらいました。
ファビコンの画像については、Internet ExplorerはICO形式しか認識しないそうなので、ＩＣＯ形式のものがいいと思います。

ファビコンの画像をサーバーにアップし、ｈｅａｄ内に、link要素として、記述します。
記述についても、引用すると

HTML/XHTML内でFaviconを指定するにはhead要素の中でを次のように用いる。単独でも効果はあるが、両方指定するのが望ましいとされる。
＜link rel=”shortcut icon” href=”http://example.com/favicon.ico” type=”image/vnd.microsoft.icon” /＞
＜link rel=”icon” href=”http://example.com/favicon.ico” type=”image/vnd.microsoft.icon” /＞

（＜＞は表示のために大文字にしています）
これであとは確認して表示されていれば、ＯＫです。

▼関連記事
関連記事はありません

スポンサードリンク