【TIPS】独自のブックマークアイコンを ~favicon.icoを設置

LinkedIn にシェア
Pocket

 ブログ設置やなんやらでてっきし忘れていたfavicon.icoを設置してみました。favicon.icoを正しく設定しておくと、ブックマーク登録したときにブラウザデフォルトのアイコンではなく、登録したアイコンが表示されるようになります。こうすることによって、アイコンの視覚による差別化が図れるわけです(ブックマークされるコンテンツをどうのこうのというのはここでは触れません(笑))
※ブラウザのキャッシュ状況などによってはうまく表示・登録されないこともある(一度キャッシュクリアしてから登録するのが確実です)

 ホームページ素材のサイトから拝借してくるのもいいんですが、せっかくなんでfavico.icoを作成してみましょう。昔はベクターあたりからソフトを落としてきて、作業が幾分かあったわけですが、最近はウェブ上だけで自動作成で完結してしまいます。Favicon Japan!!に正方形の画像を読ませてfavicon.icoを作ってしまいましょう。

Favicon Japan!! -16×16の小宇宙ファビコン-

 favico.icoの検索結果がいまいち芳しくないなーと思っていたら、それに応えるようにできていたサイトです。運営しだしたヒト偉イ!

 実際はこちらのページを参照してもらえればすんでしまうのですが(苦笑)、それじゃあ能もないのでこちらでも。まずは任意のフォルダにfavicon.icoを

<link rel="shortcut icon" href="$URL/favicon.ico">

を<head></head>内に記述します。なおMovableTypeの場合は

<link rel="shortcut icon" href="<$MTBlogURL$>favicon.ico" />

 としておけばウェブログのindex.htmlと同じところにfavicon.icoを置いておけばOKです。
 ちなみに拙サイト・拙ブログのファビコンは
 blogfavicon

関連リンク

FavIcon from Pics — how to create a favicon.ico for your website
英語サイト。こちらもほぼ同じ機能です。


ヤフー!・グーグルSEO対策テクニック

できる100ワザ SEO & SEM 集客も売上もアップするヤフー!・グーグル対策

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です