แนวปฏิบัติหัวข้อ SEO: เขียน H1 ให้เหมาะกับ Google

สรุปสั้น ๆ — สิ่งที่คุณจะได้จากบทความนี้

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

ทำไมหัวข้อ H1 ยังมีความหมาย

H1 เป็นสัญญะแบบ semantic ที่บอกว่าข้อความนี้คือหัวข้อหลักของหน้านั้น ๆ — ช่วยผู้อ่าน ประเภทของเนื้อหา และเครื่องมือค้นหาในการเข้าใจโครงสร้างหน้า แม้ว่า Google จะไม่เปิดเผยน้ำหนักคะแนนตัวเดียวสำหรับ H1 แต่หัวข้อที่ชัดเจนและสอดคล้องกับเนื้อหาช่วยให้ snippet, accessibility และการจับประเด็นทำได้ดีกว่า ซึ่งทั้งหมดนี้ส่งผลต่อการเข้าใจเพจเมื่อถึงขั้นตอนการจัดอันดับ

Google, mobile-first และผลต่อหัวข้อ

ปัจจุบัน Google ใช้เวอร์ชันมือถือเป็นฐานหลักในการครอว์และจัดทำดัชนี และตั้งแต่เดือนกรกฎาคม 2024 Googlebot Smartphone เป็นค่าเริ่มต้นเมื่อตรวจเว็บ ดังนั้น หัวข้อที่ปรากฏบนเวอร์ชันมือถือของเพจคือสิ่งที่เครื่องมือค้นหาจะใช้เป็นหลัก หากเวอร์ชันเดสก์ท็อปมีหัวข้อที่ต่างออกไปหรือมี H1 ที่หายไป ความไม่เท่าเทียมกันนั้นอาจทำให้ข้อมูลที่จัดเก็บในดัชนีไม่ตรงกับที่คุณออกแบบไว้

ความแตกต่างสำคัญ: Crawling, Indexing และ Ranking

แยกสามขั้นตอนนี้เมื่อคุณแก้ปัญหาเกี่ยวกับหัวข้อ:

• Crawling — การค้นพบและดึง HTML/ทรัพยากรจากเซิร์ฟเวอร์ หากหัวข้อถูกสร้างด้วย JavaScript บางครั้งการครอว์แบบเบื้องต้นจะเห็นโครง HTML แต่ต้องรอการเรนเดอร์ก่อนจึงจะเห็น H1

• Indexing — การตัดสินใจเก็บเนื้อหาในดัชนีของเครื่องมือค้นหา เนื้อหาที่ไม่มีในเวอร์ชันมือถืออาจถูกละเลยหรือได้รับน้ำหนักน้อยกว่าในการจัดทำดัชนี

• Ranking — ขั้นตอนการจัดอันดับผลลัพธ์โดยใช้สัญญาณหลายอย่าง หัวข้อที่ชัดเจนและเป็นประโยชน์สามารถปรับปรุงการจับประเด็นและ CTR ซึ่งเป็นสัญญาณที่ระบบอาจใช้พิจารณา แต่ H1 เป็นเพียงหนึ่งในหลายสัญญาณไม่ใช่ปัจจัยเดี่ยวที่ชี้ขาด

แนวปฏิบัติสำหรับการใช้ H1

หลักการปฏิบัติที่ควรนำไปใช้กับทุกเพจ:

• H1 ควรสื่อสารหัวใจของเนื้อหาเพจ — สั้น กระชับ และสอดคล้องกับเนื้อหาที่ตามมา

• แนะนำให้มี H1 ชั้นเดียวที่ชัดเจนต่อเพจ แต่การมี H1 หลายตัวตามโครงสร้าง HTML5 ก็รับได้ ขึ้นกับเทมเพลตและความสอดคล้องของเนื้อหา — อย่าให้เกิดความสับสนหรือซ้ำซ้อนระหว่างเพจ

• ให้หัวข้อเป็นเอกลักษณ์ต่อเพจ ไม่ควรใช้หัวข้อเดียวกันกับหลายหน้าในเว็บไซต์หากเนื้อหาต่างกัน

• ตรงตามความคาดหวังของผู้ใช้ — หัวข้อควรสะท้อนสิ่งที่ผู้เข้าชมจะพบเมื่อเลื่อนหน้าลงมา

ตัวอย่าง HTML (ตัวอย่างสั้น ๆ)

ตัวอย่างหัวข้อหลักของเพจ: <h1>วิธีเลือกกล้องสำหรับงานวิดีโอ</h1>

หัวข้อบน CMS และปัญหาที่พบบ่อย

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

ปัญหาที่พบบ่อย: H1 ถูกซ่อนด้วย CSS, H1 ถูกสร้างหลังจากเรนเดอร์ด้วย JavaScript, หรือ H1 ถูกทำซ้ำในหลายส่วนของเทมเพลต การแก้ไขเทมเพลตและการตรวจสอบเวอร์ชันมือถือช่วยป้องกันปัญหาเหล่านี้

การทดสอบและการยืนยัน — ขั้นตอนที่ใช้งานได้จริง

ใช้ชุดเครื่องมือต่อไปนี้เพื่อตรวจว่า H1 ที่คุณออกแบบปรากฏต่อเครื่องมือค้นหาและผู้ใช้ในรูปแบบที่คาดไว้:

1) ตรวจ HTML ดิบ ด้วย curl:

• ดูส่วนหัว HTTP เท่านั้น: curl -I https://example.com/page

• ดึง HTML ที่เซิร์ฟเวอร์ส่งให้ user-agent เฉพาะ (เช่น ตรวจเวอร์ชันมือถือ): curl -A "Mozilla/5.0 (Linux; Android) AppleWebKit/537.36 (KHTML, like Gecko) Chrome Mobile" https://example.com/page

หมายเหตุ: ใช้ curl -I เมื่อคุณต้องการดู headers เท่านั้น และใช้ curl -A เมื่อคุณต้องการให้เซิร์ฟเวอร์ตอบเป็น user-agent ที่ระบุ (อย่าใช้ -I ถ้าคุณต้องการ HTML ที่เรนเดอร์)

2) ตรวจ DOM ที่เรนเดอร์แล้ว: เปิด Chrome DevTools → Elements แล้วสลับ Device Toolbar เพื่อดูเวอร์ชันมือถือ ตรวจว่า H1 ปรากฏใน DOM ที่ผู้ใช้เห็น ไม่ใช่แค่ใน HTML ดิบ

3) สำหรับเพจที่คุณเป็นเจ้าของ: ใช้ Google Search Console URL Inspection เพื่อตรวจการครอว์และการจัดทำดัชนี และดูว่า Googlebot เห็น H1 อย่างไร (เครื่องมือนี้เป็นข้อมูลที่เชื่อถือได้สำหรับโดเมนของคุณเอง)

4) ตรวจสัญญาณการจัดทำผลลัพธ์: ใช้ Rich Results Test และ Schema Markup Validator เมื่อต้องการดูว่า structured data ยังทำงานแม้จะปรับ H1 หรือโครงสร้างหน้า

5) ดัชนีสาธารณะ — ใช้ site: operator เป็นสัญญาณ แต่ไม่ใช่เครื่องมือยืนยันสุดท้าย Google อาจรู้จักหน้าแม้หน้าไม่ปรากฏในการค้นหาด้วย site: หรือหน้าอาจถูกแสดงใน index แต่ไม่ได้ปรากฏในผลลัพธ์บางการค้นหา

ข้อผิดพลาดทั่วไปและวิธีแก้

• H1 หายบนมือถือ — ตรวจเทมเพลตมือถือ ตรวจด้วย curl -A และ DevTools แล้วแก้เทมเพลตหรือ server-side rendering ให้แน่นขึ้น

• H1 ถูกซ่อนไว้ด้วย CSS หรือแสดงเป็นภาพ — หากหัวข้อถูกใส่เป็นภาพ ให้มีเท็กซ์ทดแทนและพิจารณาใช้ H1 ที่เป็นข้อความเพื่อช่วย accessibility และการจับประเด็น

• H1 ถูกสร้างด้วย JavaScript ที่ล่าช้า — พิจารณา server-side rendering หรือ pre-rendering สำหรับเนื้อหาสำคัญ เช่น H1 เพื่อให้การครอว์และการจัดทำดัชนีไม่พลาด

ตรวจรายการ (Checklist) ก่อนปล่อยเพจ

• หัวข้อสื่อความชัดเจนและสอดคล้องกับเนื้อหา

• ตรวจว่า H1 ปรากฏใน HTML ที่เซิร์ฟเวอร์ส่งให้ user-agent มือถือ (curl -A)

• ตรวจ DOM ที่เรนเดอร์ใน DevTools (Device Emulation)

• ตรวจใน Google Search Console (สำหรับโดเมนของคุณ) ว่า URL ถูกครอว์และจัดทำดัชนีตามที่คาดไว้

หากคุณต้องการอ่านหัวข้อทางเทคนิคอื่น ๆ ที่เกี่ยวกับการเรนเดอร์และสัญญาณสำหรับมือถือ: อ่านคู่มือ Technical SEO

FAQ