วิธีเพิ่ม google chrome ในแถบอเนกประสงค์สนับสนุนเว็บไซต์ของคุณ


150

เมื่อฉันป้อน URL บางส่วนในแถบอเนกประสงค์ของ Google Chrome ฉันเห็นข้อความที่อยู่ในนั้น "กด TAB เพื่อค้นหาใน $ URL" ตัวอย่างเช่นมีบางเว็บไซต์รัสเซีย habrahabr.ru หรือ yandex.ru เมื่อคุณกด TAB คุณจะสามารถค้นหาในเว็บไซต์นั้นไม่ใช่ในเครื่องมือค้นหาของคุณ จะทำให้เว็บไซต์ของฉันสามารถใช้งานได้อย่างไร? บางทีฉันต้องเขียนโค้ดพิเศษในหน้าเว็บไซต์ของฉัน


ดังนั้นจะบอก Chrome ได้อย่างไรว่าเว็บไซต์ของฉันใช้การค้นหา
Abzac

คำตอบ:


204

Chrome มักจะจัดการสิ่งนี้ผ่านการตั้งค่าของผู้ใช้ (ผ่านchrome://settings/searchEngines)

อย่างไรก็ตามหากคุณต้องการใช้สิ่งนี้กับผู้ใช้ของคุณโดยเฉพาะคุณจะต้องเพิ่ม OSD (คำอธิบายการค้นหาแบบเปิด) ในเว็บไซต์ของคุณ

การใช้คุณสมบัติ OmniBox ของแท็บเล็ต Google Chrome สำหรับ / บนเว็บไซต์ส่วนตัว?

จากนั้นคุณเพิ่มไฟล์ XML นี้ลงในรูทของเว็บไซต์ของคุณและเชื่อมโยงไปยังไฟล์ใน<head>แท็กของคุณ:

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

ตอนนี้ผู้เข้าชมหน้าของคุณโดยอัตโนมัติจะมีข้อมูลการค้นหาเว็บไซต์ของคุณอยู่ในการตั้งค่าภายในของ Chrome chrome://settings/searchEnginesที่

ตัวอย่างรูปแบบ 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>

ส่วนที่สำคัญคือ<url>รายการ {searchTerms}จะถูกแทนที่ด้วยสิ่งที่ผู้ใช้ค้นหาในแถบอเนกประสงค์

นี่คือลิงค์ไปยังOpenSearchสำหรับข้อมูลเพิ่มเติม


9
หมายเหตุว่าแตกต่างจาก Firefox, Chrome จะค้นพบของคุณเปิดการค้นหารายละเอียดเฉพาะในกรณีที่คุณใส่ไว้ในรากของเว็บไซต์ของคุณ
varepsilon

2
มีวิธีใดที่จะทำให้ "ค้นหาแบบอเนกประสงค์" ทำงานกับ firefox ได้หรือไม่
JinSnow

วิธีค้นหา URL ที่นำไปสู่กล่องข้อความค้นหาบนไซต์เป้าหมายโดยตรงได้อย่างไร (ใน Google แปลเป็นตัวอย่าง)
JinSnow

2
คำตอบสำหรับ google translate เพิ่มสิ่งนี้ลงในเครื่องมือค้นหาของคุณ: translate.google.com/?source=osdd#auto|auto|%s
JinSnow

การเพิ่มเครื่องมือค้นหาที่chrome://settings/searchEnginesช่วยประหยัดเวลา! ขอบคุณ!
Esdras Lopez

30

การใช้การสนับสนุนของแถบอเนกประสงค์ด้วยคำแนะนำการค้นหา

คำตอบที่ได้รับจาก @ element119 ทำงานได้อย่างสมบูรณ์แบบ แต่นี่เป็นรหัสที่ได้รับการปรับแต่งเล็กน้อยเพื่อรองรับคำแนะนำในการค้นหารวมถึง Mozilla Support

ทำตามขั้นตอนด้านล่างเพื่อใช้การสนับสนุนกล่อง omni สำหรับเว็บไซต์ของคุณ

  1. บันทึกรหัสต่อไปนี้เป็น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. อัปโหลดsearch.xmlไปที่รูทของเว็บไซต์ของคุณ

  2. เพิ่มเมตาแท็กต่อไปนี้ไปยังเว็บไซต์ของคุณ<head>แท็ก

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

ตรวจสอบให้แน่ใจว่าได้แทนที่ URL โดเมนด้วยโดเมนของคุณ


1
มันเป็น<SearchForm>หรือ<moz:SearchForm>? ฉันดูเหมือนจะไม่พบSearchFormเอกสารของ OpenSearch และแหล่งข้อมูลอื่น ๆ ทั้งหมดที่ฉันค้นหาทางออนไลน์กำลังใช้งาน<moz:SearchForm>อยู่
Niels R.
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.