เว็บไซต์หลายแห่งมีหน้าเว็บในเวอร์ชันต่างๆ ตามภาษาหรือภูมิภาคของผู้ใช้ ลิงก์ hreflang จะบอกให้เครื่องมือค้นหาทราบถึง URL ของหน้าเว็บทุกเวอร์ชัน เพื่อให้แสดงเวอร์ชันที่ถูกต้องสำหรับแต่ละภาษาหรือภูมิภาคได้
วิธีที่การตรวจสอบ Lighthouse hreflang ล้มเหลว
การรายงานปัญหา Lighthouse ไม่ถูกต้อง hreflang ลิงก์:
Lighthouse ตรวจสอบลิงก์ hreflang ใน head ของหน้าเว็บและในส่วนหัวการตอบกลับ
จากนั้น Lighthouse จะตรวจสอบรหัสภาษาที่ถูกต้องในลิงก์ hreflang
Lighthouse รายงานลิงก์ hreflang ที่มีรหัสภาษาไม่ถูกต้อง
Lighthouse ไม่ตรวจสอบรหัสภูมิภาคหรือSitemap
วิธีกำหนดลิงก์ hreflang สำหรับหน้าเว็บแต่ละเวอร์ชัน
สมมติว่าคุณมีหน้าเว็บ 3 แบบ ดังนี้
- เวอร์ชันภาษาอังกฤษที่
https://example.com - เวอร์ชันภาษาสเปนที่
https://es.example.com - เวอร์ชันภาษาเยอรมันที่
https://de.example.com
มี 3 วิธีในการบอกเครื่องมือค้นหาว่าหน้าเหล่านี้เทียบเท่ากัน เลือกวิธีที่ง่ายที่สุดสำหรับสถานการณ์ของคุณ
ตัวเลือกที่ 1: เพิ่มลิงก์ hreflang ไปยัง <head> ของแต่ละหน้า
<link rel="alternate" hreflang="en" href="https://example.com" />
<link rel="alternate" hreflang="es" href="https://es.example.com" />
<link rel="alternate" hreflang="de" href="https://de.example.com" />
หน้าเว็บแต่ละเวอร์ชันต้องลิงก์กับเวอร์ชันอื่นๆ ทั้งหมด รวมถึงหน้าเว็บตัวเอง มิฉะนั้น เครื่องมือค้นหาอาจไม่สนใจลิงก์ hreflang หรือแปลความหมายไม่ถูกต้อง
สำหรับหน้าเว็บที่อนุญาตให้ผู้ใช้เลือกภาษา ให้ใช้คีย์เวิร์ด x-default:
<link rel="alternate" href="https://example.com" hreflang="x-default" />
ตัวเลือกที่ 2: เพิ่มส่วนหัว Link ในการตอบสนอง HTTP
Link: <https://example.com>; rel="alternate"; hreflang="en", <https://es.example.com>;
rel="alternate"; hreflang="es", <https://de.example.com>; rel="alternate"; hreflang="de"
ตัวเลือกที่ 3: เพิ่มข้อมูลเวอร์ชันภาษาลงในแผนผังเว็บไซต์
<url>
<loc>https://example.com</loc>
<xhtml:link rel="alternate" hreflang="es"
href="https://es.example.com"/>
<xhtml:link rel="alternate" hreflang="de"
href="https://es.example.com"/>
</url>
หลักเกณฑ์สำหรับค่าhreflang
- ค่า
hreflangต้องระบุรหัสภาษาเสมอ - รหัสภาษาต้องเป็นไปตามรูปแบบ ISO 639-1
- ค่า
hreflangยังสามารถรวมรหัสภูมิภาค (ไม่บังคับ) ได้อีกด้วย ตัวอย่างเช่นes-mxมีไว้สำหรับผู้ใช้ภาษาสเปนในเม็กซิโก ส่วนes-clมีไว้สำหรับ ผู้ใช้ภาษาสเปนในชิลี - รหัสภูมิภาคต้องเป็นไปตามรูปแบบ ISO 3166-1 alpha-2