1. ホーム
  2. html

[解決済み] Google Chromeのオムニボックス検索をサポートする方法を教えてください。

2022-04-24 06:41:52

質問

Google ChromeのオムニボックスにいくつかのURLを入力すると、「TABキーを押して$URLを検索してください」というメッセージが表示されます。例えば、habrahabr.ruやyandex.ruといったロシア語のサイトがあります。TABキーを押すと、検索エンジンではなく、そのサイト内で検索することができます。 どうすれば、私のサイトでも検索できるようになるのでしょうか?多分、私は私のサイトのページでいくつかの特別なコードを記述する必要がありますか?

解決方法は?

Chromeでは、通常、ユーザー設定によって処理されます。(経由 chrome://settings/searchEngines )

しかし、ユーザーのために特別にこれを実装したい場合は、OSD(Open Search Description)を追加する必要があります。

Google Chromeのオムニボックス[TAB]機能を個人サイトで活用したい方

次に、このXMLファイルをサイトのルートに追加し、そのファイルへのリンクを <head> タグを使用します。

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

これで、あなたのページを訪れた人は、自動的にあなたのサイトの検索情報がChromeの内部設定である chrome://settings/searchEngines .

OpenSearchDescription XML形式の例

<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/" xmlns:moz="http://www.mozilla.org/2006/browser/search/">
<ShortName>Your website name (shorter = better)</ShortName>
<Description>
Description about your website search here
</Description>
<InputEncoding>UTF-8</InputEncoding>
<Image width="16" height="16" type="image/x-icon">your site favicon</Image>
<Url type="text/html" method="get" template="http://www.yoursite.com/search/?query={searchTerms}"/>
</OpenSearchDescription>

重要なのは <url> の項目があります。 {searchTerms} は、ユーザーがオムニバーで検索した内容で置き換えられます。

以下は、リンク先です。 オープンサーチ をご覧ください。