Blog
hreflang
"Hreflang" ฉบับสมบูรณ์: คู่มือการทำ SEO สำหรับเว็บไซต์หลายภาษา (Multilingual)
🔥 แค่ 5 นาที เปลี่ยนมุมมองได้เลย

"Hreflang" ฉบับสมบูรณ์: คู่มือการทำ SEO สำหรับเว็บไซต์หลายภาษา (Multilingual)

By Tanakit Chaithip
July 28, 2025
ยาวไป อยากเลือกอ่าน?
hreflang

ติดตั้ง hreflang โดยทำแผนผัง URL หลายภาษาให้เป็นหน้า “เทียบเท่ากัน”, ตั้ง canonical เป็น self บนทุกภาษา, ใส่ลิงก์ rel="alternate" hreflang ครบทุกคู่รวม x-default (ผ่าน HTML, HTTP header หรือ XML Sitemap), รักษารูปแบบโค้ด BCP-47 ให้ถูก และทดสอบด้วย Search Console/ตรวจซอร์ส

คู่มือ Hreflang Implementation สำหรับ SEO (อัปเดต 2025)

เป้าหมาย บอกเสิร์ชเอนจินว่า “หน้านี้มีเวอร์ชันภาษา/ภูมิภาคอะไรบ้าง” เพื่อลดเนื้อหาซ้ำข้ามประเทศและเสิร์ฟผลลัพธ์ตรงภาษาให้ผู้ใช้ ผลลัพธ์ที่ดีย่อมส่งต่อไปถึง CTR/Conversion ในตลาดเป้าหมาย

เลือกรูปแบบการติดตั้ง (เลือกได้ 1 หรือผสม)

วิธี ติดตั้งที่ไหน จุดเด่น/ข้อควรระวัง เหมาะเมื่อ
HTML <link rel="alternate" hreflang="…" /> <head> ของแต่ละหน้า เข้าใจง่าย, ผูกกับแต่ละเพจโดยตรง; ต้องใส่ “ลิงก์ตอบกลับ” ให้ครบทุกคู่ เว็บขนาดเล็ก–กลาง หรือคุมเทมเพลตได้
HTTP header Response header ของไฟล์ non-HTML (PDF ฯลฯ) ใช้กับไฟล์มีเดีย; ต้องมั่นใจว่าคอนฟิกเซิร์ฟเวอร์ถูกต้อง เอกสาร/ไฟล์ดาวน์โหลดที่มีหลายภาษา
XML Sitemap (xhtml:link) Sitemap หลัก รวมศูนย์, ขยายง่ายสำหรับเว็บใหญ่; ต้องรักษาความถูกต้องของคู่ลิงก์ เว็บขนาดใหญ่/หลายภูมิภาค หรือมีระบบสร้าง Sitemap

ตัวอย่างโครง URL และการแมปภาษา

ภาษา/ภูมิภาค โครง URL (ตัวอย่าง) ค่า hreflang Canonical ของหน้านั้น หมายเหตุ
ไทย https://example.com/th/บริการ th self → https://example.com/th/บริการ ใช้รหัสภาษาเดียว (ไม่ต้องประเทศ ถ้าไม่จำเป็น)
EN (สากล) https://example.com/en/service en self → https://example.com/en/service ใช้เป็นคอนเทนต์อังกฤษกลาง (ไม่เจาะภูมิภาค)
EN–US https://example.com/en-us/service en-US self → https://example.com/en-us/service ระบุภาษา+ประเทศ ด้วย BCP-47
EN–GB https://example.com/en-gb/service en-GB self → https://example.com/en-gb/service สะกด/สกุลเงินต่างจาก US
Fallback https://example.com/ x-default self → https://example.com/ หน้ายืนพื้น/ตัวเลือกภาษา/โฮมหลัก

โค้ดตัวอย่าง (HTML / Sitemap / HTTP header)

1) HTML <head>

<link rel="alternate" href="https://example.com/th/บริการ" hreflang="th" />
<link rel="alternate" href="https://example.com/en/service" hreflang="en" />
<link rel="alternate" href="https://example.com/en-us/service" hreflang="en-US" />
<link rel="alternate" href="https://example.com/en-gb/service" hreflang="en-GB" />
<link rel="alternate" href="https://example.com/" hreflang="x-default" />

2) XML Sitemap (รองรับ xhtml:link)

<url xmlns:xhtml="http://www.w3.org/1999/xhtml">
  <loc>https://example.com/en/service</loc>
  <xhtml:link rel="alternate" hreflang="en"   href="https://example.com/en/service"/>
  <xhtml:link rel="alternate" hreflang="en-US" href="https://example.com/en-us/service"/>
  <xhtml:link rel="alternate" hreflang="en-GB" href="https://example.com/en-gb/service"/>
  <xhtml:link rel="alternate" hreflang="th"    href="https://example.com/th/บริการ"/>
  <xhtml:link rel="alternate" hreflang="x-default" href="https://example.com/"/>
</url>

3) HTTP header (สำหรับไฟล์)

Link: <https://example.com/en/file.pdf>; rel="alternate"; hreflang="en"
Link: <https://example.com/th/ไฟล์.pdf>; rel="alternate"; hreflang="th"
Link: <https://example.com/>; rel="alternate"; hreflang="x-default"

ข้อผิดพลาดที่พบบ่อย → วิธีแก้

ข้อผิดพลาด อาการ วิธีแก้
ไม่มี “ลิงก์ตอบกลับ” (return links) บางภาษาถูกเพิกเฉย ทุกหน้าต้องอ้างกันแบบสองทาง ครบทุกคู่รวม x-default
canonical ผิด ภาษาถูกรวบไปรวมที่หน้าเดียว ตั้ง canonical เป็น self ของภาษานั้น ๆ เสมอ
ใช้รหัสประเทศอย่างเดียว (เช่น “TH”) แท็กไม่ถูกต้อง ใช้ BCP-47: ภาษา หรือ ภาษา–ประเทศ (เช่น th, en-GB)
ลิงก์ไปหน้าที่ “ไม่เทียบเท่า” Hreflang ไม่ถูกนำไปใช้ ทุกภาษา/ภูมิภาคต้องเป็นคอนเทนต์หน้าเดียวกัน
ผสมรูปแบบ (HTML + Sitemap) ไม่ครบคู่ ข้อมูลขัดแย้งกัน เลือกวิธีเดียว หรือให้ทั้งสองชุดตรงกันทุกคู่
แชร์

Recent Blog

5 ขั้นตอนสร้างเว็บไซต์ E-Commerce ที่ทำให้ยอดขายพุ่งสูงทันที

เคยรู้สึกว่าเว็บไซต์ของคุณไม่ดึงดูดลูกค้าไหม? มาดู 5 ขั้นตอนง่ายๆ ที่จะช่วยแก้ปัญหานี้และทำให้ยอดขายพุ่งสูงขึ้น! อ่านต่อ...

ดูเพิ่มเติม
เคล็ดลับการออกแบบเว็บไซต์ด้วย Webflow: เพิ่มความเร็วและประสิทธิภาพทันที
เคล็ดลับการออกแบบเว็บไซต์ด้วย Webflow: เพิ่มความเร็วและประสิทธิภาพทันที

เว็บไซต์ของคุณช้าอยู่หรือเปล่า? หากใช่ นี่คือปัญหาที่คุณต้องแก้ไขเพื่อให้ลูกค้าไม่ออกจากเว็บไซต์ อ่านต่อเพื่อค้นพบเคล็ดลับการออกแบบที่ช่วยเพิ่มความเร็ว!

ดูเพิ่มเติม
5 เหตุผลที่เว็บไซต์ของคุณควรปรับปรุงเพื่อเพิ่มผลลัพธ์ทันที
5 เหตุผลที่เว็บไซต์ของคุณควรปรับปรุงเพื่อเพิ่มผลลัพธ์ทันที

เคยรู้สึกว่าเว็บไซต์ของคุณไม่ดึงดูดลูกค้าไหม? บทความนี้จะช่วยคุณหาวิธีปรับปรุงและทำให้ลูกค้าอยู่ต่อมากขึ้น อ่านต่อ...

ดูเพิ่มเติม