วิธีทำสารบัญอัตโนมัติ (Table of Contents) ในธีม Blogger — คู่มือละเอียดทีละขั้น
สารบัญที่คลิกกระโดดได้คือหนึ่งในองค์ประกอบที่ยกระดับบทความยาวให้เป็นมืออาชีพทันที บทความนี้จะสอนวิธีเพิ่มสารบัญที่สร้างจากหัวข้อ H2/H3 โดยอัตโนมัติในธีม Blogger ด้วย BlogKub ตั้งแต่ต้นจนอัปโหลดใช้งานจริง พร้อมเหตุผลด้าน SEO และการแก้ปัญหาที่พบบ่อย
สรุปสั้น: เพิ่มบล็อก สารบัญ (TOC) ใน BlogKub (หลายเทมเพลตติดตั้งให้อยู่แล้ว) ตั้งชื่อหัวข้อ ความลึก (H2 หรือ H2+H3) และการใส่เลขลำดับ แล้ว Export XML ไปอัปโหลด Blogger จากนั้นเขียนบทความโดยจัดหัวข้อเป็น H2/H3 สารบัญจะถูกสร้างและอัปเดตอัตโนมัติ ช่วยเพิ่มเวลาอยู่บนหน้า และเปิดโอกาสได้ jump-links บนผลค้นหา Google
สารบัญคืออะไร และทำไมบทความยาวถึงต้องมี
สารบัญ (Table of Contents หรือ TOC) คือกล่องรายการหัวข้อที่วางไว้ต้นบทความ โดยแต่ละรายการเป็นลิงก์ที่คลิกแล้วกระโดดไปยังหัวข้อนั้นได้ทันที สำหรับบทความที่ยาวเกินหนึ่งหน้าจอ สารบัญเปลี่ยนประสบการณ์การอ่านจาก “เลื่อนหาไปเรื่อย ๆ” เป็น “เห็นภาพรวมแล้วเลือกอ่านตรงที่ต้องการ” ทันที
ในเชิงจิตวิทยาผู้อ่าน สารบัญทำหน้าที่เหมือนแผนที่ เมื่อคนเห็นว่าบทความครอบคลุมหัวข้อที่เขากำลังมองหา เขาจะมั่นใจว่ามาถูกที่และอยู่อ่านต่อ แทนที่จะกดปิดภายในไม่กี่วินาที นี่คือเหตุผลที่เว็บคุณภาพระดับสากล เช่น สารานุกรมออนไลน์และคู่มือเทคนิค แทบทุกแห่งใช้สารบัญกับเนื้อหายาว
ปัญหาคือ Blogger ไม่มีสารบัญให้มาในตัว และวิธีทำแบบเดิมต้องแทรกโค้ด JavaScript ยาว ๆ ลงในทุกโพสต์ ซึ่งยุ่งยากและพังง่าย BlogKub แก้ปัญหานี้ด้วยการฝังระบบสารบัญไว้ในธีมระดับ template หนึ่งครั้ง แล้วทุกบทความจะได้สารบัญอัตโนมัติโดยที่คุณไม่ต้องแตะโค้ดในโพสต์เลย
สารบัญช่วยเรื่อง SEO อย่างไร
สารบัญไม่ได้ช่วยแค่ผู้อ่าน แต่ส่งสัญญาณเชิงบวกหลายอย่างต่อเครื่องมือค้นหา:
- เพิ่มเวลาอยู่บนหน้า (dwell time): เมื่อคนหาหัวข้อที่ต้องการเจอเร็ว เขาอยู่นานขึ้นและมีแนวโน้มอ่านหลายส่วน ลดอัตราการกดกลับ (bounce) ซึ่งเป็นสัญญาณคุณภาพทางอ้อม
- โอกาสได้ jump-to links บนผลค้นหา: Google มักดึงลิงก์จุดยึด (anchor) จากสารบัญไปแสดงเป็นลิงก์ย่อยใต้ผลค้นหา ทำให้ผู้ใช้กระโดดเข้าหัวข้อที่ต้องการได้ตรง เพิ่มพื้นที่และอัตราคลิก
- บังคับโครงสร้างหัวข้อให้ชัด: เพราะสารบัญสร้างจาก H2/H3 การจะได้สารบัญสวยคุณต้องจัดลำดับหัวข้ออย่างมีเหตุผล ซึ่งพอดีกับสิ่งที่ Google ใช้ทำความเข้าใจโครงเรื่อง และช่วย AI สรุปเนื้อหาได้ตรงจุด
- สนับสนุน AEO/GEO: โครงสร้างหัวข้อชัดเจนทำให้ Answer Engine และ AI Overviews หยิบหัวข้อไปตอบคำถามผู้ใช้ได้ง่ายขึ้น
วิธีเพิ่มสารบัญใน BlogKub ทีละขั้น
- เปิด BlogKub และเลือกเทมเพลต เทมเพลตหลายตัวติดตั้งบล็อกสารบัญให้อัตโนมัติตั้งแต่แรก ตรวจในโครงสร้างหน้าว่ามีบล็อก “สารบัญ (TOC)” อยู่แล้วหรือไม่
- เพิ่มบล็อกสารบัญ (ถ้ายังไม่มี) เปิดคลังด้านซ้าย หมวด “บทความ & UX” แล้วลากบล็อก “สารบัญ (TOC)” เข้ามา ระบบจะวางไว้ในตำแหน่งที่ถูกต้อง (ต้นบทความ) ให้อัตโนมัติ
- ตั้งค่าสารบัญ คลิกที่บล็อกเพื่อเปิดแผงคุณสมบัติ แล้วปรับ: ชื่อหัวข้อสารบัญ (เช่น “สารบัญ” หรือ “ในบทความนี้”), ความลึก (H2 อย่างเดียว หรือ H2 + H3) และเปิด/ปิดเลขลำดับหน้าแต่ละรายการ
- Export XML และอัปโหลดเข้า Blogger กดปุ่ม Export แล้วนำไฟล์ XML ไปที่ blogger.com → ธีม → เมนูสามจุด → กู้คืน/สำรอง → เลือกไฟล์
- เขียนบทความด้วยหัวข้อ H2/H3 ในตัวแก้ไขโพสต์ จัดหัวข้อหลักเป็น “หัวเรื่อง (Heading 2)” และหัวข้อย่อยเป็น “หัวเรื่องย่อย (Heading 3)” เท่านี้สารบัญจะถูกสร้างและจัดลำดับให้เองทุกครั้งที่เผยแพร่
ระบบสารบัญของ BlogKub ถูกวางไว้ใน includable ของโพสต์โดยตรง จึงปรากฏเหนือเนื้อหาเสมอไม่ว่าคุณจะจัดลำดับบล็อกอย่างไร และทำงานเฉพาะบนหน้าบทความ (ไม่รกหน้าแรก)
ตัวเลือกการตั้งค่าและความหมาย
| ตัวเลือก | ความหมาย | คำแนะนำ |
|---|---|---|
| ชื่อหัวข้อสารบัญ | ข้อความหัวกล่องสารบัญ | ใช้คำที่ผู้อ่านคุ้น เช่น “สารบัญ” หรือ “ในบทความนี้” |
| ความลึก (maxDepth) | แสดง H2 อย่างเดียว หรือ H2 + H3 | บทความสั้นใช้ H2 พอ บทความยาวหลายหัวข้อย่อยเลือก H2+H3 |
| ใส่เลขลำดับ | เติมเลข 1, 2, 3 หน้ารายการ | เปิดไว้เพื่อความชัดเจนของลำดับเนื้อหา |
เขียนบทความอย่างไรให้สารบัญออกมาสวย
สารบัญที่ดีเริ่มจากโครงเรื่องที่ดี ลองยึดหลักเหล่านี้เวลาเขียนโพสต์:
- ใช้ H2 กับหัวข้อหลัก และ H3 กับหัวข้อย่อยเท่านั้น อย่าใช้ตัวหนา (bold) แทนหัวข้อ เพราะสารบัญและ Google จะไม่รู้จักว่าเป็นหัวข้อ
- ตั้งชื่อหัวข้อให้สื่อความและมีคีย์เวิร์ด หัวข้อที่ดีคือหัวข้อที่ถ้าอ่านเรียงกันในสารบัญแล้วเข้าใจโครงเรื่องทั้งบทความ
- อย่าให้หัวข้อสั้นหรือกำกวมเกินไป เช่น “ข้อ 1” ไม่มีประโยชน์ ควรเป็น “ขั้นที่ 1: เลือกเทมเพลต” เป็นต้น
- รักษาลำดับชั้นให้ถูก อย่ากระโดดจาก H2 ไป H4 โดยข้าม H3 เพราะทำให้สารบัญและโครงสร้างเอกสารเพี้ยน
ปัญหาที่พบบ่อยและวิธีแก้
สารบัญว่างเปล่า / ไม่ขึ้น
สาเหตุที่พบบ่อยที่สุดคือบทความไม่มีหัวข้อ H2/H3 เพราะสารบัญสร้างจากหัวข้อเหล่านี้ ให้เปิดตัวแก้ไขโพสต์แล้วเปลี่ยนข้อความหัวข้อจาก “ปกติ (Normal)” เป็น “หัวเรื่อง (Heading 2)” หรือ “หัวเรื่องย่อย (Heading 3)” จากนั้นบันทึกและดูหน้าจริงอีกครั้ง
สารบัญแสดงหัวข้อที่ไม่ต้องการ
บางครั้งเทมเพลตหรือวิดเจ็ตอื่นสร้าง H2/H3 ที่ไม่เกี่ยวข้อง ให้ตรวจว่าคุณไม่ได้ใช้ระดับหัวข้อเดียวกันกับองค์ประกอบ UI และปรับความลึกของสารบัญเป็น H2 อย่างเดียวเพื่อให้กระชับ
คลิกแล้วไม่กระโดด / กระโดดเลยหัวข้อ
มักเกิดเมื่อมี header แบบติดด้านบน (sticky) บังหัวข้อ ระบบของ BlogKub เผื่อระยะ scroll ให้แล้ว แต่ถ้าคุณปรับความสูง header เองมาก ให้ทดสอบและลดความสูง sticky ลงเล็กน้อย
แนวทางปฏิบัติที่ดี (Best Practices)
- ใช้สารบัญกับบทความที่ยาวเกินประมาณ 800–1,000 คำ หรือมีตั้งแต่ 3 หัวข้อขึ้นไป บทความสั้นมากไม่จำเป็น
- วางสารบัญไว้ต้นบทความ (BlogKub ทำให้อัตโนมัติ) เพื่อให้ผู้อ่านเห็นทันทีก่อนตัดสินใจอ่านต่อ
- จับคู่สารบัญกับฟีเจอร์ ลิงก์หัวข้อ (Anchor) เพื่อให้ผู้อ่านคัดลอกลิงก์ตรงไปยังหัวข้อแล้วแชร์ได้
- เขียนหัวข้อในรูปคำถามหรือประโยคที่คนค้นหาจริง จะช่วยทั้งสารบัญและโอกาสติด AI Overviews
สารบัญกับ AEO/GEO: ทำให้ AI หยิบหัวข้อไปตอบ
ยุคที่คนถามคำถามกับ Google AI Overviews, ChatGPT Search และ Perplexity มากขึ้น โครงสร้างหัวข้อที่ชัดเจนกลายเป็นทรัพย์สินสำคัญ เพราะระบบ AI เหล่านี้ “อ่าน” บทความโดยพึ่งลำดับชั้นหัวข้อเพื่อเข้าใจว่าเนื้อหาแต่ละส่วนตอบคำถามอะไร เมื่อบทความของคุณมี H2/H3 ที่ตั้งชื่อดีและสารบัญที่สะท้อนโครงเรื่อง โอกาสที่ AI จะดึงหัวข้อใดหัวข้อหนึ่งไปตอบผู้ใช้และอ้างอิงกลับมาที่เว็บคุณก็สูงขึ้น
เคล็ดลับคือเขียนหัวข้อในรูปแบบที่ตรงกับสิ่งที่คนถามจริง เช่น แทนที่จะตั้งหัวข้อว่า “การติดตั้ง” ให้ตั้งว่า “วิธีติดตั้งทีละขั้น” หรือแทน “ข้อดี” เป็น “สารบัญช่วยเรื่อง SEO อย่างไร” หัวข้อรูปคำถามหรือรูปวิธีทำ (how-to) เป็นแม่เหล็กดึงดูดทั้งสารบัญที่อ่านรู้เรื่องและการถูกหยิบไปตอบใน AI Overviews ยิ่งถ้าจับคู่กับกล่องสรุป AEOที่ต้นบทความ เนื้อหาของคุณก็ยิ่งพร้อมสำหรับการค้นหายุคใหม่
เปรียบเทียบ: สารบัญอัตโนมัติ vs พิมพ์เอง vs ปลั๊กอิน
ก่อนหน้านี้เจ้าของบล็อก Blogger มีทางเลือกไม่กี่ทางในการทำสารบัญ และแต่ละทางมีข้อเสียชัดเจน การเข้าใจความต่างช่วยให้เห็นว่าทำไมวิธีอัตโนมัติจึงคุ้มที่สุด
- พิมพ์สารบัญเอง: คุมรูปแบบได้เต็มที่ แต่ต้องพิมพ์ลิงก์และจุดยึดเองทุกบทความ พอแก้หัวข้อทีก็ต้องกลับมาแก้สารบัญด้วย เสียเวลาและพลาดง่าย ยิ่งบทความเยอะยิ่งเป็นภาระ
- วางโค้ด JavaScript รายโพสต์: ได้สารบัญอัตโนมัติก็จริง แต่ต้องแปะสคริปต์ในทุกโพสต์ ถ้าลืมแปะหรือวางผิดตำแหน่งก็พัง และโค้ดที่กระจายอยู่ในเนื้อหาทำให้จัดการยากในระยะยาว
- สารบัญระดับธีมของ BlogKub: ตั้งค่าครั้งเดียวในธีม แล้วได้ผลกับทุกบทความตลอดไป ไม่ต้องแตะโพสต์ ไม่มีโค้ดรกในเนื้อหา อัปเดตตามหัวข้ออัตโนมัติ และวางตำแหน่งถูกต้องเสมอ นี่คือแนวทางที่ดูแลง่ายและสม่ำเสมอที่สุด
พูดง่าย ๆ คือ วิธีอัตโนมัติระดับธีมย้ายภาระจาก “ทุกบทความ” มาอยู่ที่ “ครั้งเดียวตอนตั้งค่าธีม” ซึ่งเหมาะกับคนที่ตั้งใจเขียนบล็อกระยะยาวและมีบทความสะสมจำนวนมาก
สรุป
สารบัญอัตโนมัติเป็นการปรับปรุงที่ให้ผลตอบแทนสูงเมื่อเทียบกับความพยายาม เพราะติดตั้งครั้งเดียวในธีมแล้วได้ผลกับทุกบทความตลอดไป มันยกระดับประสบการณ์ผู้อ่าน ลดการกดออก และเปิดโอกาสได้พื้นที่พิเศษบนผลค้นหา สิ่งที่คุณต้องทำมีเพียงเพิ่มบล็อกสารบัญใน BlogKub ตั้งค่าให้เหมาะกับความยาวเนื้อหา แล้วเขียนบทความโดยจัดหัวข้อ H2/H3 อย่างมีวินัย เท่านี้เว็บ Blogger ของคุณก็จะดูเป็นมืออาชีพขึ้นทันที
คำถามที่พบบ่อย (FAQ)
สารบัญใน BlogKub สร้างเองอัตโนมัติหรือต้องพิมพ์เอง?
สร้างอัตโนมัติจากหัวข้อ H2 และ H3 ในบทความ คุณไม่ต้องพิมพ์รายการเอง เมื่อเพิ่มหรือแก้หัวข้อ สารบัญจะอัปเดตตามทันที
สารบัญคลิกแล้วกระโดดไปยังหัวข้อได้ไหม?
ได้ แต่ละรายการในสารบัญเป็นลิงก์จุดยึด (anchor) เมื่อคลิกจะเลื่อนไปยังหัวข้อนั้นอย่างนุ่มนวล และยังช่วยให้ Google แสดง sitelinks ของหัวข้อย่อยในผลค้นหาได้
ปรับให้สารบัญแสดงเฉพาะ H2 ได้ไหม?
ได้ ในการตั้งค่าบล็อกสารบัญ เลือกความลึกเป็น H2 อย่างเดียว หรือ H2 + H3 ตามต้องการ เพื่อให้สารบัญกระชับหรือละเอียดตามเนื้อหา
สารบัญมีผลต่อ SEO อย่างไร?
สารบัญช่วยเพิ่มเวลาอยู่บนหน้า ลดการกดออก และเปิดโอกาสให้ Google แสดง ‘jump to’ links กับ sitelinks ของหัวข้อในผลค้นหา อีกทั้งบังคับให้โครงสร้างหัวข้อชัดเจนซึ่งดีต่อการเก็บข้อมูล
ทำไมสารบัญของฉันว่างเปล่า?
เพราะบทความยังไม่มีหัวข้อ H2/H3 สารบัญสร้างจากหัวข้อเหล่านี้ ให้จัดหัวข้อในโพสต์เป็น ‘หัวเรื่อง (H2)’ หรือ ‘หัวเรื่องย่อย (H3)’ ในตัวแก้ไขของ Blogger แล้วสารบัญจะปรากฏ