Hreflang คืออะไร พร้อมวิธีติดตั้งทำเว็บไซต์หลายภาษา

เว็บไซต์หลายภาษาอาจมีเนื้อหาครบถ้วน แต่ผู้ใช้กลับค้นเจอหน้าผิดภาษา หรือ Google เลือก URL ของตลาดอื่นมาแสดง Hreflang คือสัญญาณที่ช่วยบอก Google ว่าแต่ละ URL ถูกสร้างขึ้นสำหรับผู้ใช้ภาษาและภูมิภาคใด เพื่อเพิ่มโอกาสให้ผู้ค้นหาเจอหน้าที่เหมาะกับตัวเอง แม้ Hreflang จะเป็นโค้ดสั้นๆ แต่ต้องจับคู่หน้าแต่ละภาษาให้ถูกต้องและอ้างอิงกลับหากันอย่างครบถ้วน สำหรับเว็บไซต์ WordPress สามารถใช้ Polylang สร้าง Hreflang อัตโนมัติได้ โดยไม่ต้องเขียนโค้ดแยกทีละหน้า

สำหรับผู้ที่สนใจและอยากลงลึกเกี่ยวกับ Hreflang ในวันนี้ Sixtygram จะมาเจาะลึกและอธิบายหลักการในการใช้งาน Hreflang กันให้กับทุกคนกันครับ

Hreflang คืออะไร

Hreflang(เอชรีฟแลง) คือแอตทริบิวต์ที่ระบุว่า URL หลายหน้าเป็นเนื้อหาชุดเดียวกัน แต่สร้างไว้สำหรับผู้ใช้ต่างภาษาหรือต่างภูมิภาค เช่น หน้าบริการภาษาไทยสำหรับคนไทย หน้าอังกฤษสำหรับผู้ใช้ทั่วโลก และหน้าอังกฤษที่แสดงราคาเฉพาะตลาดสหรัฐอเมริกา เป็นต้น Hreflang จึงเป็นสัญญาณช่วยให้ Google เลือก URL ที่เหมาะสม ไม่ใช่คำสั่งบังคับและไม่ใช่ปัจจัยเพิ่มอันดับโดยตรง Google ยังคงพิจารณาภาษาของเนื้อหา ตำแหน่งของผู้ใช้ และสัญญาณอื่นร่วมด้วย

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

Hreflang Tag มีหน้าตาอย่างไร?

Hreflang ที่ติดตั้งผ่าน HTML จะอยู่ในส่วน Head ของหน้าเว็บ โดย rel ระบุว่าเป็นหน้าทางเลือก hreflang ระบุภาษา และ href ระบุ URL ปลายทางแบบเต็ม ตัวอย่างเว็บไซต์ที่มีหน้าไทยและอังกฤษ โค้ดชุดเดียวกันต้องปรากฏทั้งในหน้าไทยและหน้าอังกฤษ หน้าไทยจึงต้องระบุทั้ง URL ภาษาไทยและอังกฤษ ขณะเดียวกันหน้าอังกฤษก็ต้องระบุ URL ทั้งสองหน้าเช่นกัน

การที่หน้าเว็บระบุ URL ของตัวเองเรียกว่า Self Reference ส่วนการชี้กลับระหว่างหน้าต่างภาษาเรียกว่า Return Link หากหน้าไทยชี้ไปหน้าอังกฤษ แต่หน้าอังกฤษไม่ชี้กลับ Google อาจไม่ยอมรับความสัมพันธ์ระหว่าง URL คู่นั้น

วิธีติดตั้ง Hreflang

1. ติดตั้ง Hreflang โดยการเขียน HTML เพิ่ม

Google รองรับการติดตั้ง Hreflang ผ่าน HTML, HTTP Header และ XML Sitemap โดยมองทั้งสามวิธีว่าเทียบเท่ากัน ตามคำแนะนำเรื่องการระบุหน้าเวอร์ชันภาษาและภูมิภาค เว็บไซต์ทั่วไปควรติดตั้ง Hreflang ผ่าน HTML เพราะทำได้ง่ายและตรวจสอบจาก Source Code ได้โดยตรง วิธีติดตั้งคือเพิ่มแท็ก link ลงในส่วน Head ของหน้าเว็บ แล้วกำหนดรหัสภาษาและ URL แบบเต็มของทุกหน้าที่เป็นเวอร์ชันเดียวกัน จากนั้นนำโค้ดชุดเดียวกันไปวางในทุกหน้าภาษา ส่วน HTTP Header เหมาะกับไฟล์ที่ไม่มีส่วน Head เช่น PDF และ XML Sitemap เหมาะกับเว็บไซต์ขนาดใหญ่ที่จัดการ URL จำนวนมากจากระบบกลาง ไม่จำเป็นต้องติดตั้งซ้ำทั้งสามวิธี เพราะไม่ได้เพิ่มประสิทธิภาพในการค้นหาและอาจทำให้ข้อมูลขัดกัน

2. ใช้ Prompt สำหรับให้ AI สร้าง Hreflang

หากไม่ถนัดเขียนโค้ด สามารถใช้ AI ช่วยสร้าง Hreflang จาก URL ของแต่ละภาษาได้ แต่ต้องระบุให้ชัดว่าแต่ละ URL เป็นเนื้อหาเวอร์ชันเดียวกัน AI ควรช่วยสร้างโค้ดและตรวจ Syntax เท่านั้น ผู้ดูแลยังต้องตรวจ URL และความสัมพันธ์ของหน้าแต่ละภาษาด้วยตัวเอง สามารถคัดลอก Prompt ต่อไปนี้ไปใช้งานได้ทันที

ช่วยสร้าง Hreflang Tag สำหรับเว็บไซต์ของฉันเพื่อนำไปวางในส่วน Head ของหน้าเว็บ โดย URL ต่อไปนี้เป็นเนื้อหาเวอร์ชันเดียวกัน 

หน้าเว็บไซต์ภาษาไทย: [วาง URL ภาษาไทย]
หน้าเว็บไซต์ภาษาอังกฤษ: [วาง URL ภาษาอังกฤษ]
หน้าเว็บไซต์ภาษาอื่น: [วาง URL และระบุภาษา หากไม่มีให้ลบบรรทัดนี้]
หน้าหลักสำหรับ x-default: [วาง URL ที่ต้องการ] หากไม่แน่ใจให้ช่วยแนะนำ

ก่อนสร้างโค้ด ให้ตรวจว่าทุก URL เป็นเนื้อหาที่มีความหมายตรงกัน ใช้รหัสภาษาและประเทศตามมาตรฐาน และใช้ URL แบบเต็ม จากนั้นสร้างชุด Hreflang ที่เหมือนกันสำหรับทุกหน้า โดยต้องมี Self Reference, Return Link และ x-default หากเหมาะสม พร้อมแสดงโค้ด HTML ที่คัดลอกไปใช้ได้ทันที โดยช่วยตรวจเพิ่มเติมว่า Canonical ของแต่ละหน้าควรชี้กลับมาที่ URL ภาษาเดียวกันหรือไม่ หากข้อมูลไม่ครบหรือ URL จับคู่กันไม่ได้ ห้ามเดาและให้ถามฉันก่อนสร้างโค้ด

อย่างไรก็ดี AI ช่วยสร้างและตรวจ Syntax เบื้องต้นได้ แต่ผู้ดูแลยังต้องตรวจว่า URL ปลายทางเปิดได้จริง ไม่มี Redirect, 404 หรือ Noindex การติดตั้ง Hreflang ถือเป็นส่วนหนึ่งของการทำ Technical SEO เพราะเกี่ยวข้องโดยตรงกับการช่วยให้ Search Engine เข้าถึงและเข้าใจโครงสร้างเว็บไซต์

3. ใช้ Polylang ทำ Hreflang บน WordPress

สำหรับเว็บไซต์ WordPress การใช้ Polylang ง่ายกว่าการเขียน Hreflang ด้วยตัวเองทีละหน้า ผู้ดูแลเพียงเพิ่มภาษา สร้างคำแปลของ Page หรือ Post และจับคู่หน้าแต่ละเวอร์ชันให้ถูกต้อง จากนั้น Polylang จะสร้าง Hreflang ให้โดยอัตโนมัติตามข้อมูลการทำงานของ Hreflang จาก Polylang วิธีนี้เหมาะกับเว็บไซต์บริษัท บล็อก และเว็บไซต์หลายภาษาที่มีโครงสร้างไม่ซับซ้อน หากยังไม่คุ้นเคยกับระบบนี้สามารถอ่านบทความรู้จัก WordPress เครื่องมือสร้างเว็บไซต์ที่รองรับทุกการใช้งาน เพิ่มเติมได้ อย่างไรก็ตาม ควรตรวจว่าหน้าแปลถูกจับคู่กับเนื้อหาที่ตรงกัน Canonical ของแต่ละภาษาถูกต้อง และไม่ควรติดตั้งปลั๊กอินหลายภาษาหลายตัวพร้อมกัน เพราะอาจทำให้เกิด Hreflang ซ้ำหรือโครงสร้าง URL ขัดกัน

เลือกรหัสภาษาและ x-default อย่างไร

รหัส Hreflang ต้องเริ่มด้วยรหัสภาษาตามมาตรฐาน ISO 639 1 เช่น th สำหรับภาษาไทย en สำหรับภาษาอังกฤษ และ ja สำหรับภาษาญี่ปุ่น หากต้องการระบุประเทศจึงตามด้วยรหัสประเทศ เช่น th-TH, en-US และ en-GB ควรใส่รหัสประเทศเฉพาะเมื่อเว็บไซต์มีหน้าแยกสำหรับตลาดนั้นจริง หากหน้าอังกฤษหนึ่งหน้ารองรับผู้ใช้ทั่วโลก การใช้ en เพียงอย่างเดียวจะตรงความหมายและดูแลง่ายกว่า ส่วน x-default ใช้กำหนดหน้าสำรองสำหรับผู้ใช้ที่ไม่ตรงกับภาษาและภูมิภาคใดโดยเฉพาะ เช่น หน้าเลือกประเทศ หน้าเว็บไซต์สากล หรือหน้าภาษาหลักของธุรกิจ โดย x-default ไม่ได้ใช้แทนรหัสภาษาอย่าง en หรือ th

ตัวอย่างโค้ด

เว็บไซต์แบบไหนควรใช้ Hreflang

Hreflang เหมาะกับเว็บไซต์ที่มี URL แยกสำหรับเนื้อหาเดียวกันหลายภาษา หรือมีหน้าในภาษาเดียวกันที่ปรับตามแต่ละประเทศ เช่น เว็บไซต์บริษัทข้ามชาติ โรงแรม คลินิก อีคอมเมิร์ซ และธุรกิจ B2B เกณฑ์สำคัญคือเว็บไซต์ต้องมี URL ทางเลือกที่สามารถจับคู่กันได้ เว็บไซต์สามารถแยกภาษาด้วยไดเรกทอรีย่อย เช่น example.com/th/ ซับโดเมน เช่น th.example.com หรือโดเมนประเทศ เช่น example.co.th โดยสำหรับธุรกิจทั่วไป การใช้ไดเรกทอรีย่อยมักจัดการง่ายกว่า ก่อนติดตั้งควรวาง URL Mapping ให้หน้าแต่ละภาษาเชื่อมกับเนื้อหาที่ตรงกัน หากบางหน้ายังไม่มีคำแปล ไม่ควรเชื่อมไปยังหน้าแรกหรือหน้าที่มีเนื้อหาคนละเรื่อง

Hreflang สำคัญกับ SEO อย่างไร

Hreflang ช่วยลดโอกาสที่ Google จะแสดงหน้าผิดภาษาและผิดตลาด ผู้ใช้จึงมีโอกาสเข้าสู่หน้าที่ใช้ภาษาถูกต้อง รวมถึงเห็นราคา สกุลเงิน เงื่อนไขบริการ และข้อมูลติดต่อที่เหมาะกับประเทศของตัวเอง อย่างไรก็ตาม Hreflang ไม่ได้ทำให้อันดับสูงขึ้นโดยตรง หากเนื้อหาไม่มีคุณภาพ เว็บไซต์รวบรวมข้อมูลไม่ได้ หรือหน้าเป้าหมายถูกตั้งเป็น Noindex การใส่ Hreflang ก็ไม่สามารถแก้ปัญหาเหล่านั้นได้ ผลลัพธ์ที่ควรคาดหวังคือ URL ที่เหมาะสมมีโอกาสปรากฏต่อผู้ค้นหาแต่ละกลุ่มมากขึ้น หากต้องการเข้าใจองค์ประกอบอื่นที่มีผลต่อการค้นหา สามารถอ่านเพิ่มเติมได้จากบทความSEO คืออะไรและสำคัญอย่างไร

Hreflang ต่างจาก Canonical และ Duplicate Content อย่างไร

Hreflang ใช้เชื่อมหน้าที่ต้องการเก็บไว้หลายเวอร์ชัน ส่วน Canonical ใช้ระบุ URL หลักในกลุ่มหน้าที่ซ้ำหรือใกล้เคียงกัน หน้าไทยควรตั้ง Canonical กลับมาที่หน้าไทย และหน้าอังกฤษควรตั้ง Canonical กลับมาที่หน้าอังกฤษ ตามแนวทางการกำหนด Canonical URL ของ Google ไม่ควรให้ทุกภาษาชี้ Canonical ไปยังภาษาหลักเพียงหน้าเดียว เพราะจะส่งสัญญาณขัดกับ Hreflang ส่วนเนื้อหาที่แปลเป็นคนละภาษาไม่ได้ถูกมองว่าซ้ำเพียงเพราะนำเสนอเรื่องเดียวกัน Hreflang จึงไม่ได้แก้ Duplicate Content แบบเดียวกับ Canonical แต่ช่วยอธิบายว่าหน้าคล้ายกันถูกสร้างขึ้นสำหรับผู้ใช้คนละภาษาและภูมิภาค

ข้อผิดพลาดและวิธีตรวจสอบ Hreflang

ข้อผิดพลาดที่พบบ่อย ได้แก่ หน้าแต่ละภาษาไม่ชี้กลับหากัน ใช้รหัสภาษาหรือประเทศผิด เชื่อมไปยัง URL ที่แสดง 404 หรือ Redirect ใช้ URL แบบไม่เต็ม ตั้ง Canonical ไปยังภาษาอื่น และเชื่อมหน้าที่ยังไม่มีคำแปลไปยังหน้าแรกของอีกภาษา อย่าตรวจเพียงว่าหน้าเว็บมี Hreflang หรือไม่ แต่ต้องตรวจว่า URL ทุกหน้าชี้กลับหากันและเปิดใช้งานได้จริง 

หลังติดตั้งให้เปิด View Source แล้วค้นหาคำว่า “hreflang” จากนั้นตรวจว่า URL ทุกภาษาอยู่ครบ Canonical ถูกต้อง หรือใช้ เครื่องมือทดสอบ hreflang Tags ของ technicalseo

อย่างไรก็ดี หากเป็นเว็บไซต์ WordPress ควรล้าง Cache หลังแก้ไขภาษา ส่วนเว็บไซต์ขนาดใหญ่สามารถใช้เครื่องมือ Crawl ตรวจ Missing Return Link และ Invalid Language Code ได้ นอกจากนี้ ไม่ควรบังคับ Redirect ผู้ใช้ตาม IP หรือภาษาของเบราว์เซอร์ ควรเปิดให้ทุก URL เข้าถึงได้และมีปุ่มเปลี่ยนภาษาให้ผู้ใช้เลือกเอง

สรุป Hreflang สำหรับเว็บไซต์หลายภาษา

Hreflang คือระบบจับคู่ URL เพื่อช่วยให้ Google เลือกหน้าให้ตรงกับภาษาและภูมิภาคของผู้ค้นหา การติดตั้งที่ถูกต้องต้องแยก URL ของแต่ละภาษา จับคู่เนื้อหาให้ตรงกัน ทำ Self Reference และ Return Link พร้อมตั้ง Canonical ภายในภาษาของตัวเอง สำหรับ WordPress การใช้ Polylang ช่วยลดงานเขียนโค้ดและดูแล Hreflang ได้ง่ายกว่า แต่ยังต้องตรวจการจับคู่หน้า Canonical และสถานะการ Index ทุกครั้งที่เพิ่มภาษา เปลี่ยน URL หรือลบเนื้อหา