วิธีเพิ่มสารบัญบทความ WordPress ให้ผู้อ่านข้ามไปหัวข้อที่ต้องการ

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

❶ เลือกวิธีทำสารบัญใน WordPress

วิธีที่เหมาะขึ้นอยู่กับความยาวบทความและความถี่ในการเผยแพร่

① ใช้ปลั๊กอินสารบัญ

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

② สร้างสารบัญด้วยลิงก์หัวข้อเอง

หากมีบทความยาวเพียงบางหน้า สามารถสร้างสารบัญเป็นรายการลิงก์ และกำหนด HTML Anchor ให้หัวข้อแต่ละส่วน วิธีนี้ไม่ต้องติดตั้งปลั๊กอินเพิ่ม แต่ต้องดูแลลิงก์เมื่อเปลี่ยนชื่อหรือย้ายหัวข้อ

❷ วิธีสร้างสารบัญแบบอัตโนมัติด้วยปลั๊กอิน

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

① ติดตั้งและเปิดใช้งานปลั๊กอิน

ไปที่ ปลั๊กอิน > เพิ่มปลั๊กอินใหม่ ค้นหาปลั๊กอินสารบัญที่ต้องการ ตรวจข้อมูลก่อนติดตั้ง จากนั้นกดติดตั้งและเปิดใช้งาน

② เลือกหัวข้อที่จะนำมาแสดง

ตั้งค่าให้สารบัญอ่านหัวข้อที่เหมาะสม โดยทั่วไปอาจเลือก H2 เป็นหัวข้อหลัก และ H3 เป็นหัวข้อย่อย หากบทความใช้ H2 สำหรับส่วนหลักอยู่แล้ว ไม่ควรดึงหัวข้อย่อยหรือข้อความอื่นที่ไม่ใช่สาระสำคัญมาแสดงทั้งหมด

③ กำหนดตำแหน่งและรูปแบบ

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

❸ วิธีทำสารบัญด้วยลิงก์หัวข้อเอง

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

① กำหนด HTML Anchor ให้หัวข้อ

1. เลือกบล็อกหัวข้อที่ต้องการให้สารบัญเชื่อมไป
2. เปิดแถบตั้งค่าบล็อก แล้วขยายส่วน ขั้นสูง (Advanced)
3. กรอกชื่อ HTML Anchor ที่ไม่ซ้ำกันสำหรับหัวข้อนั้น
4. ทำซ้ำกับหัวข้ออื่นที่ต้องการใส่ในสารบัญ

ควรใช้ชื่อสั้นและจำง่าย และตรวจว่าไม่มีหัวข้อสองแห่งใช้ Anchor ชื่อเดียวกัน

② สร้างรายการสารบัญ

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

③ จัดลำดับหัวข้อให้ตรงกับเนื้อหา

เรียงรายการตามลำดับที่หัวข้อปรากฏจริง หากมีหัวข้อย่อย H3 ให้จัดเยื้องไว้ใต้ H2 ที่เกี่ยวข้อง เพื่อให้ผู้อ่านเข้าใจโครงสร้างได้ทันที

❹ ตรวจสารบัญก่อนเผยแพร่

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

① กดลิงก์ทุกหัวข้อ

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

② ตรวจหัวข้อซ้ำหรือหัวข้อที่ไม่ควรแสดง

หากใช้ปลั๊กอิน ให้ดูว่าสารบัญดึงชื่อหัวข้อซ้ำ ชื่อบทความ หรือหัวข้อที่ไม่ต้องการมาหรือไม่ ปรับระดับหัวข้อที่ให้นำมาแสดงให้เหมาะกับบทความ

③ ทดสอบบนมือถือ

ตรวจว่าสารบัญอ่านง่าย ไม่บังเนื้อหา และกดลิงก์ได้สะดวก หากเว็บไซต์มีแถบเมนูติดด้านบน ให้ตรวจว่าหัวข้อปลายทางไม่ถูกแถบบังหลังจากกดสารบัญ

❺ ข้อควรระวังในการใช้สารบัญ

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

หากใช้ปลั๊กอิน ให้ตรวจว่าธีมหรือปลั๊กอินตัวอื่นไม่ได้สร้างสารบัญซ้ำกัน และทดสอบอีกครั้งหลังเปลี่ยนธีมหรืออัปเดตปลั๊กอิน

❻ สรุป

การเพิ่มสารบัญบทความ WordPress ทำได้ทั้งด้วยปลั๊กอินที่สร้างรายการอัตโนมัติและการทำลิงก์ไปยัง Anchor ของหัวข้อด้วยตนเอง เลือกหัวข้อ H2 และ H3 ให้เหมาะสม เรียงรายการตามเนื้อหา แล้วทดสอบทุกลิงก์บนคอมพิวเตอร์และมือถือ

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