เว็บไซต์หลายแห่งมีหน้าเว็บในเวอร์ชันต่างๆ ตามภาษาหรือภูมิภาคของผู้ใช้ ลิงก์ 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