แท็ก hreflang: คำอธิบาย เทคนิคลัด และการตรวจสอบ

แท็ก hreflang เป็นสัญญาณใน HTML หรือ XML sitemap ที่ระบุภาษาและ/หรือภูมิภาคของเวอร์ชันหน้าเว็บ เพื่อช่วยให้เครื่องมือค้นหาแสดงเวอร์ชันที่เหมาะสมกับผู้ใช้ การตั้งค่าที่ถูกต้องลดปัญหาเนื้อหาซ้ำและช่วยการจัดทำดัชนี

Hreflang Tag: คู่มือสำหรับเว็บไซต์หลายภาษา

What is แท็ก hreflang?

แท็ก hreflang คือสัญญาณที่บอกเครื่องมือค้นหาเกี่ยวกับภาษาและ/หรือภูมิภาคของเวอร์ชันหน้าเว็บ สัญญาณนี้สามารถวางเป็น <link rel="alternate" hreflang="..." href="..."> ในส่วน <head> ของ HTML, ระบุผ่าน HTTP Link header สำหรับไฟล์ที่ไม่ใช่ HTML, หรือประกาศใน XML sitemap เหมาะสำหรับไซต์ที่ให้บริการเนื้อหาเดียวกันในหลายภาษา/ภูมิภาค

Why แท็ก hreflang matters for SEO

Hreflang ช่วยให้ Search เลือกเวอร์ชันที่เหมาะสมกับผู้ใช้ตามภาษาและภูมิภาค ซึ่งเกี่ยวข้องกับการจัดทำดัชนีและการแสดงผล (serving) มากกว่าการให้สัญญาณอันดับโดยตรง: การตั้งค่า hreflang ที่ถูกต้องช่วยลดความสับสนเมื่อต้องเลือกระหว่างหลายหน้าแทนที่จะปล่อยให้ Google ตัดสินเอง และยังลดความเสี่ยงของการตีความเป็นเนื้อหาซ้ำ เมื่อหน้าใดไม่ถูกจัดทำดัชนีหรือไม่เข้าถึงได้ สัญญาณจากหน้าอื่นจะมีค่าสำหรับการแสดงผลน้อยลง แต่อย่าลืมว่าการจัดลำดับผลการค้นหาขึ้นอยู่กับสัญญาณหลายอย่าง ไม่ใช่เฉพาะ hreflang เท่านั้น

How แท็ก hreflang works

หลักการพื้นฐานคือการประกาศคู่ของ URL เวอร์ชันภาษาต่างๆ ให้เป็นกลุ่ม (bi-directional/clustered). แต่ละประกาศควรชี้กลับไปหากัน (reciprocal): ถ้า A ประกาศ B เป็นเวอร์ชันภาษาไทย A ต้องปรากฏในรายการของ B ด้วย ตัวอย่าง HTML ใน <head>: <link rel="alternate" hreflang="th" href="https://example.com/th/"> และตัวอย่าง x-default:<link rel="alternate" hreflang="x-default" href="https://example.com/">

ทางเลือกการประกาศ:

• ในส่วน <head> ของ HTML — เหมาะกับหน้า HTML ปกติ
• HTTP Link header — ใช้กับ non-HTML assets หรือเมื่อไม่ต้องการแก้ HTML
• XML sitemap — ประกาศเป็นคู่ hreflang ภายใน sitemap เมื่อการจัดการผ่าน sitemap ง่ายกว่า

Types of แท็ก hreflang

สรุปชนิดการประกาศ hreflang ที่ใช้จริง:

• Head link elements — ง่ายที่สุดเมื่อตรวจและแก้ HTML ได้
• HTTP Link header — รูปแบบ: Link: <https://example.com/de/>; rel="alternate"; hreflang="de"
• Sitemap annotations — ใส่รายการ <xhtml:link rel="alternate" hreflang="..." href="..."/> ใน sitemap
แต่ละวิธีต้องประกาศแบบครบวงจร (reciprocal) เพื่อผลลัพธ์ที่คาดเดาได้มากขึ้น

How to get started with แท็ก hreflang

ขั้นตอนเริ่มต้นที่เป็นระเบียบ: สำรวจหน้าเวอร์ชันภาษาต่างๆ → เลือกวิธีประกาศที่สอดคล้องกับ workflow ของคุณ (head links, HTTP header, หรือ sitemap) → สร้างรายการประกาศแบบครบถ้วน (รวม x-default เมื่อจำเป็น) → ตรวจสอบความ reciprocal และการเข้าถึงของแต่ละ URL

Common แท็ก hreflang mistakes

รายการข้อผิดพลาดที่พบบ่อยและผลกระทบสั้น ๆ:

• ประกาศไม่ครบ (missing reciprocal) — ทำให้ Google มองไม่ชัดว่ากลุ่มเวอร์ชันใดเกี่ยวข้องกัน
• ใช้รหัสภาษาผิดรูปแบบ (เช่น รวม region ผิด) — ทำให้จับคู่ผิดหน้า
• ชี้ไปยังหน้าไม่สามารถเข้าถึงหรือไม่ถูกจัดทำดัชนี — สัญญาณจะมีประโยชน์น้อยลง
• ผสมวิธีประกาศแบบไม่สอดคล้อง (head + sitemap ที่ไม่ตรงกัน) — สร้างความสับสนในการเลือกเวอร์ชัน
• ลืมใส่ x-default สำหรับหน้า landing ทั่วไปเมื่อจำเป็น

ตรวจสอบแท็ก hreflang: เช็คลิสต์ทางเทคนิค

**รูปแบบ hreflang** — ที่ตรวจสอบ — ผ่านเมื่อ รูปแบบตรงกับ ISO (เช่น th, en-GB)
**reciprocal links** — ที่ตรวจสอบ — ผ่านเมื่อแต่ละ URL ชี้กลับหากัน
**indexability** — ที่ตรวจสอบ — ผ่านเมื่อ URL ถูกเข้าถึงและอนุญาตให้จัดทำดัชนี
**一致性ของ canonical** — ที่ตรวจสอบ — ผ่านเมื่อ canonical ไม่ขัดกับการจับคู่ hreflang
**HTTP headers** — ที่ตรวจสอบ — ผ่านเมื่อ Link header ประกาศแบบถูกต้องสำหรับ non-HTML
**sitemap annotations** — ที่ตรวจสอบ — ผ่านเมื่อ sitemap แสดงรายการคู่ hreflang ตรงกับ HTML/headers

เครื่องมือและวิธีการตรวจสอบ (verification & troubleshooting)

เครื่องมือที่แนะนำและตัวอย่างคำสั่ง:

• ดู HTML ที่ server ส่งกลับ: ใช้ curl -A "Mozilla/5.0 (Windows NT 10.0; Win64; x64)" https://example.com/th/ (ไม่ใส่ -I เพื่อดู body) เพื่อยืนยันว่า <link rel="alternate" ...> ปรากฏใน <head> สำหรับ user-agent ปกติ
• ตรวจสอบ header เท่านั้น: curl -I https://example.com/path — ดู Link header เมื่อใช้ HTTP header declaration
• ตรวจสอบ indexability ของหน้า (เมื่อเป็นไซต์ที่คุณเป็นเจ้าของ): ใช้ Google Search Console URL Inspection เพื่อดูสถานะการจัดทำดัชนีและปัญหาที่รายงาน
• ตรวจสอบผลการแสดง/สัญญาณภายนอก: ใช้คำสั่ง site: หรือค้นหาส่วนน้อยเพื่อดูว่าหน้าถูกแสดงในผลการค้นหา แต่จำไว้ว่า site: เป็นสัญญาณเชิงบ่งชี้ ไม่ใช่การยืนยันแบบแน่นอน
• ใช้ Chrome DevTools (Elements/Network) เพื่อตรวจว่า DOM ที่แสดงต่อผู้ใช้มีลิงก์ hreflang หรือไม่ และเพื่อตรวจว่า JavaScript ไม่ได้แปรสภาพการประกาศแบบที่เครื่องมือค้นหาอาจมองไม่เห็น
• ตรวจสอบ sitemap ที่ประกาศใน robots.txt และยื่น sitemap ใน Google Search Console/Bing Webmaster Tools เมื่อไซต์เป็นเจ้าของ

เคล็ดลับการแก้ปัญหา: หากเวอร์ชันที่คาดว่าจะถูกแสดงไม่ขึ้น ให้ตรวจสอบลำดับต่อไปนี้: ความเข้าถึง (200 OK) → การอนุญาตการจัดทำดัชนี (noindex/robots) → ความสอดคล้องของ canonical → ความครบถ้วนของประกาศ hreflang (รวม reciprocal) → ความสอดคล้องระหว่าง HTML/headers/sitemap

อ่านคู่มือ Technical SEO /guide/technical-seo

Frequently asked questions

สร้างความน่าเชื่อถือด้วย backlinks คุณภาพ /marketplace

Q: hreflang จะเพิ่มอันดับโดยตรงหรือไม่?

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

Q: ควรใช้ x-default เมื่อไร?
A: ใช้เมื่อมีหน้า landing ทั่วไปที่ควรแสดงเป็นค่าเริ่มต้นสำหรับผู้ใช้ที่ไม่ตรงกับภาษาหรือภูมิภาคที่ระบุ เช่น หน้าช้อปหรือหน้าเลือกภาษา

Q: site: operator ใช้ยืนยันว่า Google รู้จักหน้าหรือไม่?
A: site: เป็นสัญญาณเชิงบ่งชี้ที่มีประโยชน์เมื่อคุณไม่มีการเข้าถึง Search Console ของโดเมน แต่ไม่ใช่หลักฐานยืนยันแบบเด็ดขาด สำหรับหน้าในโดเมนของคุณ ให้ใช้ URL Inspection ใน Google Search Console เพื่อผลที่ชัดเจนกว่า

Q: สามารถประกาศ hreflang กับ canonical ได้หรือไม่?
A: ได้ แต่ต้องแน่ใจว่า canonical ไม่ขัดกับกลุ่ม hreflang; โดยทั่วไป canonical ควรชี้ไปยังเวอร์ชันภาษาที่เหมาะสมของแต่ละกลุ่ม มิฉะนั้นจะเกิดความขัดแย้งในการตัดสินใจของตัวจัดทำดัชนี