DEV Community

Nokka
Nokka

Posted on

Semantic HTML ที่ Google บอกว่าไม่ช่วยอันดับ แต่ขอร้องให้ใช้

Semantic HTML ที่ Google บอกว่าไม่ช่วยอันดับ แต่ขอร้องให้ใช้

โดย Nokka (นก-กา) | 12 กันยายน 2026

บทความนี้เขียนโดย AI (deepseek-v4.1-flash) ผ่าน Hermes Agent ตรวจสอบและเรียบเรียงโดย Nokka

Semrush โพสต์บน X เมื่อวานนี้ด้วยประโยคสั้น ๆ ที่ฟังดูสมเหตุสมผลจนแทบไม่มีใครเถียง [1]

Semantic HTML ช่วยให้เครื่องจักรเข้าใจเนื้อหาของคุณได้เหมือนที่คนเข้าใจ นั่นคือผ่านโครงสร้างและความหมาย

แล้วแนบลิงก์ไปยังคู่มือการใช้งานที่เขียนไว้ละเอียดดี [1][2]

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

Semantic HTML คืออะไร

คู่มือของ Semrush อธิบายไว้ว่า Semantic HTML คือการใช้แท็ก HTML ที่ระบุจุดประสงค์ของเนื้อหาที่มันครอบไว้อย่างชัดเจน เพื่อให้โค้ดเว็บเข้าใจได้ทั้งโดยนักพัฒนาและโดยเครื่องค้นหา [2]

ต่างจากแท็กที่ไม่มีความหมายอย่าง <div> และ <span> ซึ่งบอกได้แค่ว่าเป็นกล่อง ไม่ได้บอกว่าข้างในคืออะไร [2]

ผู้เขียนคือ Vlado Pavlik เผยแพร่ครั้งแรกเมื่อ 7 กุมภาพันธ์ 2025 และผ่านการตรวจโดยผู้เชี่ยวชาญของสำนัก ก่อนถูกนำมาโพสต์ซ้ำบน X เมื่อวันที่ 11 กันยายน 2026 [1][2]

จุดที่คู่มือเขียนไว้ แต่ยังไม่ตรงกับสิ่งที่ Google พูด

ในหัวข้อประโยชน์ของ Semantic HTML คู่มือระบุว่ามันช่วยให้บอตค้นหาอย่าง Googlebot ระบุส่วนสำคัญของเนื้อหาได้แม่นขึ้น ซึ่ง "อาจนำไปสู่การทำดัชนีที่ดีขึ้นและอันดับที่สูงขึ้นสำหรับคีย์เวิร์ดที่เกี่ยวข้อง" [2]

ประโยคนี้ไม่ผิดในเชิงตรรกะ

แต่มีบริบทที่คนทำ SEO ควรรู้ก่อนจะรับมันไปใช้

จอห์น มูลเลอร์ จาก Google ตอบคำถามนี้ตรง ๆ ไว้ตั้งแต่ปี 2023 ในวิดีโอหัวข้อ "Does semantic HTML help Search identify and evaluate content?" ที่เผยแพร่บนช่อง Google Search Central [3][4][6]

Semantic HTML ช่วยให้เข้าใจหน้าเว็บได้จริง แต่มันไม่ใช่ตัวคูณวิเศษที่จะทำให้เว็บไซต์อันดับสูงขึ้น [3]

และตอนปิดวิดีโอ เขาพูดอีกประโยคที่ผมคิดว่าสำคัญที่สุด [3]

ได้โปรดใช้ semantic HTML มันไม่ใช่ ranking factor แต่ช่วยให้ระบบของเราเข้าใจเนื้อหาของคุณได้ดีขึ้น [3][6]

จุดนี้คือความต่างระหว่าง "ช่วยให้เข้าใจ" กับ "ช่วยให้อันดับดีขึ้น" ซึ่งเป็นคนละเรื่องกัน และคู่มือทั่วไปมักเขียนรวมกันเป็นข้อเดียว

ประโยคที่อธิบายว่าทำไมจุดนี้สำคัญ

ในเธรดเดียวกันนั้น มูลเลอร์เขียนบน Mastodon ไว้ว่า [4]

ไม่มี ranking factor ตัวไหนชดเชยความไม่เกี่ยวข้องที่หายไปได้ หรือความสนใจของผู้ใช้ที่หายไปได้

เขาอธิบายต่อว่า "คนมักลืมว่าเว็บไซต์ไม่ได้ 'อันดับ' ลอย ๆ มันอันดับเพราะมันเกี่ยวข้องกับอะไรบางอย่าง" [4]

Simon Cox ผู้แสดงความเห็นในเธรดนั้นสรุปไว้คมว่า "นี่คือความต่างเล็กน้อยที่สำคัญมาก แต่คนมักมองข้าม" [4]

แล้วทำไมยังควรใช้

เหตุผลแรกที่แข็งแรงที่สุด

ถ้าอย่างนั้นคำถามคือ ถ้ามันไม่ช่วยอันดับ เราจะเสียเวลาทำไปทำไม

คู่มือของ Semrush ตอบข้อนี้ไว้ดี และข้อที่แข็งแรงที่สุดคือการเข้าถึง (accessibility)

โปรแกรมอ่านหน้าจอสำหรับคนตาบอดใช้แท็กเหล่านี้ในการนำทาง ถ้าหน้าทั้งหน้าเป็น <div> ล้วน โปรแกรมอ่านจะไม่รู้ว่าส่วนไหนคือเมนู ส่วนไหนคือเนื้อหาหลัก [2]

และมีเหตุผลที่สองที่แรงขึ้นทุกวัน ซึ่งคู่มือฉบับนี้เขียนไว้สั้นกว่าที่ควร

เหตุผลที่แรงขึ้นทุกวันในยุค AI

ต้นทุนการอ่านโค้ดของโมเดล

Barry Adams เขียนบทวิเคราะห์ไว้ในจดหมายข่าวของเขาเมื่อเดือนสิงหาคม 2025 ว่า โมเดลอย่าง ChatGPT และ Perplexity ค้นเว็บเพื่อดึงข้อมูลทั้งสำหรับฝึกโมเดลและสำหรับตอบคำถามผู้ใช้ [5]

ประเด็นที่เขาชี้คือความยากในการอ่านโค้ด

มันง่ายกว่ามากที่ ChatGPT จะอ่านแท็ก semantic ไม่กี่สิบแท็ก แทนที่จะต้องไล่ <div> ที่ซ้อนกันหลายร้อยหรือหลายพันชั้นเพื่อหาว่าเนื้อหาหลักของหน้าอยู่ตรงไหน [5]

เขายังระบุว่าในบรรดาโมเดลใหญ่ มี Gemini ตัวเดียวที่สร้างบนดัชนีของ Google จึงเป็นตัวเดียวที่ใช้เนื้อหาจากหน้าเว็บที่เรนเดอร์เต็มรูปแบบ ส่วนโมเดลอื่นต้องตีความจากโค้ดที่ดึงมา [5]

ผมยังไม่พบงานวิจัยที่วัดแน่ชัดว่า AI crawler ได้ประโยชน์จาก semantic HTML มากน้อยแค่ไหน จึงควรอ่านข้อนี้เป็นข้อวิเคราะห์จากผู้เชี่ยวชาญในวงการ ไม่ใช่ผลการวัด [5]

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

หลักปฏิบัติสามข้อที่คู่มือให้ไว้

กฎที่คนพลาดบ่อยที่สุด

หนึ่ง ใช้แท็กให้ตรงจุดประสงค์ ใช้ <header> กับเนื้อหาเปิด ใช้ <article> กับชิ้นงานที่แยกออกไปได้ และใช้ <nav> กับกลุ่มลิงก์นำทาง [2]

สอง อย่าใช้แท็ก semantic เพื่อจัดสไตล์ อย่าใช้ <h1> ถึง <h6> เพียงเพื่อทำให้ตัวอักษรใหญ่ และอย่าใช้ <strong> หรือ <em> เพียงเพื่อทำตัวหนา ตัวเอียง เพราะความหมายของทั้งคู่คือการเน้น สำหรับรูปลักษณ์ให้ใช้ CSS [2]

สาม ซ้อนแท็กให้ถูกลำดับ และมีกฎที่คนพลาดบ่อยคือ <main> ใช้ได้เพียงครั้งเดียวต่อหน้า และห้ามซ้อนไว้ใน <header>, <footer>, <article> หรือ <aside> [2]

ตารางเทียบให้เห็นภาพ

แท็ก ใช้กับอะไร ข้อควรระวัง
<header> ส่วนเปิดของหน้าหรือของ section ไม่ใช่ที่เก็บ h1 เสมอไป
<nav> กลุ่มลิงก์นำทาง ใช้ได้หลายจุดในหน้าเดียว
<main> เนื้อหาหลัก ใช้ครั้งเดียว ห้ามซ้อนในแท็กอื่น
<article> ชิ้นงานที่แยกไปใช้ได้ โพสต์ รีวิว ข่าว
<aside> เนื้อหาเสริม ไซด์บาร์ กล่องเชื่อมโยง
<figure> + <figcaption> รูปหรือแผนภาพพร้อมคำบรรยาย จับคู่กันเสมอ
<mark> ข้อความที่เน้นตามบริบท ไม่ใช่ปุ่มไฮไลต์ตกแต่ง

มุมมองจากคนที่ทำงานกับโครงสร้างทุกวัน

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

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

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

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

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

สิ่งที่ทำได้ตั้งแต่วันนี้

อย่างแรก ถ้าเว็บคุณใช้ <div> ทั้งหน้า ลองเปลี่ยนเฉพาะส่วนสำคัญจริง ๆ ก่อน คือ <main>, <nav> และหัวข้อตามลำดับชั้น ไม่ต้องรื้อทั้งเว็บ [2]

อย่างที่สอง เปิดหน้าตัวอย่างของคุณแล้วปิด CSS ดู ถ้าเนื้อหายังอ่านรู้เรื่องแปลว่าโครงสร้างยังดี ถ้าอ่านไม่รู้เรื่องเลยแปลว่าโครงสร้างพึ่งการจัดวางมากเกินไป

อย่างที่สาม อย่าตั้งความหวังว่าการแก้ semantic HTML จะดันอันดับขึ้น เพราะมูลเลอร์พูดไว้ชัดว่ามันไม่ใช่ ranking factor [3][4]

ให้ตั้งความหวังว่ามันทำให้เครื่องมือและคนเข้าใจเว็บคุณตรงกัน ซึ่งเป็นเป้าหมายที่วัดยากกว่าแต่ยั่งยืนกว่า

ข้อควรระวัง

หนึ่ง คำพูดของมูลเลอร์ที่ผมยกมาอยู่ในวิดีโอและเธรดเมื่อปี 2023 ผมไม่ได้ดูวิดีโอต้นฉบับทั้งคลิปด้วยตัวเอง แต่ตรวจจากบทความของ Search Engine Journal ที่ฝังวิดีโอต้นทาง และจาก Search Engine Roundtable ที่อ้างเธรดบน Mastodon โดยตรง ทั้งสองที่ตรงกัน [3][4]

สอง ข้อวิเคราะห์เรื่อง AI crawler กับ semantic HTML มาจากบทความของ Barry Adams ซึ่งเป็นความเห็นของผู้เชี่ยวชาญในวงการ ไม่ใช่ผลการวัดจากงานวิจัย และผมไม่พบตัวเลขยืนยันว่าได้ประโยชน์มากน้อยแค่ไหน [5]

สาม คู่มือของ Semrush เป็นเนื้อหาที่เผยแพร่ครั้งแรกเมื่อกุมภาพันธ์ 2025 และถูกนำมาโพสต์ซ้ำเมื่อกันยายน 2026 ประโยคเรื่อง "อันดับที่สูงขึ้น" ผมไม่ถือว่าเป็นความผิดพลาดของผู้เขียน เพราะการอธิบายเชิงสาเหตุแบบกว้างเป็นเรื่องปกติของคู่มือ และคู่มือนี้ก็ระบุประโยชน์ด้าน accessibility ไว้ชัดเจนตั้งแต่ต้น [2]

สี่ ผมไม่ได้ทดสอบวัดผลว่าเว็บที่ใช้ semantic HTML ได้อันดับดีกว่าเว็บที่ใช้ div จริง และไม่พบการศึกษาที่ควบคุมตัวแปรอื่นได้ สิ่งที่ผมทำได้คือแยกให้เห็นว่าคำอ้างใดมาจาก Google และคำอ้างใดมาจากการวิเคราะห์

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

สรุป

Semantic HTML เป็นกรณีศึกษาที่ดีของคำว่า "ถูกต้อง" กับ "ได้ผล" ซึ่งไม่ใช่เรื่องเดียวกันเสมอ

Google บอกว่ามันไม่ใช่ ranking factor และในประโยคเดียวกันก็ขอให้ใช้ เพราะมันช่วยให้ระบบเข้าใจเนื้อหาได้ดีขึ้น

คำตอบของคำถามที่ว่า "แล้วฉันควรทำไหม" จึงไม่ขึ้นกับว่ามันดันอันดับได้หรือไม่ แต่ขึ้นกับว่าคุณต้องการให้ใครอ่านงานของคุณ และคุณต้องการให้งานของคุณอ่านง่ายแค่ไหนในอีกสองปีข้างหน้า

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

แหล่งอ้างอิง

[1] Semrush, โพสต์บน X เรื่อง Semantic HTML (11 ก.ย. 2026), https://x.com/semrush/status/2098447756620611691

[2] Pavlik, V., "What Is Semantic HTML? And How to Use It Correctly", Semrush Blog (7 ก.พ. 2025), https://www.semrush.com/blog/semantic-html5-guide/

[3] Southern, M. G., "Semantic HTML: Not A Ranking Factor But Still Important", Search Engine Journal (2023), https://www.searchenginejournal.com/semantic-html-not-a-ranking-factor-but-still-important/490436/

[4] Schwartz, B., "Google's John Mueller: No Ranking Factor Compensates For Missing Relevance", Search Engine Roundtable (5 ก.ค. 2023), https://www.seroundtable.com/google-no-ranking-factor-compensates-for-missing-relevance-35652.html

[5] Adams, B., "Why Semantic HTML matters for SEO and AI", SEO for Google News (6 ส.ค. 2025), https://www.seoforgooglenews.com/p/why-semantic-html-matters-for-seo

[6] Google Search Central, "Does semantic HTML help Search identify and evaluate content?" (YouTube, 2023), https://www.youtube.com/watch?v=5HtRKM4ILGc

Top comments (0)