เรียนรู้ว่าทำไมคุณจึงควรใช้องค์ประกอบ/แท็ก H1 เพียงครั้งเดียวต่อหน้าบนเว็บไซต์ของคุณเพื่อ SEO ที่เหมาะสมที่สุด
สิ่งแรกที่นักพัฒนาเว็บหรือนักออกแบบเรียนรู้คือองค์ประกอบส่วนหัวของ HTML5 หกระดับตั้งแต่ H1 ถึง H6
ในฐานะมือใหม่ คุณจะได้รับแจ้งว่า H1 เป็นองค์ประกอบที่สำคัญที่สุด และคุณควรใช้สำหรับหัวข้อหลัก พาดหัวข่าว — สิ่งที่สำคัญที่สุด จากนั้นคุณค่อยลงจากที่นั่นและใช้ H2, H3, H4 เป็นต้น เป็นหัวข้อย่อยของเนื้อหา
ฉันสังเกตเห็นว่ามือใหม่จำนวนมากใช้แท็ก H1 หลายครั้งในหน้าเดียวกัน ฉันคิดว่านี่เป็นเพราะพวกเขาถือว่าองค์ประกอบข้อความมากกว่าหนึ่งรายการในหน้านั้นมีความสำคัญ นี่เป็นปัญหาแม้ว่า
เสิร์ชเอ็นจิ้นจะถือว่าเนื้อหาที่อยู่ภายในแท็ก H1 นั้นเป็นพาดหัวของเนื้อหาของคุณ (หัวข้อหลัก) โดยอัตโนมัติ นี่เป็นสิ่งสำคัญเพราะเมื่อคุณค้นหาบางสิ่งใน SERP (หน้าผลลัพธ์ของเครื่องมือค้นหา) สิ่งที่ปรากฏขึ้นเมื่อคุณกด Enter คือ:
- ชื่อเรื่อง
- คำอธิบายเมตา
- URL
หากคุณใช้ H1 หลายครั้งต่อหน้า แสดงว่าคุณกำลังลดลำดับความสำคัญลงในแต่ละหน้า เสิร์ชเอ็นจิ้นรู้ได้อย่างไรว่า H1 ใดที่จะเลือกเมื่อพวกเขาแสดงผลการค้นหาต่อผู้ค้นหา โดยค่าเริ่มต้น เครื่องมือค้นหาจะ โดยปกติ เลือกจากบนลงล่าง แต่ไม่รับประกัน เนื่องจากมีปัจจัยหลายอย่างที่อาจส่งผลต่อการจัดทำดัชนีและแสดงเนื้อหาของคุณ
เสิร์ชเอ็นจิ้นใช้ส่วนหัว H1 ของคุณเพื่อกำหนดหัวข้อที่สำคัญที่สุดในแต่ละหน้า แต่ถ้าคุณกำลังบอกพวกเขาว่าทุกอย่างมีความสำคัญ ก็ไม่มีอะไรสำคัญ
ตัวอย่างคลาสสิกของการใช้ H1 มากเกินไปคือพอร์ตโฟลิโอที่ผู้สร้างมีแกลเลอรีรายการกริดที่หน้าแรกซึ่งแสดงรายการโครงการของพวกเขา
ในตอนแรก ควรใช้ H1 สำหรับชื่อโครงการสำหรับรายการกริด เนื่องจากแต่ละโปรเจ็กต์นำไปสู่ URL แต่ละรายการที่อธิบายโปรเจ็กต์นั้น
นี่คือ SEO ที่ไม่ถูกต้อง
นี่เป็นวิธีที่ถูกต้อง:
- ในหน้าแรกที่คุณแสดงรายการกริดของโครงการไคลเอนต์ คุณควรใช้ H2, H3 หรือ H4 สำหรับชื่อรายการกริดของคุณ
- ในหน้าของแต่ละโปรเจ็กต์ คุณควรมีชื่อโปรเจ็กต์ของคุณอยู่ใน H1 (
<h1></h1>) แท็ก องค์ประกอบ H1 หนึ่งรายการต่อหน้าโครงการ
คุณสามารถใช้ H2, H3, H4 ฯลฯ ในแต่ละหน้าได้มากเท่าที่คุณต้องการ ดังนั้นให้เลือกแท็กส่วนหัว 1 ใน 3 แท็กเพื่อล้อมรอบชื่อรายการกริดของคุณ
ทำไมต้อง H2, H3 หรือ H4? มันสำคัญไฉน? ฉันไม่คิดอย่างนั้น ฉันสังเกตเห็นว่าเว็บไซต์ชั้นนำส่วนใหญ่ (ในแง่ของการจัดอันดับ) ใช้หัวข้อใดหัวข้อหนึ่งจาก 3 หัวข้อเหล่านี้ ฉันไม่พบหลักฐานใด ๆ ที่แสดงว่า H2 ดีกว่า H3 หรือ h4
อ้างอิง:
- css-tricks.com และ Scotch.io ใช้ H2
- Medium.com และ sidebar.io ใช้ H3
คุณควรพิจารณาว่าหัวเรื่องไม่ได้ใช้เพื่อบอกเครื่องมือค้นหาว่าเนื้อหาของคุณได้รับการจัดระเบียบอย่างไร แต่ยังใช้เพื่อบอกผู้ใช้เกี่ยวกับลำดับชั้นของเนื้อหาด้วยสายตาด้วย
องค์ประกอบส่วนหัวใดที่คุณใช้แสดงชื่อรายการกริดของคุณ สามารถกำหนดได้ง่ายๆ ด้วยมาตราส่วนประเภท (รายการขนาดแบบอักษร) ที่คุณใช้สำหรับเว็บไซต์ของคุณ ดังนั้นหาก H3 ของคุณถูกตั้งค่าเป็น font-size: 1.5rem; และขนาดตัวอักษรนั้นใช้งานได้ดีสำหรับชื่อรายการกริดของคุณ จากนั้นใช้สิ่งนั้น
