Bagaimana cara membuat fitur pencarian situs di bilah alamat Chrome?

Ketika Anda pergi ke stackoverflow.com di Google Chrome dan jika Anda meletakkan spasi di depan karakter terakhir, bilah alamat akan mengubahnya di screen shot saya di bawah ini.

Kemudian Anda dapat menekan Tab dan Anda dapat mengetikkan apapun, dan menekan Enter akan membawa Anda ke halaman pencarian dengan istilah pencarian Anda: https://stackoverflow.com/search?q=anything.

Bagaimana saya bisa melakukan hal yang sama untuk situs saya?

google-chrome site-search

— Akulah Orang yang Paling Bodoh
sumber

Saya berasumsi bahwa mereka sudah menyiapkan pencarian situs dan mereka hanya ingin mengonfigurasi Chrome seperti yang dilakukan oleh StackOverflow. Jika itu masalahnya, itu adalah pertanyaan yang sangat bisa dijawab, tidak terlalu luas sama sekali.

— Stephen Ostermiller

Sepertinya seseorang di forum produk Google menemukan jawabannya

— Stephen Ostermiller

Damith, apakah Anda ingin menambahkan pencarian situs dari bilah alamat , atau hanya pencarian situs dengan pelengkapan otomatis?

— Scott C Wilson

Saya terlalu malas saat ini untuk menulis jawaban yang baik, jadi di sini ada dua tautan: opensearch.org/Documentation/Frequently_asked_questions dan untuk menerapkannya lihat: opensearch.org/Specifications/OpenSearch/…

— Oskar Skog

@StephenOstermiller Saya membaca ulang pertanyaannya. Salahku! Saya ingin menerapkan pencarian situs dan entah bagaimana melewatkan sifat sebenarnya dari pertanyaan itu. Ini pertanyaan yang bagus. Bersulang!!

— closetnoc

Dengan asumsi bahwa Anda memiliki fitur pencarian di situs Anda maka Anda dapat memanfaatkan fungsionalitas OpenSearch di Chrome.

Diambil dari dokumentasi Chromium :

Untuk mengaktifkan ini untuk semua pengguna (bahkan mereka yang belum menggunakan formulir pencarian Anda):

Di beranda situs Anda, berikan tautan ke dokumen deskripsi OpenSearch. Tautan ke OSDD ditempatkan di kepala file html. Sebagai contoh:

<head>
  <link type="application/opensearchdescription+xml"
        rel="search"
        href="url_of_osdd_file"/>
</head>

Bagian penting dari dokumen ini adalah URL yang digunakan untuk mencari situs Anda.

Berikut ini adalah contoh yang berisi kebutuhan minimum, lihat spesifikasi dokumen deskripsi OpenSearch untuk daftar nilai yang dapat Anda tentukan.

<?xml version="1.0"?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
  <ShortName>Search My Site</ShortName>
  <Description>Search My Site</Description>
  <Url type="text/html" method="get"
       template="http://my_site/{searchTerms}"/>
</OpenSearchDescription>

Ketika pengguna menekan masuk dalam Mahakotak string {searchTerms} di url diganti dengan string yang diketik pengguna.

Anda juga dapat memasukkan layanan saran dengan menambahkan elemen URL lain dengan rel="suggestions"seperti:

<Url type="application/json"
     rel="suggestions"
     template="http://my_site/suggest?q={searchTerms}"
     />

Jika Anda menyertakan ini, mahakotak akan menggunakan layanan saran Anda untuk memberikan saran kueri berdasarkan kueri sebagian pengguna.

Jika kotak pencarian Anda menggunakan permintaan GET, maka Chrome akan mengaktifkan fitur ini untuk penggunaan yang menggunakannya.

Jika Anda tidak memiliki halaman pencarian di situs Anda maka ini tidak akan berhasil.

Alat peraga untuk Stephen untuk tautan awal.

— Zhaph - Ben Duguid
sumber