วิธีเพิ่มช่องค้นหาในหน้า WordPress (สำหรับมือใหม่)

คุณต้องการทราบวิธีการเพิ่มช่องค้นหาในหน้า WordPress หรือไม่?

ซึ่งจะส่งเสริมให้ผู้เยี่ยมชมทำการค้นหา เพิ่มความสามารถในการค้นพบเนื้อหาของคุณ และเพิ่มจำนวนการเปิดดูหน้าเว็บที่คุณได้รับ

จากคู่มือนี้ คุณจะได้เรียนรู้วิธีเพิ่มช่องค้นหาในหน้าของคุณในไม่กี่คลิก แม้ว่าคุณจะเป็นมือใหม่ใน WordPress ก็ตาม

เอาล่ะ!

ประโยชน์ของการเพิ่มช่องค้นหาในหน้า WordPress

การเพิ่มแถบค้นหาในหน้าของคุณจะช่วยให้คุณ:

• รับการดูหน้าเว็บมากขึ้น เมื่อผู้เยี่ยมชมเห็นแถบค้นหาในโพสต์หรือหน้าบล็อก มีโอกาสสูงที่พวกเขาจะใช้แถบค้นหา โดยเฉพาะอย่างยิ่งหากคุณกระตุ้นให้พวกเขาทำอย่างนั้น
• เพิ่มความสามารถในการค้นพบเนื้อหาของคุณ ให้เนื้อหาของคุณที่มีจำนวนการดูน้อยมีโอกาสถูกค้นพบอีกครั้ง
• แสดงผลการค้นหาที่เกี่ยวข้องมากขึ้น ช่วยให้ผู้เยี่ยมชมของคุณพบสิ่งที่พวกเขากำลังมองหาได้เร็วขึ้นโดยจำกัดช่องค้นหาของคุณให้เหลือเฉพาะประเภทเนื้อหาหรือหมวดหมู่เฉพาะ
• เพิ่มระยะเวลาเซสชันเฉลี่ย ยิ่งผู้เยี่ยมชมเนื้อหาของคุณสำรวจมากเท่าไร พวกเขาก็จะอยู่บนไซต์ของคุณนานขึ้นเท่านั้น
• อันดับสูงขึ้นในเครื่องมือค้นหา ระยะเวลาเซสชันเฉลี่ยที่สูงเป็นสัญญาณที่ชัดเจนสำหรับ Google ว่าไซต์ของคุณมีค่าควรที่จะได้รับตำแหน่งที่ดีขึ้นในผลการค้นหา

มาดูกันว่าคุณสามารถเพิ่มช่องค้นหาในหน้าใน WordPress ได้อย่างไร

วิธีเพิ่มแถบค้นหาที่กำหนดเองใน WordPress

วิธีที่ง่ายที่สุดในการเพิ่มแถบค้นหาแบบกำหนดเองไปยังหน้า WordPress ของคุณคือการใช้ปลั๊กอิน เช่น SearchWP

นี่คือปลั๊กอินการค้นหา WordPress ที่เป็นมิตรกับผู้เริ่มต้นมากที่สุดซึ่งมาพร้อมกับคุณสมบัติที่มีประโยชน์มากมาย

ด้วย SearchWP คุณสามารถปรับแต่งงานการค้นหาบนไซต์ของคุณได้อย่างสมบูรณ์เพื่อให้บรรลุเป้าหมายทางธุรกิจของคุณ

ตัวอย่างเช่น คุณสามารถเปลี่ยนลำดับของผลการค้นหา จำกัดการค้นหาเฉพาะโพสต์ เพิ่มการค้นหาเติมข้อความอัตโนมัติแบบสด และอื่นๆ อีกมากมาย

และนั่นเป็นเพียงรายการสั้นๆ ของคุณสมบัติของปลั๊กอิน!

SearchWP ยังช่วยให้คุณ:

• ติดตามการค้นหาของผู้เยี่ยมชมของคุณ ด้วยวิธีนี้ คุณสามารถค้นหาว่าผู้ชมของคุณสนใจอะไรและมอบเนื้อหาที่พวกเขาต้องการให้พวกเขา
• เพิ่มแบบฟอร์มการค้นหาหลายแบบในไซต์ของคุณ ช่วยให้คุณสร้างแบบฟอร์มการค้นหาที่กำหนดเองสำหรับความต้องการเฉพาะและวางไว้ในไซต์ของคุณ
• เน้นข้อความค้นหาในผลการค้นหา ช่วยให้ผู้เยี่ยมชมทราบได้ง่ายขึ้นว่าพวกเขาพบสิ่งที่ต้องการในผลการค้นหาของคุณหรือไม่
• เปิดใช้งานการค้นหาแบบคลุมเครือบนไซต์ของคุณ ด้วยเหตุนี้ ผู้เยี่ยมชมของคุณจะพบเนื้อหาที่ถูกต้อง แม้ว่าพวกเขาจะพิมพ์ผิดในคำค้นหาก็ตาม
• และอื่น ๆ อีกมากมาย…

เจ้าของเว็บไซต์กว่า 30,000 รายใช้ SearchWP เพื่อปรับปรุงการค้นหาและแสดงผลการค้นหาที่เกี่ยวข้องมากขึ้นแก่ผู้เยี่ยมชม

พร้อมที่จะเข้าร่วมกับพวกเขาแล้วหรือยัง? จากนั้น มาดูกันว่าคุณสามารถใช้ปลั๊กอินนี้เพื่อเพิ่มช่องค้นหาในหน้าของคุณได้อย่างไร

ขั้นตอนที่ 1: ติดตั้ง SearchWP

ในการเริ่มต้น รับสำเนาของ SearchWP ที่นี่

เมื่อเสร็จแล้วตรงไปที่บัญชี SearchWP ของคุณแล้วคลิก ดาวน์โหลด

จากนั้นกดปุ่ม Download SearchWP และบันทึกไฟล์ ZIP ของปลั๊กอินลงในคอมพิวเตอร์ของคุณ

หลังจากดาวน์โหลด ให้คัดลอกรหัสใบอนุญาตที่มุมล่างซ้าย

ขั้นตอนต่อไปคือการติดตั้งและเปิดใช้งานปลั๊กอิน SearchWP บนเว็บไซต์ WordPress ของคุณ

ขั้นแรก อัปโหลดไฟล์ ZIP ที่ดาวน์โหลดไปยังเว็บไซต์ของคุณ คุณสามารถดูวิธีการติดตั้งบทช่วยสอนปลั๊กอิน WordPress ได้หากต้องการความช่วยเหลือ

หลังจากติดตั้ง SearchWP แล้ว ให้ไปที่แดชบอร์ด WordPress ของคุณ ชี้เคอร์เซอร์ไปที่ปุ่ม SearchWP ที่แถบด้านบน แล้วคลิก เปิดใช้งานใบอนุญาต

จากนั้นวางรหัสใบอนุญาตของคุณลงในช่อง ใบอนุญาต แล้วคลิก เปิดใช้งาน เพื่อเปิดใช้งานสำเนา SearchWP ของคุณ

เมื่อเปิดใช้งานปลั๊กอิน คุณก็พร้อมที่จะปรับแต่งเครื่องมือค้นหาของคุณ

ขั้นตอนที่ 2: เพิ่มเครื่องมือค้นหาใหม่ให้กับเว็บไซต์ของคุณ

ในการเริ่มต้น ไปที่แท็บ Engines ในการตั้งค่า SearchWP ของคุณ

ในแท็บนี้ คุณจะพบเครื่องมือค้นหาทั้งหมดที่คุณสร้างด้วย SearchWP

ปัจจุบัน มีเพียงเครื่องมือค้นหา เริ่มต้น ที่ SearchWP สร้างขึ้นโดยอัตโนมัติหลังการติดตั้ง มันเชื่อมต่อกับทุกแบบฟอร์มการค้นหาที่มีอยู่บนเว็บไซต์ของคุณ

WordPress ถือว่าเครื่องมือค้นหาเป็นชุดของกฎที่ต้องปฏิบัติตามเมื่อทำการค้นหา คุณสามารถปรับแต่งกฎเหล่านี้เพื่อเปลี่ยนวิธีการทำงานของการค้นหาบนไซต์ของคุณ

ตัวอย่างเช่น คุณสามารถสร้างฟิลด์ดัชนีที่กำหนดเองของ WordPress ยกเว้นบางหน้าจากผลการค้นหา เปิดใช้งานการค้นหาด้วยแท็กโพสต์ และอื่นๆ อีกมากมาย

สิ่งที่ดีที่สุดคือ SearchWP ช่วยให้คุณสร้างเครื่องมือค้นหาหลายรายการและเชื่อมโยงไปยังแบบฟอร์มการค้นหาแต่ละรายการ

ด้วยวิธีนี้ คุณสามารถสร้างฟอร์มการค้นหาแบบกำหนดเองด้วยชุดกฎเฉพาะ จะช่วยให้คุณจำกัดผลการค้นหาให้แคบลงและช่วยให้ผู้เยี่ยมชมค้นหาสิ่งที่ต้องการได้เร็วขึ้น

ในบทช่วยสอนนี้ เราจะสร้างเครื่องมือค้นหา ปรับแต่ง และเชื่อมโยงไปยังช่องค้นหา ซึ่งเราจะเพิ่มในหน้าแยกต่างหาก

ในการเริ่มต้น เราจะต้องสร้างเครื่องมือค้นหาเพิ่มเติม คุณสามารถทำได้โดยคลิกปุ่ม เพิ่มใหม่

หลังจากนั้นจะมีเสิร์ชเอ็นจิ้น เสริม ปรากฏขึ้น

ขั้นตอนที่ 3: ปรับแต่งเครื่องมือค้นหาของคุณ

อันดับแรก มาดูที่มาของการค้นหาที่เสิร์ชเอ็นจิ้นนี้มี

อย่างที่คุณเห็น มีแหล่งที่มาของการค้นหา 4 แหล่ง: โพสต์ เพจ สื่อ และ ผู้ใช้

สมมติว่าเราต้องการให้เครื่องมือค้นหานี้ค้นหาเฉพาะในโพสต์เท่านั้น ด้วยวิธีนี้ เราสามารถล้างผลการค้นหาบนไซต์ของเรา และช่วยให้ผู้เยี่ยมชมของเราพบเนื้อหาที่ถูกต้องเร็วขึ้น

จัดการแหล่งที่มาของการค้นหา

ในการเริ่มต้น ให้คลิกปุ่ม แหล่งที่มาและการตั้งค่า

จากนั้น ยกเลิกการเลือกแหล่งที่มาของการค้นหาทั้งหมด ยกเว้น โพสต์

คุณยังสามารถเปลี่ยนชื่อเครื่องมือค้นหาของคุณเพื่อให้จดจำได้ง่ายขึ้น ในการทำเช่นนั้น ให้ป้อนชื่อในช่อง Engine Label

ตัวอย่างเช่น เราจะเรียกมันว่า Awesome Search Engine

เมื่อคุณปรับแต่งการตั้งค่าเครื่องมือค้นหาของคุณเสร็จแล้ว ให้กด เสร็จสิ้น

ทำให้สามารถค้นหาฟิลด์และแท็กที่กำหนดเองของโพสต์ได้

ให้ผู้เข้าชมของเราค้นหาโพสต์ด้วยแท็กและฟิลด์ที่กำหนดเองได้

ในการเริ่มต้น ให้คลิกที่แหล่งที่มาของการค้นหา โพสต์ เพื่อขยายการตั้งค่า

ถัดไป ให้กดปุ่ม เพิ่ม/ลบแอตทริบิวต์

ในหน้าต่างที่ปรากฏขึ้น คุณสามารถระบุฟิลด์ที่กำหนดเองของโพสต์และการจัดหมวดหมู่ที่คุณต้องการให้ WordPress พิจารณาเมื่อทำการค้นหา

นอกจากนี้ยังมีวิธีทำให้ฟิลด์ที่กำหนดเองทั้งหมดสามารถค้นหาได้โดยอัตโนมัติ หากคุณไม่ต้องการป้อนด้วยตนเอง

โดยคลิกที่ฟิลด์ Custom Fields และเลือกตัวเลือก Any Meta Key

ตอนนี้ ให้เปิดใช้งานการค้นหาด้วยแท็กโพสต์ ขั้นแรก ให้คลิกที่ฟิลด์ Taxonomies

ถัดไป ค้นหาอนุกรมวิธานของ แท็ก และคลิกที่มัน

ตอนนี้ผู้เยี่ยมชมเว็บไซต์ของเราสามารถค้นหาโพสต์โดยใช้แท็กและฟิลด์ที่กำหนดเอง

เมื่อคุณจัดการแอตทริบิวต์แหล่งที่มาของการค้นหา โพสต์ เสร็จแล้ว ให้กด เสร็จสิ้น เพื่อบันทึกการเปลี่ยนแปลง

บันทึกเครื่องมือค้นหาของคุณ

ขั้นตอนสุดท้ายคือการบันทึกเครื่องมือค้นหาของคุณ ในการทำเช่นนั้น ให้คลิกปุ่ม บันทึกเครื่องยนต์ ที่มุมขวาบน

จากนั้น คลิก สร้างดัชนีใหม่ เพื่อให้ WordPress สร้างดัชนีบทความและหน้าทั้งหมดของคุณใหม่

หลังจากเพิ่มเครื่องมือค้นหาใหม่และปรับแต่งตามความต้องการของคุณแล้ว ขั้นตอนต่อไปคือการติดตั้งส่วนขยาย SearchWP Shortcodes

ขั้นตอนที่ 4: ติดตั้งและเปิดใช้งานส่วนขยายรหัสย่อ

ส่วนขยายนี้ช่วยให้คุณเพิ่มแถบค้นหาในหน้าของคุณโดยใช้รหัสย่อ

ในการเริ่มต้น ให้ไปที่ SearchWP » Extensions ในแผงด้านซ้ายของแดชบอร์ด WordPress ของคุณ

จากนั้นค้นหาส่วนขยาย Shortcodes แล้วคลิก ติดตั้ง

เมื่อคุณติดตั้งและเปิดใช้งานส่วนขยาย คุณก็พร้อมที่จะไปยังขั้นตอนสุดท้ายและเพิ่มช่องค้นหาที่กำหนดเองลงในหน้าเว็บ

ขั้นตอนที่ 5: เพิ่มแถบค้นหาแบบกำหนดเองไปยังหน้า WordPress ของคุณ

ในการเริ่มต้น ให้ไปที่ หน้า » เพิ่มใหม่ ในแดชบอร์ด WordPress ของคุณ

หลังจากที่คุณไปที่ตัวแก้ไขเพจแล้ว ให้ป้อนชื่อเพจของคุณ ตัวอย่างเช่น เราจะเรียกว่า ค้นหาบทช่วยสอน

ถัดไป คลิกที่ปุ่ม บวก

หลังจากที่หน้าต่างบล็อกปรากฏขึ้น ให้คลิกบล็อก HTML ที่กำหนดเอง เพื่อเพิ่มลงในเพจของคุณ

ขั้นตอนต่อไปคือการคัดลอกและวางโค้ดต่อไปนี้ลงในบล็อก HTML ที่กำหนดเอง ที่เพิ่มเข้ามา:

[searchwp_search_form engine="awesome_search_engine" var="searchvar" button_text="Find Results"]
  
<div class="search-results-wrapper">
 [searchwp_search_results engine="awesome_search_engine" var="searchvar" posts_per_page=4]
  <h2>[searchwp_search_result_link direct="true"]</h2>
  [searchwp_search_result_excerpt]
 [/searchwp_search_results]
</div>
  
<div class="no-search-results-found">
 [searchwp_search_results_none]
 No results found, please search again.
 [/searchwp_search_results_none]
</div>
  
<div class="search-results-pagination">
 [searchwp_search_results_pagination direction="prev" link_text="Previous" var="searchvar" engine="awesome_search_engine"]
 [searchwp_search_results_pagination direction="next" link_text="Next" var="searchvar" engine="awesome_search_engine"]
</div>

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

รหัสนี้แสดงช่องค้นหาที่เชื่อมโยงกับเครื่องมือค้นหาที่คุณกำหนดเองในขั้นตอนก่อนหน้า

นอกจากนี้ยังแสดงการแบ่งหน้าหากมีผลการค้นหามากกว่า 4 รายการในหน้าและข้อความ "ไม่พบผลลัพธ์" หากไม่มีผลการค้นหา

เมื่อคุณเพิ่มโค้ดเสร็จแล้ว ให้เผยแพร่หน้าของคุณโดยกดปุ่ม เผยแพร่ ที่มุมบนขวา

จากนั้นคลิก ดูหน้า เพื่อดูหน้าการค้นหาใหม่ของคุณด้วยช่องค้นหาที่กำหนดเอง

นี่คือลักษณะที่หน้านี้ปรากฏในไซต์ทดสอบของเรา:

มาทดสอบช่องค้นหาของเรากันด้วยเพื่อให้แน่ใจว่าทำงานได้อย่างถูกต้อง

เรามีโพสต์มากมายบนไซต์ของเราที่เกี่ยวข้องกับ WordPress ในหมวดหมู่ต่างๆ แต่มีเพียงหนึ่งโพสต์เท่านั้นที่รวมอยู่ในหมวดหมู่บทช่วย สอน

ในหนึ่งในขั้นตอนก่อนหน้านี้ เราจำกัดแบบฟอร์มการค้นหานี้ให้อยู่ในหมวด บท ช่วยสอน มาดูกันว่าเราจะได้ผลลัพธ์อะไรบ้างจากการค้นหา WordPress .

อย่างที่คุณเห็น เราพบเพียงโพสต์เดียวของเราที่อยู่ในหมวดหมู่ บท ช่วยสอน

หมายความว่าช่องค้นหาของเราทำงานตามที่ควรจะเป็น

วิธีเพิ่มช่องค้นหาในเมนูนำทางของ WordPress

คุณยังสามารถเพิ่มช่องค้นหาลงในเมนูการนำทางของไซต์ของคุณได้

ทำให้ผู้เข้าชมของคุณมองเห็นได้มากขึ้นและกระตุ้นให้พวกเขาทำการค้นหา

สำหรับรายละเอียดเพิ่มเติม โปรดดูบทแนะนำทีละขั้นตอนเกี่ยวกับวิธีเพิ่มแถบค้นหาในเมนู WordPress

จากบทความนี้ คุณได้เรียนรู้วิธีเพิ่มช่องค้นหาในหน้าได้อย่างง่ายดาย แม้ว่าคุณจะเป็นมือใหม่ใน WordPress

เราหวังว่าสิ่งนี้จะช่วยให้คุณนำเสนอวิธีที่สะดวกยิ่งขึ้นสำหรับผู้เยี่ยมชมในการค้นหาเนื้อหาบนไซต์ของคุณ

พร้อมที่จะสร้างช่องค้นหาอัจฉริยะและเพิ่มลงในเพจของคุณแล้วหรือยัง คุณสามารถเริ่มต้นใช้งาน SearchWP ได้ที่นี่

คุณใช้ปลั๊กอิน Elementor หรือไม่? ดูคำแนะนำสำหรับผู้เริ่มต้นเกี่ยวกับวิธีการเพิ่มช่องค้นหาในหน้า Elementor

คุณอาจต้องการเรียนรู้เพิ่มเติมเกี่ยวกับการค้นหา WordPress ในเนื้อหาโพสต์