เอกสารไม่มี hreflang ที่ถูกต้อง

เว็บไซต์หลายแห่งมีหน้าเว็บหลายเวอร์ชันตามภาษาหรือภูมิภาคของผู้ใช้ ลิงก์ hreflang จะบอกให้เครื่องมือค้นหาทราบ URL ของหน้าเว็บทุกเวอร์ชันเพื่อให้แสดงเวอร์ชันที่ถูกต้องสำหรับแต่ละภาษาหรือภูมิภาค

Lighthouse จะแจ้งว่าลิงก์ hreflang ไม่ถูกต้องในกรณีต่อไปนี้

การตรวจสอบ Lighthouse ที่แสดงลิงก์ hreflang ไม่ถูกต้อง

Lighthouse จะตรวจหาลิงก์ hreflang ใน head ของหน้าเว็บและในส่วนหัวการตอบกลับ

จากนั้น Lighthouse จะตรวจสอบรหัสภาษาที่ถูกต้องภายในhreflangลิงก์ Lighthouse จะรายงานลิงก์ hreflang ที่มีรหัสภาษาไม่ถูกต้อง

Lighthouse จะไม่ตรวจสอบรหัสภูมิภาคหรือ Sitemap

สมมติว่าคุณมีหน้าเว็บ 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: เพิ่มข้อมูลเวอร์ชันภาษาลงใน Sitemap

<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>
ของ Google

หลักเกณฑ์สำหรับค่า hreflang

  • ค่า hreflang ต้องระบุรหัสภาษาเสมอ
  • รหัสภาษาต้องเป็นไปตามรูปแบบ ISO 639-1
  • ค่า hreflang อาจมีรหัสภูมิภาค (ไม่บังคับ) ด้วย เช่น es-mx สำหรับผู้ใช้ที่พูดภาษาสเปนในเม็กซิโก ส่วน es-cl สำหรับผู้ใช้ที่พูดภาษาสเปนในชิลี
  • รหัสภูมิภาคต้องเป็นไปตามรูปแบบ ISO 3166-1 alpha-2

แหล่งข้อมูล