วิธีเพิ่มแท็ก hreflang ใน WordPress
เผยแพร่แล้ว: 2023-02-12
คุณกำลังสร้างเว็บไซต์ที่รองรับหลายภาษาและภูมิภาคหรือไม่? ไซต์หลายภาษาสามารถขยายกลุ่มเป้าหมายที่มีศักยภาพของคุณได้แบบทวีคูณ แต่ก็อาจดูเหมือนจัดการได้ยากเช่นกัน
ข่าวดีก็คือการเพิ่มแท็ก hreflang สามารถปรับปรุงการปรับแต่งเว็บไซต์ให้ติดอันดับบนเครื่องมือการค้นหา (SEO) และประสบการณ์ผู้ใช้ (UX) ของไซต์ของคุณได้ ความสำเร็จนั้นไม่ใช่เรื่องยาก และคุณสามารถเริ่มรับประโยชน์จากการเข้าชมและการมีส่วนร่วมที่เพิ่มขึ้นอย่างรวดเร็ว
ในบทความนี้ เราจะมาดูกันว่าแท็ก hreflang คืออะไร และแนวทางปฏิบัติที่ดีที่สุดบางประการสำหรับการใช้งาน จากนั้นเราจะเปิดเผยวิธีที่คุณสามารถใช้เพื่อติดตั้งแท็กเหล่านี้บนเว็บไซต์ WordPress ของคุณ ไปทำงานกันเถอะ!
hreflang คืออะไร?
แท็ก hreflang คือโค้ด HTML ที่บอก Google ว่าจะแสดงหน้าเว็บเวอร์ชันใดสำหรับบางภาษาและภูมิภาค นี่คือตัวอย่างของโค้ดที่มีลักษณะดังนี้:
<link rel="alternate" href="example.com" hreflang="en-us" />
<link rel="alternate" href="example.com/fr/" hreflang="fr-fr" />
แต่ละแท็กมีการผสมผสานระหว่างภาษาและรายละเอียดสถานที่ เช่น “en-us” สำหรับภาษาอังกฤษและสหรัฐอเมริกา หรือ “fr-fr” สำหรับภาษาฝรั่งเศสและฝรั่งเศส
แม้ว่า Google จะตรวจจับภาษาของหน้าเว็บได้ แต่การไม่มีแท็ก hreflang ก็ยังส่งผลเสียต่ออันดับการค้นหาของคุณ นั่นเป็นเพราะหากไม่มีแท็กเหล่านี้ หน้าเว็บในภาษาต่างๆ ของคุณอาจแข่งขันกันเองเพื่อให้ได้ตำแหน่งสูงสุด แม้ว่าแท็ก hreflang จะไม่ใช่ปัจจัยในการจัดอันดับ แต่แท็กเหล่านี้ช่วยให้ Google แสดงหน้าเว็บที่เหมาะสมแก่ผู้ใช้ได้
hreflang และไซต์หลายภาษาของคุณ: แนวทางปฏิบัติที่ดีที่สุด
คุณสามารถเข้าถึงผู้ชมได้กว้างขึ้นด้วยเว็บไซต์หลายภาษาของ WordPress แต่คุณต้องใช้แนวทางปฏิบัติที่ดีที่สุดเพื่อให้ได้ผลลัพธ์ หนึ่งในแนวทางปฏิบัติที่ดีที่สุดสำหรับเว็บไซต์ประเภทนี้คือการใช้แท็ก hreflang แต่ก็มีเทคนิคอันชาญฉลาดอื่นๆ เช่นกัน
เพื่อให้ผู้ใช้ได้รับประสบการณ์ที่ดีที่สุด ควรใช้เนื้อหาที่เขียนโดยเจ้าของภาษา ไม่ใช่ข้อความที่แปลด้วยคอมพิวเตอร์ แนวทางปฏิบัติที่ดีที่สุดอีกประการหนึ่งคือการใช้แท็ก x-default ซึ่งเป็นทางเลือกสำหรับภาษาที่ไม่ตรงกัน ควรใช้สิ่งนี้ในโฮมเพจ ซึ่งผู้ใช้สามารถเลือกตำแหน่งและภาษาที่ต้องการได้
หากเว็บไซต์ของคุณใช้แท็กตามรูปแบบบัญญัติ คุณจะต้องระมัดระวังเมื่อเพิ่มแท็ก hreflang แท็กทั้งสองประเภทนี้อาจขัดแย้งกันได้ ซึ่งจะส่งสัญญาณผสมไปยัง Google ว่าควรแสดงหน้าใด แม้ว่าคุณจะสามารถทิ้งแท็ก hreflang ไว้ในหน้าที่มีแท็กตามรูปแบบบัญญัติได้ แต่ควรเพิ่มแท็กภาษาอย่างระมัดระวังจะดีกว่า
วิธีติดตั้งแท็ก hreflang บน WordPress
แท็ก hreflang นั้นมีค่าอย่างยิ่งบนเว็บไซต์ WordPress แต่เมื่อใช้งานอย่างถูกต้องเท่านั้น มีสามวิธีที่คุณสามารถใช้เพื่อเพิ่มแท็กเหล่านี้ในเว็บไซต์ของคุณ ปลั๊กอินเป็นวิธีที่ง่ายและใช้กันมากที่สุด อย่างไรก็ตาม คุณสามารถอัปเดตส่วนหัวของเว็บไซต์หรือแก้ไขแผนผังเว็บไซต์ XML ได้ ลองดูทั้งสามเทคนิค
ปลั๊กอิน hreflang
วิธีการติดตั้ง hreflang ที่ง่ายที่สุดคือการใช้ปลั๊กอิน WordPress ปลั๊กอิน เช่น MultilingualPress จะเพิ่มแท็ก hreflang ให้คุณโดยอัตโนมัติ และไม่ควรทำให้เกิดปัญหาด้านประสิทธิภาพ:
MultilingualPress ยังมีคุณสมบัติการแปลซึ่งสามารถพบได้ในเครื่องมือแก้ไขบทความ เมื่อคุณยอมรับการแปล ปลั๊กอินจะเพิ่มแท็ก hreflang ที่เหมาะสมในส่วนหัวของไซต์ของคุณ ฟีเจอร์การแปลไม่ได้จำกัดเฉพาะโพสต์ และใช้ได้กับแท็กและหมวดหมู่ ในขณะเดียวกันก็ซิงค์กับปลั๊กอินอย่าง Yoast และ WooCommerce ได้ดี
ตัวเลือกปลั๊กอินอื่นสำหรับการใช้งาน hreflang คือ Polylang:
Polylang เป็นเครื่องมือฟรียอดนิยมที่ช่วยคุณจัดการเว็บไซต์ WordPress ในหลายภาษา คุณสามารถสร้างเนื้อหาได้ตามปกติ จากนั้นจึงกำหนดภาษาให้ หลังจากนั้น Polylang จะดูแลแท็ก hreflang ให้คุณ
เพิ่ม hreflang ใน <head>
คุณสามารถเพิ่มแท็ก hreflang ในเว็บไซต์ WordPress ของคุณโดยไม่ต้องใช้ปลั๊กอิน โดยอัปเดตไฟล์ header.php หากต้องการเข้าถึงไฟล์นี้ คุณจะต้องไปที่ ลักษณะที่ปรากฏ > ตัวแก้ไขธีม หรือใช้ File Transfer Protocol (FTP)
หลังจากเปิดไฟล์แล้ว คุณจะต้องมองหาตัวเปิด <head> และวางโค้ดนี้:
<link rel="canonical" href="http://example.com/content"/>
<link rel="alternate" hreflang="x-default" href="http://example.com/content"/>
<link rel="alternate" hreflang="en-us" href="http://example.com/content"/>
<link rel="alternate" hreflang="es-es" href="http://example.com/es/content"/>
<link rel="alternate" hreflang="fr-fr" href="http://example.com/fr/content"/>
ในตัวอย่างนี้ ต้องเพิ่มแท็กในเนื้อหาภาษาอังกฤษ แท็ก x-default และแท็ก English hreflang ยังชี้ไปที่หน้าเนื้อหาภาษาอังกฤษอีกด้วย
ในทางกลับกัน แท็ก hreflang ของสเปนและฝรั่งเศสจะเปลี่ยนเส้นทางไปยังหน้าเวอร์ชันภาษาที่ถูกต้อง แน่นอน คุณสามารถเพิ่มแท็ก hreflang สำหรับภาษาอื่นๆ ที่ใช้ในเว็บไซต์ของคุณ
เพิ่ม hreflang ใน XML Sitemap
หากคุณไม่ต้องการแก้ไขไฟล์ header.php คุณสามารถอัปเดตแผนผังไซต์ XML ของไซต์แทนได้ การใช้วิธีนี้ช่วยให้แน่ใจว่า Google จะพบหน้าภาษาอื่นของคุณและจัดทำดัชนีอย่างถูกต้อง การอัปเดตแผนผังไซต์ของคุณยังช่วยลดขนาดหน้าเว็บของคุณ เพื่อให้โหลดได้เร็วขึ้น
แท็ก hreflang สำหรับแผนผังไซต์ XML ของคุณแตกต่างกันเล็กน้อย:
<url>
<loc>http://www.example.com/content</loc>
<xhtml:link rel="alternate" hreflang="es-es" href="http//www.example.com/es/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>
<url>
<loc>http://www.example.com/es/content</loc>
<xhtml:link rel="alternate" hreflang="en-us" href="http//www.example.com/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>
แม้ว่าการแก้ไขแผนผังไซต์ XML จะช่วยในการจัดทำดัชนี แต่ก็อาจมีความซับซ้อนได้เช่นกัน หากคุณมีเว็บไซต์ขนาดใหญ่ แผนผังไซต์อาจบวม การเพิ่มแท็ก hreflang ในแผนผังไซต์อาจใช้เวลานานกว่าการใช้วิธีอื่นๆ ที่อธิบายไว้ข้างต้น
วิธีตรวจสอบ hreflang บน WordPress
แม้ว่าจะรวมแท็กเหล่านี้ไว้ แท็ก hreflang มักถูกนำไปใช้อย่างไม่ถูกต้องในเว็บไซต์หลายภาษา การตรวจสอบความถูกต้องของแท็ก hreflang จะช่วยให้คุณทราบได้ว่าคุณเพิ่มถูกต้องหรือไม่
ในการตรวจสอบความถูกต้องของแท็ก คุณสามารถใช้เครื่องมือออนไลน์ต่างๆ เครื่องมือเหล่านี้นำเสนอข้อมูลที่คล้ายคลึงกัน แต่นำเสนอในรูปแบบที่ต่างกัน เครื่องมือทดสอบแท็ก hreflang ของ Sitrix แสดงแท็กบนเว็บไซต์ของคุณ และแจ้งให้คุณทราบหากมีข้อผิดพลาดใดๆ:
เครื่องมือทดสอบแท็ก hreflang ของ Merke ยังให้รายละเอียดของแท็กและข้อผิดพลาดในเว็บไซต์ของคุณ:
หากคุณต้องการดูข้อผิดพลาดเท่านั้น เครื่องมือทดสอบแท็ก hreflang ของ SALT.agency เป็นอีกทางเลือกหนึ่ง
เรียนรู้ต่อไปด้วย WP Engine
หากคุณมีเว็บไซต์ที่มีเนื้อหาหลายภาษา แท็ก hreflang จะช่วยให้ Google แสดงหน้าเว็บที่ถูกต้องแก่ผู้เยี่ยมชมที่เหมาะสม โชคดีที่มีหลายวิธีในการเพิ่มแท็ก hreflang ในเว็บไซต์ของคุณ โดยตัวเลือกที่ง่ายที่สุดคือการติดตั้งปลั๊กอินเฉพาะ
หากคุณประสบปัญหาด้านอื่นๆ ในการใช้งานเว็บไซต์หลายภาษา WP Engine จะทุ่มเทเพื่อช่วยคุณค้นหาทรัพยากรที่คุณต้องการ ตรวจสอบแผนของเราวันนี้!