Bagaimana cara menambahkan dukungan google chrome omnibox-search untuk situs Anda?

150

Ketika saya memasukkan beberapa URL di omnibox Google Chrome, saya melihat pesan di dalamnya "Tekan TAB untuk mencari di $ URL". Misalnya, ada beberapa situs Rusia habrahabr.ru atau yandex.ru. Ketika Anda menekan TAB Anda akan dapat mencari di situs itu, bukan di mesin pencari Anda. Bagaimana cara membuat situs saya untuk dapat melakukannya? Mungkin, saya perlu menulis beberapa kode khusus di halaman situs saya?

html google-chrome browser opensearch Abzac
sumber
Jadi, bagaimana cara memberi tahu Chrome bahwa situs saya adalah mesin pencari?
Abzac

Jawaban:

204

Chrome biasanya menangani ini melalui preferensi pengguna. (via chrome://settings/searchEngines)

Namun, jika Anda ingin menerapkan ini khusus untuk pengguna Anda, Anda perlu menambahkan OSD (Buka Cari Deskripsi) ke situs Anda.

Memanfaatkan Fitur OmniBox [TAB] Google Chrome untuk / di situs web pribadi?

Anda kemudian menambahkan file XML ini ke root situs Anda, dan menautkannya di <head>tag Anda :

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

Sekarang, pengunjung ke halaman Anda akan secara otomatis menempatkan informasi pencarian situs Anda ke dalam pengaturan internal Chrome di chrome://settings/searchEngines.

Contoh Format XML OpenSearchDescription

<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>

Bagian yang penting adalah <url>item. {searchTerms}akan diganti dengan apa yang dicari pengguna di omnibar.

Berikut ini tautan ke OpenSearch untuk informasi lebih lanjut.

element119
sumber
9
Perhatikan, bahwa tidak seperti Firefox, Chrome akan menemukan Deskripsi Buka Pencarian Anda hanya jika Anda meletakkannya di root situs web Anda .
varepsilon
2
apakah ada cara untuk mendapatkan "pencarian mahakotak" bekerja dengan firefox?
JinSnow
Bagaimana menemukan url yang mengarah langsung ke kotak permintaan di situs target? (misalnya di google translate)
JinSnow
2
jawaban untuk google translate tambahkan yang ini ke mesin pencari Anda: translate.google.com/?source=osdd#auto|auto|%s
JinSnow
Menambahkan mesin pencari di chrome://settings/searchEnginesadalah penghemat waktu! Terima kasih!
Esdras Lopez
30

Menerapkan dukungan omnibox dengan saran pencarian

Jawaban yang diberikan oleh @ element119 berfungsi sempurna tetapi di sini ada kode yang sedikit diubah untuk mendukung saran pencarian serta Dukungan Mozilla.

Ikuti langkah-langkah di bawah ini untuk menerapkan dukungan kotak omni untuk situs Anda.

  1. Simpan kode berikut sebagai search.xml
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/" xmlns:moz="http://www.mozilla.org/2006/browser/search/">
  <script/>
  <ShortName>Site Name</ShortName>
  <Description>Site Description (eg: Search sitename)</Description>
  <InputEncoding>UTF-8</InputEncoding>
  <Image width="16" height="16" type="image/x-icon">Favicon url</Image>
  <Url type="application/x-suggestions+json" method="GET" template="http://suggestqueries.google.com/complete/search?output=firefox&amp;q={searchTerms}" />
  <Url type="text/html" method="GET" template="http://yoursite.com/?s={searchTerms}" />
  <SearchForm>http://yoursite.com/</SearchForm>
</OpenSearchDescription>

  1. Unggah search.xml ke root situs Anda.

  2. Menambahkan meta tag berikut ke situs Anda <head>tag

<link rel="search" href="http://www.yoursite.com/search.xml" type="application/opensearchdescription+xml" title="You site name"/>

Pastikan untuk mengganti url domain dengan domain Anda.

Shan Eapen Koshy
sumber
1
Apakah itu <SearchForm>atau <moz:SearchForm>? Sepertinya saya tidak menemukan SearchFormdi dokumen OpenSearch dan semua sumber daya lain yang saya temukan daring gunakan <moz:SearchForm>.
Niels R.