June 30, 2025
Hreflang คืออะไร? คู่มือการใช้งานสำหรับเว็บไซต์หลายภาษา
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"
เช็กลิสต์ตรวจเองก่อนปล่อย
ลูกค้าตัดสินใจเร็วขึ้นในไม่กี่วินาที — แค่เปลี่ยน UX ให้ถูกจุด
ก่อนปรับ UX คนเข้าเว็บแล้วออกเลยค่ะ แต่พอรีดีไซน์ใหม่ กลายเป็นจุดที่ปิดการขายได้ดีที่สุดแทน!
คุณสุภาวดี
Marketing Executive, Digital Business
ลูกค้าบอกเลยว่าเว็บใหม่ ทำให้น่าเชื่อถือขึ้นแบบก้าวกระโดด
หลังรีแบรนด์กับ Vision X Brain ยอดขายพุ่ง x3 ภายใน 2 เดือน!
คุณพลอย
Brand Owner | Beauty Industry
210% คืออัตราผู้ใช้ใหม่ที่เพิ่มขึ้นหลังรีดีไซน์ในเดือนแรก
เปลี่ยนเว็บกับ Vision X Brain แค่ไม่กี่วัน ลูกค้าใหม่เริ่มเข้าใจธุรกิจเราทันที
คุณศุภัสรา
Marketing Executive, B2B Tech
ลูกค้าใหม่เพิ่มขึ้น 3X ภาพลักษณ์ดูโปรขึ้นทันที
หลังรีดีไซน์กับ Vision X Brain ลูกค้าระดับองค์กรเริ่มเข้ามาจองงานผ่านเว็บไซต์เอง — ไม่ต้องพึ่งคอนเนคชั่นเหมือนก่อน
คุณณิชาภัทร
Brand Manager | Hospitality & Service
ผู้ใช้งานทดลองเพิ่มขึ้น 210% ภายใน 30 วันแรก
หลังจากเปลี่ยนเว็บไซต์กับ Vision X Brain ผู้ใช้งานกล้ากดทดลองระบบตั้งแต่หน้าแรก — ไม่ต้องตาม โทร หรืออธิบายซ้ำอีก
คุณอลิษา
Business Founder | Tech & Innovation
Recent Blog
5 ขั้นตอนสร้างเว็บไซต์ E-Commerce ที่ทำให้ยอดขายพุ่งสูงทันที
เคยรู้สึกว่าเว็บไซต์ของคุณไม่ดึงดูดลูกค้าไหม? มาดู 5 ขั้นตอนง่ายๆ ที่จะช่วยแก้ปัญหานี้และทำให้ยอดขายพุ่งสูงขึ้น! อ่านต่อ...
เคล็ดลับการออกแบบเว็บไซต์ด้วย Webflow: เพิ่มความเร็วและประสิทธิภาพทันที
เว็บไซต์ของคุณช้าอยู่หรือเปล่า? หากใช่ นี่คือปัญหาที่คุณต้องแก้ไขเพื่อให้ลูกค้าไม่ออกจากเว็บไซต์ อ่านต่อเพื่อค้นพบเคล็ดลับการออกแบบที่ช่วยเพิ่มความเร็ว!
5 เหตุผลที่เว็บไซต์ของคุณควรปรับปรุงเพื่อเพิ่มผลลัพธ์ทันที
เคยรู้สึกว่าเว็บไซต์ของคุณไม่ดึงดูดลูกค้าไหม? บทความนี้จะช่วยคุณหาวิธีปรับปรุงและทำให้ลูกค้าอยู่ต่อมากขึ้น อ่านต่อ...