เครื่องสร้างแท็ก Hreflang

เครื่องสร้างแท็ก hreflang ช่วยสร้างคำอธิบายประกอบ hreflang ที่มีรูปแบบถูกต้องสำหรับเว็บไซต์หลายภาษาและหลายภูมิภาค เครื่องมือนี้รองรับการนำไปใช้สามวิธี ได้แก่ แท็ก HTML link, HTTP response headers และ XML sitemaps พร้อมด้วยฟีเจอร์เติม URL อัตโนมัติที่ชาญฉลาด การนำเข้าจากมาร์กอัปที่มีอยู่ ค่าภาษาที่ตั้งไว้ล่วงหน้า และการตรวจสอบความถูกต้องในตัว เพื่อช่วยให้คุณหลีกเลี่ยงข้อผิดพลาดทั่วไปของ hreflang ที่อาจส่งผลเสียต่อ SEO ระหว่างประเทศของคุณ

วิธีใช้งานเครื่องมือนี้

1. เพิ่มเวอร์ชันภาษา — สำหรับหน้าเว็บในแต่ละภาษา ให้ป้อนรหัสภาษา-ภูมิภาคของ hreflang (เช่น en, es, fr-ca) และ URL แบบเต็ม ใช้การแนะนำจากฟีเจอร์เติมข้อความอัตโนมัติหรือพิมพ์รหัสของคุณเอง
2. ใช้การเติมอัตโนมัติ (ไม่บังคับ) — ป้อน Base URL และเลือกรูปแบบ "โฟลเดอร์ย่อย" หรือ "ซับโดเมน" เพื่อสร้าง URL สำหรับแต่ละภาษาโดยอัตโนมัติ
3. เพิ่ม x-default — รวมรายการ x-default ที่ชี้ไปยังหน้าสำรองของคุณ (โดยปกติจะเป็นหน้าภาษาหลักหรือหน้าสำหรับเลือกภาษา)
4. สร้างแท็ก — คลิก "สร้างแท็ก" เพื่อสร้างผลลัพธ์ในทั้งสามรูปแบบ ตรวจสอบคำเตือนการตรวจสอบความถูกต้อง (ถ้ามี)
5. คัดลอกและนำไปใช้ — ใช้แท็บผลลัพธ์เพื่อคัดลอกรูปแบบที่คุณต้องการ สำหรับ HTML ให้วางแท็กในส่วน <head> ของทุกเวอร์ชันภาษา สำหรับ XML sitemaps ให้ดาวน์โหลดไฟล์และอัปโหลดไปยังเซิร์ฟเวอร์ของคุณ

ทำความเข้าใจแอตทริบิวต์ Hreflang

Hreflang คือแอตทริบิวต์ HTML ที่เปิดตัวโดย Google ในปี 2011 เพื่อช่วยให้ผู้ดูแลเว็บระบุภาษาและเป้าหมายทางภูมิศาสตร์ของหน้าเว็บ เมื่อไซต์มีเนื้อหาในหลายภาษาหรือมีความแตกต่างกันตามภูมิภาค (เช่น ภาษาอังกฤษสำหรับสหรัฐอเมริกา กับ ภาษาอังกฤษสำหรับสหราชอาณาจักร) แท็ก hreflang จะบอกเครื่องมือค้นหาว่าควรแสดงเวอร์ชันใดในผลการค้นหาตามภาษาและตำแหน่งของผู้ใช้

ค่า hreflang จะใช้รูปแบบ ภาษา-ภูมิภาค โดยที่:

• รหัสภาษา — รหัสสองตัวอักษรตามมาตรฐาน ISO 639-1 (เช่น en สำหรับภาษาอังกฤษ, es สำหรับภาษาสเปน, ja สำหรับภาษาญี่ปุ่น)
• รหัสภูมิภาค (ไม่บังคับ) — รหัสประเทศตามมาตรฐาน ISO 3166-1 Alpha 2 (เช่น us สำหรับสหรัฐอเมริกา, gb สำหรับสหราชอาณาจักร, mx สำหรับเม็กซิโก)

รหัสพิเศษอย่าง zh-hans (จีนตัวย่อ) และ zh-hant (จีนตัวเต็ม) จะใช้ส่วนขยาย script แทนรหัสภูมิภาค

เปรียบเทียบวิธีการนำไปใช้

ข้อผิดพลาดของ Hreflang ที่ควรหลีกเลี่ยง

• ขาดแท็กที่เชื่อมโยงถึงกัน (Reciprocal Tags): ทุกหน้าเว็บที่ถูกอ้างอิงในแท็ก hreflang จะต้องลิงก์กลับไปยังเวอร์ชันภาษาอื่นๆ ทั้งหมดด้วย หากหน้า A อ้างอิงถึงหน้า B หน้า B จะต้องอ้างอิงกลับมาที่หน้า A ด้วย หากขาดการเชื่อมโยงกลับ เครื่องมือค้นหาจะละเว้นแท็กนั้น
• ขาดแท็กอ้างอิงตัวเอง (Self-referencing Tag): แต่ละหน้าควรมีแท็ก hreflang ที่ชี้กลับมาที่ตัวเอง เพื่อยืนยันกับเครื่องมือค้นหาว่าหน้านี้เป็นส่วนหนึ่งของชุด hreflang อย่างตั้งใจ
• ลืม x-default: ควรมีแท็ก x-default เสมอเพื่อรองรับผู้ใช้ที่มีภาษา/ภูมิภาคไม่ตรงกับที่ระบุไว้ หากไม่มีแท็กนี้ เครื่องมือค้นหาจะไม่มีคำสั่งสำรองให้ปฏิบัติ
• ใช้รหัสภาษาผิด: ต้องใช้รหัสภาษา ISO 639-1 และรหัสภูมิภาค ISO 3166-1 Alpha 2 ข้อผิดพลาดที่พบบ่อยคือการใช้ uk สำหรับภาษาอังกฤษ (UK) แทนที่จะเป็น en-gb หรือใช้ jp แทนที่จะเป็น ja สำหรับภาษาญี่ปุ่น
• ใช้โปรโตคอลหรือโดเมนผสมกัน: URL ของ hreflang ทั้งหมดควรใช้โปรโตคอลเดียวกัน (แนะนำ HTTPS) และต้องตรงกับ Canonical URL ทุกประการ ความไม่สอดคล้องกันจะสร้างความสับสนให้เครื่องมือค้นหา

แนวทางปฏิบัติที่ดีที่สุด

• ใช้ Absolute URLs (รวมถึง https://) ในแท็ก hreflang เสมอ ห้ามใช้ Relative paths
• ใส่แท็ก hreflang ที่อ้างอิงตัวเองในทุกๆ หน้า
• เพิ่มแท็ก x-default ที่ชี้ไปยังหน้าหลักหรือหน้าเลือกภาษา
• ตรวจสอบให้แน่ใจว่า URL ใน hreflang ตรงกับ Canonical URL ของแต่ละหน้าอย่างชัดเจน
• ใช้วิธีการนำไปใช้เพียงวิธีเดียวต่อหน้า (อย่าผสมแท็ก HTML กับ XML sitemap ในหน้าเดียวกัน)
• ตรวจสอบแท็ก hreflang อย่างสม่ำเสมอด้วยเครื่องมือนี หรือ Google Search Console
• สำหรับหน้าที่เน้นภาษาเดียวกันในภูมิภาคต่างกัน (เช่น en-us และ en-gb) ให้ระบุทั้งรหัสภาษาและภูมิภาคเสมอ

คำถามที่พบบ่อย

แท็ก hreflang คืออะไร?

แท็ก hreflang คือแอตทริบิวต์ HTML ที่บอกเครื่องมือค้นหาว่าควรแสดงหน้าเว็บเวอร์ชันภาษาและภูมิภาคใดแก่ผู้ใช้ โดยใช้แอตทริบิวต์ rel="alternate" hreflang="x" เพื่อระบุทางเลือกภาษา ช่วยให้เครื่องมือค้นหาแสดงเวอร์ชันที่ถูกต้องตามภาษาและตำแหน่งของผู้ใช้

ฉันควรวางแท็ก hreflang ไว้ที่ไหน?

แท็ก hreflang สามารถวางได้สามตำแหน่ง: ในส่วน HTML <head> เป็นองค์ประกอบ <link>, ใน HTTP response headers หรือใน XML sitemap วิธี HTML head เป็นวิธีที่นิยมที่สุดสำหรับเว็บไซต์มาตรฐาน, HTTP headers ใช้ได้ดีกับเอกสารที่ไม่ใช่ HTML เช่น PDF และ XML sitemaps เหมาะสำหรับไซต์ขนาดใหญ่ที่มีหลายเวอร์ชันภาษา

x-default ใน hreflang คืออะไร?

ค่า x-default คือแอตทริบิวต์ hreflang พิเศษที่กำหนดให้เป็นหน้าเริ่มต้นหรือหน้าสำรองสำหรับผู้ใช้ที่ภาษาหรือภูมิภาคไม่ตรงกับแท็ก hreflang ใดๆ ที่ระบุไว้ Google แนะนำให้รวมแท็ก x-default เสมอโดยชี้ไปยังหน้าภาษาหลักหรือหน้าเลือกภาษา

แท็ก hreflang จำเป็นต้องทำงานแบบสองทาง (reciprocal) หรือไม่?

ใช่ แท็ก hreflang ต้องเป็นแบบสองทาง (หรือที่เรียกว่า bidirectional) หากหน้า A ลิงก์ไปยังหน้า B ด้วยแท็ก hreflang หน้า B จะต้องลิงก์กลับไปยังหน้า A ด้วยแท็ก hreflang ที่สอดคล้องกันด้วย หากลิงก์ย้อนกลับหายไป เครื่องมือค้นหาอาจละเว้นการระบุ hreflang นั้นไปเลย

ความแตกต่างระหว่างภาษาและภูมิภาคใน hreflang คืออะไร?

ในแท็ก hreflang รหัสภาษา (เช่น en, es, fr) จะใช้รูปแบบ ISO 639-1 และระบุภาษาของเนื้อหา ส่วนรหัสภูมิภาคที่เลือกได้ (เช่น us, gb, mx) จะใช้รูปแบบ ISO 3166-1 Alpha 2 และกำหนดเป้าหมายไปยังประเทศเฉพาะ ตัวอย่างเช่น en-us จะกำหนดเป้าหมายไปที่ผู้พูดภาษาอังกฤษในสหรัฐอเมริกา ในขณะที่ en-gb จะกำหนดเป้าหมายไปที่ผู้พูดภาษาอังกฤษในสหราชอาณาจักร