🔥 แค่ 5 นาที เปลี่ยนมุมมองได้เลย

Hreflang คืออะไร? คู่มือการใช้งานสำหรับเว็บไซต์หลายภาษา

June 30, 2025

ยาวไป อยากเลือกอ่าน?

Hreflang บอกเสิร์ชเอนจินว่า URL ไหนคือเวอร์ชันภาษา/ภูมิภาคที่สัมพันธ์กัน โดยใช้โค้ด BCP-47 เช่น en-SG หรือ th พร้อมลิงก์ “ไป-กลับ” และตั้งค่า x-default สำหรับหน้ากลาง เพื่อหลีกเลี่ยงปัญหาหน้าเดดซิเกท.

คู่มือการใช้งาน Hreflang (อัปเดต 2025)

Quick take Hreflang ช่วยจับคู่เวอร์ชันภาษาที่ถูกต้องกับผู้ใช้ ลดปัญหาหน้าซ้ำข้ามภาษา และปรับผลลัพธ์ให้เหมาะสม เป้าหมายคือทำให้ทุกเวอร์ชัน รู้จักกัน ผ่านลิงก์ alternate และมี canonical ของตัวเองเสมอ

หลักการสำคัญ

หลักการ	สรุป	ตัวอย่าง
โค้ดภาษา–ภูมิภาค	ใช้รหัส BCP-47: ภาษา (ตัวพิมพ์เล็ก) + ภูมิภาค (ตัวพิมพ์ใหญ่)	`en`, `th`, `en-SG`, `zh-CN`
ลิงก์แบบไป-กลับ	ทุกเวอร์ชันต้องอ้างอิงซึ่งกันและกัน	หน้า EN ลิงก์ไป TH; หน้า TH ต้องลิงก์กลับ EN
x-default	ใช้กับโฮม/หน้าตัวเลือกภาษา	`hreflang="x-default"` ชี้ไปหน้าเลือกภาษา
Canonical	แต่ละภาษา canonical หา “ตัวเอง” เท่านั้น	ห้าม cross-language canonical
ตำแหน่งวาง	เลือกได้ 1) HTML head 2) XML Sitemap 3) HTTP Header	เลือกแบบใดแบบหนึ่งหรือผสม แต่ต้องสอดคล้องกัน

ตัวอย่างโค้ด (HTML Head)

<!-- ใน <head> ของแต่ละเวอร์ชัน -->
<link rel="canonical" href="https://example.com/en/product-x" />
<link rel="alternate" href="https://example.com/en/product-x" hreflang="en" />
<link rel="alternate" href="https://example.com/th/product-x" hreflang="th" />
<link rel="alternate" href="https://example.com/en-sg/product-x" hreflang="en-SG" />
<link rel="alternate" href="https://example.com/intl/product-x" hreflang="x-default" />

ตัวอย่างโค้ด (XML Sitemap)

<url>
  <loc>https://example.com/en/product-x</loc>
  <xhtml:link rel="alternate" hreflang="en"     href="https://example.com/en/product-x"/>
  <xhtml:link rel="alternate" hreflang="th"     href="https://example.com/th/product-x"/>
  <xhtml:link rel="alternate" hreflang="en-SG"  href="https://example.com/en-sg/product-x"/>
  <xhtml:link rel="alternate" hreflang="x-default" href="https://example.com/intl/product-x"/>
</url>

ตัวอย่างโค้ด (HTTP Header)

Link: <https://example.com/en/product-x>; rel="alternate"; hreflang="en",
      <https://example.com/th/product-x>; rel="alternate"; hreflang="th",
      <https://example.com/en-sg/product-x>; rel="alternate"; hreflang="en-SG",
      <https://example.com/intl/product-x>; rel="alternate"; hreflang="x-default"