[解決済み] 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}
は、ユーザーがオムニバーで検索した内容で置き換えられます。
以下は、リンク先です。 オープンサーチ をご覧ください。
関連
-
[解決済み] <html xmlns="http://www.w3.org/1999/xhtml">」は何をするものですか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] HTMLの "role "属性は何のためにあるのですか?
-
[解決済み] CSSでdivのアスペクト比を維持する
-
[解決済み] HTML5でfloat入力タイプはありますか?
-
[解決済み] hr要素の色を変更する
-
[解決済み] Zalgoテキストはどのように機能しますか?
-
[解決済み] localStorage、sessionStorage、session、cookieの違いは何ですか?
-
[解決済み] 親ディバイスの高さを指定せずに、子ディバイスの高さを100%にする方法は?
-
[解決済み] chromedriverでSeleniumを使用していることをWebサイトで検出することは可能ですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] HTMLで複数選択を許さないリストボックスを作るには?
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] Sublime Text 2を使ってHTMLコードを再フォーマットするにはどうしたらいいですか?
-
[解決済み] ローカルストレージとCookieの比較
-
[解決済み] WebSocketとサーバー送信型イベントの比較/EventSource
-
[解決済み] div内の要素を縦に並べるにはどうしたらいいですか?
-
[解決済み] 入力フィールドに :before や :after 疑似要素を使用できますか?
-
[解決済み] HTML5で(非空白の)自己閉鎖タグは有効ですか?
-
[解決済み] Do I use <img>, <object>, or <embed> for SVG files?
-
[解決済み] localStorage、sessionStorage、session、cookieの違いは何ですか?