วิธีสร้างหน้าค้นหาใน WordPress (2 วิธีง่ายๆ)

เผยแพร่แล้ว: 2022-06-21

กำลังมองหาวิธีสร้างหน้าค้นหาใน WordPress หรือไม่?

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

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

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

นี่คือสารบัญที่จะช่วยคุณสำรวจ:

  • ทำไมต้องสร้างหน้าค้นหาใน WordPress?
  • วิธีที่ง่ายที่สุดในการสร้างหน้าการค้นหาที่ชาญฉลาดขึ้น
  • วิธีที่ 1: สร้างหน้าค้นหาด้วย WordPress Page Editor
  • วิธีที่ 2: สร้างหน้าค้นหาด้วย SeedProd

เอาล่ะ!

ทำไมต้องสร้างหน้าค้นหาใน WordPress?

การสร้างหน้าค้นหาบนไซต์ WordPress ของคุณมีข้อดีหลายประการ:

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

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

วิธีที่ง่ายที่สุดในการสร้างหน้าการค้นหาที่ชาญฉลาดขึ้น

วิธีที่ดีที่สุดในการสร้างหน้าค้นหาคือการใช้ปลั๊กอิน เช่น SearchWP

SearchWP logo

ทำไม เพราะนี่คือปลั๊กอินการค้นหา WordPress ที่ทรงพลังที่สุดที่ได้รับความไว้วางใจจากเจ้าของเว็บไซต์กว่า 30,000 ราย

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

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

ด้วยเหตุนี้ คุณสามารถให้ผลการค้นหาที่เกี่ยวข้องมากขึ้นแก่ผู้เข้าชมและปรับปรุงประสบการณ์ผู้ใช้ของพวกเขา

และนั่นไม่ใช่ทั้งหมด ต่อไปนี้คือภาพรวมโดยย่อของฟีเจอร์ SearchWP อื่นๆ:

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

เมื่อคุณทราบแล้วว่า SearchWP ช่วยคุณสร้างหน้าการค้นหาอัจฉริยะได้อย่างไร มาดูวิธีใช้งานกัน

ในการเริ่มต้น ให้ไปคว้าสำเนา SearchWP ของคุณที่นี่

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

go Downloads

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

press Download SearchWP

หลังจากดาวน์โหลด ให้คัดลอกคีย์ใบอนุญาต SearchWP ของคุณในหน้าเดียวกัน

copy your license key

ขั้นตอนต่อไปคือการติดตั้ง SearchWP บนไซต์ของคุณ ในการทำเช่นนั้น คุณจะต้องอัปโหลดไฟล์ ZIP ของปลั๊กอินไปยังไซต์ของคุณ

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

หลังจากติดตั้ง SearchWP บนไซต์ของคุณ คุณจะต้องเปิดใช้งานด้วยรหัสใบอนุญาตของคุณ

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

point a cursor over the SearchWP button

จากนั้นเลือกรายการ เปิดใช้งานใบอนุญาต จากเมนูแบบเลื่อนลง

click Activate License

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

click Activate

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

ขั้นตอนต่อไปคือการสร้างหน้าค้นหาและวางช่องค้นหาอัจฉริยะบนหน้านั้น

มี 2 ​​วิธีในการทำเช่นนั้น เรามาดูแต่ละอันอย่างละเอียดกันตามลำดับ

วิธีที่ 1: สร้างหน้าค้นหาด้วย WordPress Page Editor

วิธีแรกเกี่ยวข้องกับการใช้ตัวแก้ไขหน้า WordPress เริ่มต้น

ขั้นตอนที่ 1: สร้างเพจ

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

click Pages Add New

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

enter the title

ขั้นตอนที่ 2: เพิ่มบล็อกการค้นหา

จากนั้นคลิกปุ่ม บวก เพื่อเปิดหน้าต่างที่คุณสามารถเลือกบล็อก WordPress

click the Plus button

ค้นหาบล็อกการ ค้นหา และคลิกเพื่อเพิ่มลงในหน้า

find the search block

ขั้นตอนที่ 3: เพิ่มบล็อกข้อความ

ตอนนี้ มาเพิ่มข้อความก่อนแบบฟอร์มการค้นหาเพื่อกระตุ้นให้ผู้เยี่ยมชมใช้งาน ในการทำเช่นนั้น ให้ป้อนสิ่งที่คุณต้องการแทน "ค้นหา" เหนือแบบฟอร์มของคุณ

we changed the text

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

we added a heading before the search form

ขั้นตอนที่ 4: เพิ่มโพสต์ล่าสุด

หลังจากนั้น เรามาเพิ่มโพสต์ล่าสุดในหน้าของเราเพื่อดึงดูดผู้เยี่ยมชม

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

find the Latest Posts block

คุณสามารถเปลี่ยนเลย์เอาต์ของบล็อก โพสต์ล่าสุด ได้โดยคลิกปุ่มสองปุ่มนี้

change the grid layout

ตัวอย่างเช่น เราจะเปลี่ยนเป็น มุมมองกริด

change the layout to grid

เรามาเพิ่มหัวข้อเหนือโพสต์ล่าสุดเพื่อกระตุ้นให้ผู้เยี่ยมชมดู

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

we added the text before the recent posts

ขั้นตอนที่ 5: เผยแพร่หน้าของคุณ

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

ในการทำเช่นนั้น ให้กดปุ่ม เผยแพร่ ที่มุมบนขวาของตัวแก้ไขเพจ

click Publish

ขั้นตอนที่ 6: ทดสอบหน้าการค้นหาใหม่ของคุณ

ตอนนี้ มาทดสอบหน้าการค้นหาใหม่ของเรา ปรับปรุงด้วย SearchWP

ตัวอย่างเช่น เครื่องมือค้นหาเริ่มต้นของ WordPress จะไม่พิจารณาแท็กโพสต์เมื่อทำการค้นหา ดังนั้นผู้เข้าชมของคุณจึงไม่สามารถค้นหาโพสต์ด้วยแท็กได้

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

ตัวอย่างเช่น เรามีโพสต์บนไซต์ทดสอบของเราชื่อ "7 Best Email Marketing Services for Small Businesses" ที่มีแท็ก "eCommerce"

มาลองค้นหากันดู

search for a post by a tag

อย่างที่คุณเห็น เราพบโพสต์ได้สำเร็จด้วยแท็กของโพสต์เท่านั้น

we found the post by its tag

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

นอกจากนี้ หน้าค้นหาของเรามีการออกแบบที่ค่อนข้างเรียบง่าย เนื่องจากตัวสร้างหน้า WordPress มาตรฐานไม่มีคุณสมบัติมากมาย

หากคุณต้องการสร้างหน้าค้นหานักเล่น คุณสามารถทำวิธีที่สองด้านล่าง

วิธีที่ 2: สร้างหน้าค้นหาด้วย SeedProd

SeedProd เป็นปลั๊กอินสำหรับสร้างเว็บไซต์ WordPress ที่ดีที่สุด โดยมีการติดตั้งมากกว่า 1,000,000 ครั้ง

SeedProd

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

SeedProd เข้ากันได้อย่างสมบูรณ์กับธีม WordPress ส่วนใหญ่ เพื่อให้คุณสามารถรวมหน้าใหม่เข้ากับการออกแบบปัจจุบันของคุณได้อย่างง่ายดาย

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

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

ส่วนที่ดีที่สุด? SeedProd มาพร้อมกับเทมเพลตสำเร็จรูปจำนวนมาก ดังนั้นคุณจึงสามารถสร้างเพจของคุณได้ทันทีและขยายธุรกิจของคุณให้เติบโตเร็วขึ้น ไม่จำเป็นต้องเป็นนักออกแบบที่เชี่ยวชาญ!

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

ขั้นตอนที่ 1: ติดตั้ง SeedProd บนไซต์ของคุณ

ในการเริ่มต้น คุณสามารถไปรับสำเนา SeedProd ของคุณได้ที่นี่

จากนั้น ติดตั้งและเปิดใช้งานในลักษณะเดียวกับ SearchWP

ขั้นตอนที่ 2: สร้างหน้าใหม่

เมื่อเสร็จแล้ว ไปที่ SeedProd » Landing Pages บนแผงด้านซ้ายของแดชบอร์ด WordPress ของคุณ

click SeedProd Landing Pages

จากนั้นกดปุ่ม เพิ่มหน้า Landing Page ใหม่

click Add New Landing Page

ในขั้นตอนถัดไป คุณสามารถเลือกเทมเพลตหน้า SeedProd สำเร็จรูปได้

there are a lot of ready-made templates

ในบทช่วยสอนนี้ เราจะสร้างหน้าค้นหาตั้งแต่เริ่มต้น

ในการเริ่มต้น ให้ชี้เคอร์เซอร์ไปที่ เทมเพลตเปล่า แล้วคลิกไอคอนเครื่องหมายถูก

click on a template

จะแสดงหน้าต่างที่คุณสามารถตั้งชื่อเพจและตั้งค่า URL หรือที่อยู่เว็บได้

fill in your page details

ป้อนชื่อและ URL ของเพจ แล้วคลิก บันทึกและเริ่มแก้ไขเพจ

click Save and Start Editing the Page

ขั้นตอนที่ 3: เลือกเค้าโครงสำหรับหน้าการค้นหาของคุณ

ในการเริ่มสร้างหน้าค้นหาใหม่ คุณต้องเลือกเลย์เอาต์ของหน้านั้นก่อน

choose your page layout

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

click on a layout

ขั้นตอนที่ 4: เพิ่มหัวข้อไปยังหน้าค้นหา WordPress ของคุณ

ตอนนี้คุณสามารถเริ่มเพิ่มบล็อกในหน้าของคุณ มาเพิ่มหัวเรื่องกันก่อน

หากต้องการเพิ่มบล็อกใหม่ในหน้า ให้ลากบล็อกจากแผงด้านซ้าย คุณสามารถดูวิธีที่เราทำได้ด้านล่าง:

add a headline

หากต้องการปรับแต่งพาดหัว ให้คลิกและป้อนข้อความที่คุณต้องการ

you can change the text

ตัวอย่างเช่น เราจะเปลี่ยนเป็น "คุณกำลังมองหาอะไร"

we added a heading to our page

ขั้นตอนที่ 5: เพิ่มแบบฟอร์มการค้นหาในหน้าค้นหา WordPress ของคุณ

ขั้นตอนต่อไปคือการเพิ่มแบบฟอร์มการค้นหาในหน้าการค้นหาของคุณ

ขั้นแรก ให้ค้นหาช่อง Search Form แล้วลากไปยังเพจของคุณใต้หัวข้อ

click on the Search Form

อย่างที่คุณเห็น แบบฟอร์มการค้นหาเริ่มต้นมีความกว้างค่อนข้างเล็ก

we added a search form to the page

หากต้องการขยายให้กว้างขึ้น ให้คลิกที่แบบฟอร์มค้นหา แล้วไปที่แท็บ ขั้นสูง ในแผงด้านซ้าย

switch to the Advanced tab

คุณสามารถปรับความกว้างของแบบฟอร์มการค้นหาได้ที่นี่โดยเลื่อนแถบเลื่อน ความกว้าง ไปทางซ้ายหรือขวา

adjust the width

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

set the max width

ขั้นตอนที่ 6: เพิ่มโพสต์ล่าสุดในหน้าการค้นหาของคุณ

ตอนนี้เรามาเพิ่มโพสต์ล่าสุดในหน้าค้นหาของเรากัน การทำเช่นนี้จะทำให้คุณสามารถโปรโมตโพสต์ที่คุณต้องการและเพิ่มการเข้าชมไซต์ของคุณ

ในการเริ่มต้น ให้ค้นหาบล็อก โพสต์ แล้วลากไปที่หน้าค้นหา

find the Posts element

หากต้องการปรับแต่งบล็อก โพสต์ ให้คลิกที่บล็อกนั้น

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

the Posts element settings

ตัวอย่างเช่น เราจะลดจำนวนโพสต์บนเพจของเราเหลือ 3 เพื่อไม่ให้รบกวนผู้เยี่ยมชมมากเกินไป

set the number of posts per page

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

add a headline

จากนั้นคุณสามารถเปลี่ยนข้อความพาดหัวเป็นสิ่งที่ดึงดูดผู้ใช้ของคุณ ตัวอย่างเช่น เราจะแทนที่ด้วย “ยังไม่ได้ตัดสินใจ? ตรวจสอบโพสต์ของเรา:”.

we added a heading

ขั้นตอนที่ 7: เพิ่มแบบฟอร์มสมัครสมาชิกในหน้าการค้นหาของคุณ

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

ในการเริ่มต้น ให้ค้นหากลุ่ม Optin Form บนแผงด้านซ้ายแล้วลากไปยังหน้าของคุณ

add Optin Form element

หากคุณคลิกที่บล็อก คุณจะสามารถปรับแต่งฟิลด์ ลักษณะ ข้อความปุ่ม และอื่นๆ อีกมากมาย

customize the fields of your form

SeedProd มีการผสานรวมกับบริการการตลาดผ่านอีเมลยอดนิยมอย่างราบรื่น ดังนั้นคุณจึงสามารถรวบรวมอีเมลใหม่โดยใช้อีเมลโปรดของคุณ

ขั้นตอนสุดท้ายคือการเพิ่มพาดหัวเหนือแบบฟอร์มการสมัครของเรา เรียกว่า “ลงทะเบียนเพื่อรับจดหมายข่าวประจำสัปดาห์ของเรา”

heading before the sign-up form

ขั้นตอนที่ 8: เผยแพร่หน้าการค้นหาของคุณ

เมื่อคุณพอใจกับหน้าตาการค้นหาของคุณแล้ว ก็ถึงเวลาเผยแพร่หน้าดังกล่าว

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

press the Publish button

จากนั้นคลิก See Live Page ในหน้าต่างป๊อปอัป

click See Live Page

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

how to create a search page in WordPress

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

หากคุณพร้อมที่จะสร้างหน้าการค้นหาอัจฉริยะบนไซต์ของคุณ คุณสามารถเริ่มต้นใช้งาน SearchWP ได้ที่นี่

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

กำลังมองหาวิธีปรับแต่งหน้าผลการค้นหาของคุณหรือไม่? ดูวิธีปรับแต่งหน้าผลการค้นหา WordPress ของคุณทีละขั้นตอน

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