เรียนรู้ว่า hreflang คืออะไร ช่วยให้ Google เข้าใจเว็บไซต์ของคุณได้อย่างไร และวิธีเพิ่มลงในเว็บไซต์ WordPress หลายภาษาของคุณ
WPML จะแทรกแท็ก hreflang ลงในหน้าของคุณโดยอัตโนมัติ และอัปเดตให้เมื่อคุณเปลี่ยนแปลงเว็บไซต์ กระบวนการนี้เกิดขึ้นเบื้องหลังและไม่ต้องให้คุณดำเนินการใด ๆ
hreflang คืออะไร
แท็ก hreflang เป็นแอตทริบิวต์ HTML ที่ระบุว่าหน้าเว็บนั้นจัดทำขึ้นสำหรับภาษาและภูมิภาคใด ในเว็บไซต์หลายภาษา แท็ก hreflang จะบอกเครื่องมือค้นหาว่าหน้าแต่ละเวอร์ชันมีไว้สำหรับผู้ชมกลุ่มใด
ตัวอย่างเช่น hreflang ต่อไปนี้ระบุว่าหน้าแรกมีเวอร์ชันสำหรับผู้ใช้ภาษาสเปนบน URL ที่ระบุ:
<link rel="alternate" href="https://www.repaircafe.com/es" hreflang="es" />
ดังนั้น เมื่อผู้ใช้ในสเปนค้นหาหน้าแรกนี้ Google จะแสดงเวอร์ชันภาษาสเปน
นอกจากภาษาสเปนแล้ว หน้าแรกยังมีเวอร์ชันภาษาอังกฤษด้วย ดังนั้น เมื่อผู้ใช้ในสหรัฐอเมริกาค้นหา Google จะแสดงเวอร์ชันภาษาอังกฤษ
hreflang เป็นองค์ประกอบสำคัญในการช่วยให้เครื่องมือค้นหาเข้าใจเว็บไซต์หลายภาษาของคุณ แต่ก่อนอื่น คุณต้องใช้แท็ก hreflang เมื่อใด
คุณต้องใช้ hreflang เมื่อใด
มี 4 กรณีที่คุณต้องเพิ่มแท็ก hreflang บนเว็บไซต์ของคุณ:
- เมื่อเว็บไซต์ของคุณมีหลายภาษา
- เมื่อคุณต้องการกำหนดเป้าหมายไปยังภูมิภาคทางภูมิศาสตร์ที่เฉพาะเจาะจง
- เมื่อเนื้อหาของคุณมีความแตกต่างเล็กน้อยตามภูมิภาค (ภาษาอังกฤษแบบสหรัฐอเมริกาและแบบสหราชอาณาจักร)
- เมื่อหัวข้อของคุณเหมือนกัน แต่เนื้อหาแตกต่างกัน (ชายหาดที่ดีที่สุดในสหรัฐอเมริกา ชายหาดที่ดีที่สุดในออสเตรเลีย)
หลักง่าย ๆ คือ หากเว็บไซต์ของคุณมีรูปแบบต่าง ๆ ของหน้า และมีไว้สำหรับผู้ชมที่แตกต่างกัน คุณต้องเพิ่มแท็ก hreflang ในหน้าเหล่านี้
จะเกิดอะไรขึ้นหากคุณไม่เพิ่ม hreflang
แท็ก hreflang มีบทบาทหลัก 2 ประการ ได้แก่ บอก Google ว่าหน้านี้มีไว้สำหรับผู้ชมกลุ่มใด และระบุว่าหน้านี้เป็นรูปแบบอื่นของเนื้อหาต้นฉบับ
เนื่องจาก Google ไม่สามารถบอกได้ว่าหน้าใดเป็นรูปแบบอื่นของอีกหน้าหนึ่ง หากไม่มีแท็ก hreflang ที่ชัดเจน Google อาจถือว่ารูปแบบต่าง ๆ ของคุณเป็นเนื้อหาที่ซ้ำซ้อนและลงโทษหน้าของคุณ
แท็ก hreflang ทำงานอย่างไร
แท็ก hreflang จะปรากฏในส่วน <head> และชี้ไปยังหน้าเวอร์ชันอื่น
โปรดจำไว้ว่าแท็ก hreflang มีลักษณะดังนี้:
<head> … <link rel="alternate" href="https://www.domain.com/es" hreflang="es" /> <link rel="alternate" href="https://www.domain.com/de" hreflang="de" /> … </head>
แท็ก hreflang ประกอบด้วยข้อมูล 3 ส่วน:
rel="alternate"– ระบุว่านี่คือเวอร์ชันอื่นของหน้าต้นฉบับ- href=URL – ระบุ URL ของหน้าเวอร์ชันอื่น
- hreflang=LANG – ระบุภาษาของหน้าเวอร์ชันอื่น
หากอธิบายตัวอย่างข้างต้นเป็นคำพูด จะได้ความว่า:
หน้าปัจจุบันมีเวอร์ชันอื่นเป็นภาษาสเปนบน URL http://www.domain.com/es และเวอร์ชันอื่นเป็นภาษาเยอรมันบน URL http://www.domain.com/de
อย่างที่คุณเห็น แท็ก hreflang ใช้รหัสสองตัวอักษรเมื่ออ้างอิงถึงภาษา ในตัวอย่างนี้ es ย่อมาจากภาษาสเปน (Español) สำหรับรายการคำย่อทั้งหมด โปรดไปที่มาตรฐานรหัสภาษา – ISO 639-1
หากต้องการระบุภาษาและภูมิภาคเป้าหมาย เช่น ภาษาสเปน-เม็กซิโก คุณสามารถเพิ่มรหัสประเทศต่อท้ายองค์ประกอบ hreflang ได้ดังนี้:
hreflang="es-mx"
ในตัวอย่างนี้ es ย่อมาจากภาษาสเปน และ mx ย่อมาจากเม็กซิโก รหัสประเทศใช้คำย่อสองตัวอักษรคล้ายกับรหัสภาษา โดยอิงตามมาตรฐาน ISO 3166-1 alpha-2
เมื่อเพิ่มแท็ก hreflang ลงในเว็บไซต์ของคุณ สิ่งสำคัญคือต้องปฏิบัติตามหลักเกณฑ์ hreflang ที่ Google แนะนำซึ่งระบุไว้ด้านล่าง
ชี้หน้าเวอร์ชันอื่นเข้าหากัน
ตรวจสอบให้แน่ใจว่าหน้าเว็บทุกเวอร์ชันมีแท็ก hreflang ที่อ้างอิงถึงเวอร์ชันอื่น ๆ ทั้งหมด วิธีนี้ช่วยให้ Google เข้าใจชุดหน้าเวอร์ชันอื่นของคุณทั้งหมด และความสัมพันธ์ระหว่างกัน
ตัวอย่างเช่น หากคุณมีหน้าภาษาอังกฤษและภาษาสเปน เวอร์ชันภาษาอังกฤษควรมีแท็ก hreflang ที่ชี้ไปยังเวอร์ชันภาษาสเปน และในทำนองเดียวกัน เวอร์ชันภาษาสเปนควรมี hreflang ที่ชี้ไปยังเวอร์ชันภาษาอังกฤษ
ใส่ hreflang ที่อ้างอิงถึงตัวเอง
ในแต่ละเวอร์ชัน ให้ใส่ hreflang ที่ชี้กลับมาที่ตัวเอง
ตัวอย่างเช่น หากคุณมี 2 เวอร์ชัน คือภาษาอังกฤษและภาษาสเปน นอกเหนือจากการให้หน้าต่าง ๆ ชี้เข้าหากันแล้ว แต่ละเวอร์ชันควรมี hreflang เพิ่มเติมที่ชี้ไปยังหน้าที่ตัวเองอยู่ด้วย
ในเวอร์ชันภาษาสเปนจะมีลักษณะดังนี้:
<link rel="alternate" href="https://www.domain.com/en" hreflang="en" /> <link rel="alternate" href="https://www.domain.com/es" hreflang="es" />
ส่วนในเวอร์ชันภาษาอังกฤษจะมีลักษณะดังนี้:
<link rel="alternate" href="https://www.domain.com/es" hreflang="es" /> <link rel="alternate" href="https://www.domain.com/en" hreflang="en" />
กำหนดหน้าสำรองเมื่อไม่มีคำแปลที่เหมาะสม
x-default ระบุถึงหน้า "สำรอง" หากไม่มีเวอร์ชันใดที่เหมาะสมสำหรับผู้ใช้ โดยมีลักษณะดังนี้:
<link rel="alternate" href="https://www.domain.com/" hreflang="x-default" />
ตัวอย่างเช่น เว็บไซต์ภาษาอังกฤษและภาษาสเปนจะไม่มีหน้าที่เหมาะสมสำหรับผู้ใช้ภาษาฝรั่งเศส ในกรณีนี้ Google จะพยายามแสดงหน้าที่คิดว่าดีที่สุด อย่างไรก็ตาม หากต้องการควบคุมว่า Google ควรแสดงหน้าใด คุณสามารถใส่ hreflang แบบ x-default พร้อม URL ที่ต้องการใช้เป็นหน้าสำรองได้
หากเราต้องการให้หน้าแรกภาษาอังกฤษเป็นหน้าสำรอง ในหน้าภาษาอังกฤษจะมีลักษณะดังนี้:
<link rel="alternate" href="https://www.domain.com/es" hreflang="es" /> <link rel="alternate" href="https://www.domain.com/" hreflang="en" /> <link rel="alternate" href="https://www.domain.com/" hreflang="x-default" />
วิธีเพิ่ม hreflang ลงในเว็บไซต์ WordPress ของคุณ
คุณสามารถเพิ่มแท็ก hreflang ลงในเว็บไซต์ WordPress ของคุณได้อย่างง่ายดายด้วยปลั๊กอินหลายภาษา การใช้ปลั๊กอินแทนการทำเองด้วยมือมีข้อดีอยู่สองสามประการ:
- การจัดวางอัตโนมัติ – แท็ก hreflang จะถูกวางในส่วนหัว HTML ของหน้าเว็บโดยอัตโนมัติ โดยไม่จำเป็นต้องเข้าถึงซอร์สโค้ดและเพิ่มแท็กด้วยตนเอง
- การจัดระเบียบอัตโนมัติ – แท็ก hreflang จะถูกสร้างและอัปเดตโดยอัตโนมัติทุกครั้งที่คุณสร้างและอัปเดตเนื้อหา
หากคุณกำลังมองหาปลั๊กอินหลายภาษาที่มีคุณสมบัติทั้งหมดข้างต้น (และอื่น ๆ อีกมากมาย) คุณสามารถใช้ WPML ซึ่งเป็นปลั๊กอินหลายภาษาของ WordPress ที่ได้รับความนิยมสูงสุด
เพิ่มแท็ก hreflang ลงในเว็บไซต์ของคุณโดยอัตโนมัติด้วย WPML
ด้วย WPML คุณไม่ต้องกังวลเกี่ยวกับแท็ก hreflang
เมื่อคุณเพิ่มภาษาใหม่และแปลเนื้อหา WPML จะแทรกและอัปเดตแท็ก hreflang ในหน้าต้นฉบับและหน้าที่แปลแล้วของคุณโดยอัตโนมัติ
ทุกแผนของ WPML มาพร้อมการจัดการ hreflang อัตโนมัติสำหรับเว็บไซต์ของคุณ หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับแผนของเรา โปรดไปที่หน้าราคา
เพิ่มการกำหนดเป้าหมายตามภูมิภาคด้วย WPML (ไม่บังคับ)
ตามค่าเริ่มต้น ภาษาที่คุณเพิ่มใน WPML จะไม่ผูกกับประเทศ หากคุณต้องการเพิ่มการกำหนดเป้าหมายตามภูมิภาค คุณต้องเพิ่มภาษาที่กำหนดเอง
ภาษาที่กำหนดเองช่วยให้คุณสามารถสร้างค่า hreflang ด้วยแอตทริบิวต์ภาษาและประเทศที่คุณเลือกได้ ตัวอย่างเช่น หากคุณต้องการกำหนดเป้าหมายไปยังผู้อ่านภาษาฝรั่งเศส-แคนาดา คุณสามารถสร้างภาษาที่กำหนดเองด้วย hreflang="fr-ca"
หากต้องการเพิ่มภาษาที่กำหนดเอง ให้ไปที่ WPML → ภาษา แล้วในส่วน ภาษาของไซต์ ให้คลิกลิงก์ แก้ไขภาษา จากนั้น คลิกปุ่ม เพิ่มภาษา ที่ด้านล่าง
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการตั้งค่าภาษาที่กำหนดเอง โปรดอ่านบทช่วยสอนทีละขั้นตอนของเราเกี่ยวกับการเพิ่มภาษาที่กำหนดเอง