แท็กส่วนหัว: คืออะไรและใช้อย่างไร

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

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

ตอนนี้ฉันรู้ว่ามีวิทยาศาสตร์ที่จะ การเพิ่มประสิทธิภาพบล็อกและสิ่งที่ฉันโยนลงในโพสต์บล็อกของฉันเพื่อให้ดูเป็นมืออาชีพเรียกว่าแท็กส่วนหัว/ส่วนหัว — และเป็นเครื่องมือสำคัญในการทำความเข้าใจ และ SEO

ต่อไปนี้เป็นคำแนะนำโดยย่อเกี่ยวกับแท็กส่วนหัวและสิ่งที่ใช้สำหรับ:

• H1 — ชื่อเรื่องของโพสต์ โดยปกติแล้วคำหลักจะเน้นไปที่ "แนวคิดสำคัญ" ของเพจหรือโพสต์ และออกแบบมาเพื่อดึงดูดความสนใจของผู้อ่าน
• H2 — เหล่านี้เป็นส่วนหัวย่อยที่จำแนกประเด็นหลักของย่อหน้าของคุณและส่วนที่แยกจากกัน พิจารณาใช้คีย์เวิร์ดเชิงความหมายที่เกี่ยวข้องกับ “แนวคิดใหญ่” ใน H1 ของคุณ ในขณะเดียวกันก็ช่วยให้ผู้อ่านค้นหาหัวข้อที่ต้องการอ่านได้อย่างง่ายดาย
• H3 — สิ่งเหล่านี้เป็นส่วนย่อยที่ให้ความกระจ่างประเด็นต่างๆ ใน ​​H2 เพิ่มเติม อีกทางหนึ่ง สามารถใช้ในการจัดรูปแบบรายการหรือสัญลักษณ์แสดงหัวข้อย่อยได้
• H4 —ส่วนเหล่านี้เป็นส่วนย่อยที่ให้ความกระจ่างประเด็นต่างๆ ใน ​​H3 เพิ่มเติม อีกทางหนึ่ง สามารถใช้ในการจัดรูปแบบรายการหรือสัญลักษณ์แสดงหัวข้อย่อยได้

“H” ใน H1, H2 ฯลฯ ย่อมาจาก “องค์ประกอบส่วนหัว” อย่างเป็นทางการ แม้ว่าชุมชน SEO มักจะเรียกแท็กเหล่านี้ว่า “แท็กส่วนหัว”

ตามที่คุณสามารถเดาได้จากคำแนะนำข้างต้น ตัวเลขจะบ่งบอกถึงความสัมพันธ์แบบลำดับชั้นระหว่างแต่ละรายการ (โดยที่ H1 มีความสำคัญมากที่สุด H2 มีความสำคัญน้อยกว่า และอื่นๆ)

ต่อไปนี้คือตัวอย่างว่าโครงสร้างลำดับชั้นนี้อาจปรากฏในโครงร่างบล็อกได้อย่างไร:

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

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

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

เพื่อให้เห็นภาพ แท็กส่วนหัวในตัวอย่างด้านล่างคือชื่อ “สุดยอดคู่มือการตลาดผลิตภัณฑ์ในปี 2021".

ชื่อเรื่องถูกกำหนดให้เป็น H1 สำหรับเพจโดยใช้โค้ด HTML รหัสนี้อาจปรากฏในซอร์สโค้ดของหน้าเว็บดังนี้:

ดูปากกา H1 ตัวอย่างที่ 1 โดย คริสติน่า เพอร์ริโคเน (@ฮับสปอต) เมื่อ CodePen.

อย่างไรก็ตาม ดังที่เราได้กล่าวไปก่อนหน้านี้ มีแท็กส่วนหัวอื่นๆ ที่ช่วยในการสร้างโครงสร้างของหน้าด้วย

HTML รองรับแท็กส่วนหัวกี่แท็ก

HTML รองรับแท็กส่วนหัวได้สูงสุดหกแท็ก (H1-H6) เพื่อให้คุณใช้เพื่อจัดโครงสร้างหน้าเว็บของคุณตามต้องการ สามารถปรับสไตล์ให้มองเห็นได้ตามแบรนด์ของคุณ และยกเว้น H1 คุณสามารถมีแท็กเหล่านี้บนหน้าเว็บได้มากเท่าที่คุณต้องการ 

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

ด้านล่างนี้คือภาพหน้าจอของโพสต์ในบล็อก HubSpot พร้อมตัวอย่างแท็กส่วนหัวที่ระบุด้วยลูกศร:

ดังที่คุณเห็น แท็กส่วนหัวทั้งหมดดูแตกต่างกัน และแต่ละแท็กส่วนหัวจะถูกใช้สำหรับแนวคิดใหม่

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

แท็กส่วนหัวและ SEO

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

พิจารณาสิ่งนี้: Google ค้นหาเนื้อหาเพื่อให้บริการแก่ผู้ใช้ การรวบรวมข้อมูลหน้าเว็บ. ขณะทำเช่นนั้น มันจะวิเคราะห์ข้อความ รูปภาพ และองค์ประกอบอื่น ๆ ที่พบ เข้าใจว่าเพจนั้นเกี่ยวกับอะไร.

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

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

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

เครื่องมือค้นหายังดูแท็กส่วนหัวในโพสต์ของคุณด้วย ดังนั้นจึงเป็นการดีที่จะรักษาคำหลักเหล่านั้นให้เป็นศูนย์กลางเช่นกัน ตัวอย่างเช่น คุณอาจสร้างส่วน H2 บางส่วนที่เกี่ยวข้องกับคำหลักหางยาวยอดนิยมที่เกี่ยวข้องกับอีคอมเมิร์ซ เช่น “ห้าขั้นตอนในการสร้างธุรกิจอีคอมเมิร์ซ” หรือ “เครื่องมือโซเชียลมีเดียที่ดีที่สุดสำหรับอีคอมเมิร์ซ”

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

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

หากส่วนต่างๆ ของคุณไม่สมเหตุสมผล เพจของคุณอาจไม่ติดอันดับ ลองนึกถึงส่วนต่างๆ ในโพสต์นี้ - คุณคิดว่าส่วนต่างๆ เหล่านี้ถูกแยกส่วนในลักษณะที่อ่านง่ายหรือไม่?

วิธีเพิ่มแท็กส่วนหัวใน HTML

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

ตัวอย่างเช่น หาก h1 ของคุณคือ “คู่มือการเริ่มต้นอีคอมเมิร์ซ” มันจะมีลักษณะเช่นนี้:

ดูปากกา H1 ตัวอย่างที่ 2 โดย คริสติน่า เพอร์ริโคเน (@ฮับสปอต) เมื่อ CodePen.

สิ่งนี้จะใช้ได้กับ HTML4 หรือเก่ากว่า หากคุณกำลังทำงานกับ HTML5 คุณอาจต้องใช้บรรทัดที่แตกต่างกันเล็กน้อยเพื่อให้ได้ผลลัพธ์เดียวกัน การเปลี่ยนแปลงคือการแจ้งให้ Google ทราบว่า H1 คืออะไร:

ดูปากกา H1 ตัวอย่างที่ 3 โดย คริสติน่า เพอร์ริโคเน (@ฮับสปอต) เมื่อ CodePen.

คุณยังสามารถใส่เครื่องหมายวรรคตอนระหว่างแท็กทั้งสองได้ ตัวอย่างเช่น คุณอาจมี:

ดูปากกา H3 ตัวอย่างที่ 1 โดย คริสติน่า เพอร์ริโคเน (@ฮับสปอต) เมื่อ CodePen.

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

แพลตฟอร์มบล็อกบางแห่ง เช่น WordPress และ HubSpot มีตัวเลือกบนแถบเครื่องมือเพื่อสร้างแท็กส่วนหัว ดังนั้นทุกครั้งที่คุณต้องการเพิ่ม คุณไม่จำเป็นต้องเจาะลึกซอร์สโค้ดหรือ HTML เพื่อดำเนินการดังกล่าว

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

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

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

หมายเหตุบรรณาธิการ: โพสต์นี้เผยแพร่ครั้งแรกในเดือนมกราคม 2020 และได้รับการอัปเดตเพื่อความครอบคลุม

ที่มา: https://blog.hubspot.com/marketing/header-tags