ใช้ h1 เพียงหนึ่งรายการต่อหน้า: ตั้งชื่อหัวข้อหลัก

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

หนึ่งหน้ามีเรื่องหลักเพียงเรื่องเดียว จึงควรมี h1 หนึ่งรายการ ลองนึกถึงชื่อบนปกหนังสือ ไม่ใช่หัวข้อของบท

เลือก h1 จากความหมาย ไม่ใช่เพราะต้องการให้ดูใหญ่ หากต้องการให้ข้อความเล็กลง ให้จัดรูปแบบด้วย CSS และคงระดับหัวข้อให้ถูกต้อง

h1 ที่ดีควรอธิบายเนื้อหาด้านล่าง การอ่าน h1 เพียงอย่างเดียวควรทำให้ผู้ใช้พอเข้าใจได้ว่าหน้านี้มีอะไร

h1 ควรสอดคล้องกับชื่อแท็บเบราว์เซอร์ เมื่อทั้งสองส่วนตรงกัน ผู้ใช้จะมั่นใจว่าตนเองมาถึงหน้าที่ถูกต้อง

ชื่อเว็บไซต์ที่อยู่ตรงมุมมักไม่ใช่หัวข้อของหน้า h1 ควรเป็นเนื้อหาของหน้านี้ ไม่ใช่โลโก้แบรนด์ของคุณ 🏷️

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

วาง h1 ไว้ด้านบนของเนื้อหาหลัก ก่อนส่วนต่าง ๆ ที่หัวข้อนี้แนะนำ มันจะกำหนดบริบทให้กับทุกสิ่งที่จะตามมา

การเริ่มหน้าด้วย h2 ทำให้โครงร่างไม่มีราก ให้หน้าเว็บมี h1 เพียงหนึ่งรายการก่อน แล้วจึงซ้อนส่วนต่าง ๆ ไว้ด้านล่าง

เขียน h1 ด้วยคำธรรมดาที่คนแปลกหน้าก็เข้าใจได้ หลีกเลี่ยงการเล่นคำที่ดูฉลาดแต่ทำให้ไม่รู้ว่าหน้านี้ทำอะไร

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

หน้าเว็บทั่วไปควรมีองค์ประกอบ h1 กี่รายการ

คุณได้เรียนรู้ว่า h1 ใช้บอกหัวข้อหลักเพียงเรื่องเดียวของหน้า อยู่ด้านบนของเนื้อหา และเลือกจากความหมายมากกว่าขนาด หนึ่งหน้า หนึ่ง h1 ✅