bingの検索結果に表示されるアイコンとfaviconの記述

faviconが設定されていないサイトを見かけなくなった今日。

会社のPCをリカバリーしたことによりソフトが全て消失。

Sleipnirを愛用していたが、ソフトを入れ過ぎてまた動作が不安定になるのも面倒なので、とりあえずブラウザーはIEを使うことに。

デフォルトの検索はbing。

正直今まで使ったことがなかったであろうbing。

そんなbingでいろいろと検索しているのだが、ふと気が付いたことがある。

なんか検索結果の横にアイコンが・・・

bing検索結果

表示されるサイトとされないサイトがあり、その基準が不明確。

とりあえずfaviconの設定だろうと考え、いろいろ調べてみる。

すると、表示されているサイトはfaviconの記述がされていない所が多く、またはファイルタイプが指定されていない。

そこでfaviconについてちゃんと調べてみたところ、下記のサイトさんに到着。
⇒ favicon.ico はlink要素で明示的に指定するべきか

faviconがIE5の独自機能であったことを知る。

しかも、わざわざheadに記述しなくてもサイトのルート直下にfavicon.iconなるファイルを置いておけば勝手に読み込んでくれるらしい。

そして指定の仕方に違和感が・・・

ファイルタイプが「image/vnd.microsoft.icon」になっている。

こんなの今まで見たことない。

で、調べた結果・・・
⇒ ICO (ファイルフォーマット)

このファイルタイプが現在公式で登録されているそうな。

きっとこれに違いない!

そう思い、サイトのfavicon記述をを修正。

<link rel="shortcut icon" type="image/vnd.microsoft.ico" href="/images/favicon.ico">
<link rel="icon" type="image/png" href=&quot;/images/favicon.png">
<link rel="apple-touch-icon" type="image/png" href="/images/favicon.png">

ついでに他ブラウザーがサポートしてる「rel=”icon”」も指定。

iconはpng形式をサポートしているそうなので、もちろんpng形式で。

iPhoneでブックマークを画面上に置いた際に使用される「rel=”apple-touch-icon”」も指定。

これで表示されるだろう。

なんて思って、表示されていないサイトを見ていたら「image/vnd.microsoft.icon」をちゃんと指定してるサイトが・・・

それに、表示されているサイトの大半はfaviconの記述をしていなかった・・・

そうか、ルート直下にファイルを置かないといけないんだ。

とりあえず、直下にfavicon.iconを設置。

これで表示されるのか?

※追記※
続きを書きました
続・bingの検索結果に表示されるアイコンとfaviconの記述


コメントを残す