Mar 19, 2009

[Misc] OpenSearch に対応する方法

OpenSearch とは によると、OpenSearch とは

OpenSearch is a collection of simple formats for the sharing of search results.
You can use OpenSearch formats to help people discover and use your search engine and to syndicate search results across the web.
というものらしい。 対応すると Firefox の検索バーに Google や Yahoo と並んで自分のサイトを表示できる様だ。 早速遊んでみることに。
Creating OpenSearch plugins for Firefox

OpenSearch description document の作成

まずは OpenSearch description document を作成する。 詳細は OpenSearch description document に譲ることにして、ここではこのブログ用の内容をメモしておく。

<OpenSearchDescription xmlns=""
  <ShortName> blog search</ShortName>
  <Description> blog search</Description>
  <Image width="16" height="16">data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAPSGlDQ1BJQ0...(略)</Image>
  <Url type="text/html" method="GET" template="">
    <Param name="key" value=""/>
    <Param name="q" value="{searchTerms}"/>
以下の 2 点だけ気をつければ作成自体は特に難しいことではない。
  1. 検索のクエリ文字列は {searchTerms} で置換される。
  2. アイコン 16 x 16 で作成し、Base64 でエンコードして <Image> 内に埋め込む。サーバに置いて参照することもできる様だ(上の例では埋め込んでいる)。アイコンを Base64 でエンコードするのは The data: URI kitchen を使うと楽。

HTML ヘッダにリンクを設定

HTML ヘッダに OpenSearch description document へのリンクを設定する。

    <link rel="search" type="application/opensearchdescription+xml" title=" blog" href="/blog/opensearch.xml" />

Firefox で検索

OpenSearch に対応したサイトを開き、Firefox 検索バーのプルダウンを開くと





Posted in Misc | このエントリーをはてなブックマークに追加 | この記事をクリップ! livedoor クリップ |