เว็บไซต์จำนวนมากมีหน้าเว็บเวอร์ชันต่างๆ กันตามภาษาของผู้ใช้ หรือ
ภูมิภาค ลิงก์ hreflang บอกเครื่องมือค้นหาให้ทราบถึง URL ของทุกเวอร์ชันของ
เพื่อให้แสดงเวอร์ชันที่ถูกต้องสำหรับแต่ละภาษาหรือภูมิภาคได้
วิธีที่การตรวจสอบ hreflang ของ Lighthouse ล้มเหลว
แฟล็ก Lighthouse
ลิงก์ hreflang ไม่ถูกต้อง:
การตรวจสอบ Lighthouse สำหรับลิงก์ hreflang
ใน head ของหน้าและในส่วนหัวการตอบกลับ
จากนั้น Lighthouse จะตรวจหารหัสภาษาที่ถูกต้องภายในลิงก์ hreflang
Lighthouse รายงานลิงก์ hreflang ที่มีรหัสภาษาที่ไม่ถูกต้อง
Lighthouse ไม่ได้ตรวจสอบรหัสภูมิภาคหรือแผนผังเว็บไซต์
วิธีกำหนดลิงก์ hreflang สำหรับหน้าเว็บแต่ละเวอร์ชัน
สมมติว่าคุณมีหน้าเว็บ 3 เวอร์ชัน ดังนี้
- เวอร์ชันภาษาอังกฤษที่
https://example.com - เวอร์ชันภาษาสเปนที่
https://es.example.com - เวอร์ชันภาษาเยอรมันที่
https://de.example.com
มีวิธีบอกเครื่องมือค้นหาว่าหน้าเหล่านี้เหมือนกันได้สามวิธี เลือกวิธีการที่ง่ายที่สุดสำหรับสถานการณ์ของคุณ
ตัวเลือกที่ 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