แท็ก hreflang คืออะไร จะเพิ่มแท็ก hreflang ได้อย่างไร?

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

ข่าวดีก็คือแท็ก Hreflang สามารถช่วยปรับปรุงประสบการณ์ผู้ใช้ (UX) ของ Search Engine Optimization Sand User Experience (UX) ให้กับเว็บไซต์ของคุณได้ การดำเนินการไม่ใช่เรื่องยาก และคุณจะเห็นปริมาณการเข้าชมและการโต้ตอบที่เพิ่มขึ้นอย่างรวดเร็วเร็วๆ นี้

เราจะตรวจสอบว่าแท็ก hreflang คืออะไร และแนวทางปฏิบัติที่แนะนำสำหรับการใช้งาน ต่อไปเราจะอธิบายวิธีเพิ่มแท็ก hreflang 

เรามาทำงานกันเถอะ!

แท็ก Hreflang คืออะไร

แท็ก Hreflang เป็นคุณสมบัติแท็กลิงก์ใน HTML ที่ช่วยให้เว็บไซต์นำเสนอข้อมูลที่ปรับให้เหมาะกับผู้เยี่ยมชมในประเทศและภาษาต่างๆ

เมื่อดูแหล่งที่มาของหน้าของเอกสารออนไลน์ใดๆ แท็กแรกที่คุณสังเกตเห็นบ่อยๆ คือ:

คุณสมบัติภาษาระบุว่าหน้าเว็บนี้จัดลำดับความสำคัญของเนื้อหาภาษาอังกฤษสำหรับผู้ชมที่พูดภาษาอังกฤษมากกว่าการค้นหา

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

โดยพื้นฐานแล้ว สตริง hreflang ประกอบด้วยองค์ประกอบที่สำคัญสามส่วน:

พื้นที่ rel=ทางเลือก แอตทริบิวต์: ระบุว่าหน้าเว็บนี้เป็นเวอร์ชันอื่นของหน้าเว็บต้นฉบับ ไม่ใช่หน้าเว็บตามรูปแบบบัญญัติ

พื้นที่ href= แอตทริบิวต์: แจ้งให้ Google ทราบถึง URL ดั้งเดิมของหน้าเว็บทดแทน

hreflang= คุณลักษณะ: แท็กนี้ระบุภาษาและประเทศที่หน้าเว็บนี้มีไว้สำหรับ

ในตัวอย่างข้างต้น แท็กทางเลือกระบุว่า URL https://fr.example.com เป็นทางเลือกของหน้าเว็บหลักภาษาอังกฤษ

ผู้พูดภาษาฝรั่งเศสในฝรั่งเศสมุ่งหมายที่จะเป็นผู้ฟังหน้าแรก ตามที่ระบุในตอนท้ายของแท็ก

• นอกจากนี้ เว็บมาสเตอร์อาจสร้างหน้าอื่นสำหรับผู้พูดภาษาอังกฤษในฝรั่งเศสโดยเปลี่ยนคุณสมบัติ hreflang เป็น hreflang=”en-fr” ซึ่งระบุว่าหน้านี้มีไว้สำหรับผู้พูดภาษาอังกฤษในฝรั่งเศส
• การใช้งาน hreflang อย่างละเอียดช่วยให้คุณกำหนดเป้าหมายตามภูมิศาสตร์ได้เฉพาะเจาะจงมากขึ้น และนำเสนอเนื้อหาในท้องถิ่นแก่ผู้ใช้ทั่วโลก

จะเพิ่มแท็ก hreflang ใน WordPress ได้อย่างไร?

แท็ก hreflang มีประโยชน์อย่างมากบนเว็บไซต์ WordPress แต่เมื่อใช้อย่างถูกต้องเท่านั้น มีสามเทคนิคในการเพิ่มแท็กเหล่านี้ในเว็บไซต์ของคุณ 

ปลั๊กอินเป็นเทคนิคที่ง่ายและได้รับความนิยมมากที่สุด อย่างไรก็ตาม คุณสามารถปรับเปลี่ยนส่วนหัวของเว็บไซต์และแผนผังเว็บไซต์ XML ได้ ลองดูทั้งสามแนวทาง 

ก. ปลั๊กอิน WordPress ของ hreflang

เทคนิคที่ง่ายที่สุดในการใช้งาน hreflang คือการใช้ปลั๊กอิน WordPress ปลั๊กอินเช่น MultilingualPress จะเพิ่มแท็ก hreflang โดยอัตโนมัติ และไม่ควรสร้างปัญหาด้านประสิทธิภาพใดๆ:

ในเครื่องมือแก้ไขโพสต์ คุณสามารถเข้าถึงเครื่องมือแปล MultilingualPress ได้ เมื่อคุณอนุมัติการแปล ปลั๊กอินจะแทรกแท็ก hreflang ที่เกี่ยวข้องลงในส่วนหัวของเว็บไซต์ของคุณ 

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

ข. เพิ่ม hreflang ลงใน

คุณสามารถเพิ่มแท็กเหล่านี้ไปยังเว็บไซต์ WordPress ของคุณได้โดยไม่ต้องใช้ปลั๊กอินโดยการแก้ไขไฟล์ header.php หากต้องการเข้าถึงไฟล์นี้ ให้ไปที่ลักษณะที่ปรากฏ > ตัวแก้ไขธีม หรือใช้ File Transfer Protocol (FTP)

หลังจากเปิดไฟล์แล้ว ให้มองหาตัวเปิดและวางโค้ดต่อไปนี้:

ในตัวอย่างนี้ เราต้องแทรกแท็กลงในเนื้อหาภาษาอังกฤษ แท็ก x-default และแท็ก hreflang ภาษาอังกฤษยังลิงก์ไปยังหน้าเนื้อหาภาษาอังกฤษด้วย

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

ค. เพิ่ม hreflang ลงในแผนผังไซต์ XML ของ WordPress

หากคุณไม่ต้องการแก้ไขไฟล์ header.php คุณสามารถอัปเดตแผนผังไซต์ XML ของเว็บไซต์ของคุณแทนได้ 

การใช้กลยุทธ์นี้ทำให้มั่นใจได้ว่า Google สามารถระบุและจัดทำดัชนีไซต์ภาษาอื่นของคุณได้อย่างถูกต้อง การอัปเดตแผนผังไซต์จะลดขนาดของหน้าเว็บ ส่งผลให้เวลาในการโหลดเร็วขึ้น แท็ก hreflang สำหรับแผนผังไซต์ XML ของคุณจะแตกต่างกันเล็กน้อย:

http://www.example.com/content

http://www.example.com/es/content

http://www.example.com/content

http://www.example.com/es/content

แม้ว่าการเปลี่ยนแปลงแผนผังเว็บไซต์ XML จะช่วยในการจัดทำดัชนี แต่ก็อาจทำได้ยากเช่นกัน หากคุณมีเว็บไซต์ขนาดใหญ่ แผนผังไซต์ของคุณอาจขยายใหญ่ขึ้น 

การเพิ่มแท็ก hreflang ลงในแผนผังไซต์อาจใช้เวลานานกว่าการใช้วิธีอื่นๆ ที่กล่าวถึงข้างต้น

ทำไมแท็ก hreflang ถึงมีความสำคัญในการทำ SEO ระหว่างประเทศ?

ก. Hreflang SEO ช่วยส่งสัญญาณความเกี่ยวข้องของหน้าเว็บ

แท็ก hreflang ระบุให้ Google ทราบว่าหน้าเว็บเวอร์ชันใดของคุณที่เกี่ยวข้องกับคำค้นหาเฉพาะเจาะจงมากที่สุด นอกจากนี้ยังระบุด้วยว่า Google ควรวางตำแหน่งหน้าเว็บเหล่านี้ในผลการค้นหาไว้สูงเพียงใด

นี่เป็นวิธีการทำงาน

• แท็ก Hreflang แจ้งให้ Google ทราบว่าหน้าเว็บมีหลายภาษาและเวอร์ชันภูมิภาค
• พวกเขาให้ลิงก์ไปยังหน้าเว็บนั้น
• พวกเขาระบุภาษาและพื้นที่ของเวอร์ชันเฉพาะที่ Google กำลังตรวจสอบ

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

เมื่อ Google พบองค์ประกอบ hreflang จะถือว่าหน้าเว็บนั้นมีความเกี่ยวข้องเป็นพิเศษกับผู้เข้าชมชาวญี่ปุ่น และอาจจัดอันดับให้สูงขึ้นในการค้นหาจากญี่ปุ่น ส่งผลให้มีการพบเห็นและการเข้าชมเพิ่มขึ้น

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

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

ข. แท็ก Hreflang สามารถช่วยคุณหลีกเลี่ยงการลงโทษเนื้อหาที่ซ้ำกัน

เมื่อพัฒนาหน้าเว็บของคุณในภาษาและเวอร์ชันภูมิภาค คุณอาจแปลเนื้อหาเป็นหลายภาษา ส่งผลให้เกิดหน้าเว็บที่มีความพิเศษอย่างมาก เนื้อหาที่แตกต่าง.

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

สิ่งนี้อาจนำไปสู่ปัญหาเนื้อหาที่ซ้ำกันเนื่องจากกลยุทธ์ของ Google คือการพยายามนำเสนอหน้าเว็บที่มีเนื้อหาเฉพาะแก่ผู้ค้นหา หากพบเว็บไซต์ที่มีเนื้อหาซ้ำกัน ก็อาจเลือกจัดอันดับเพียงเว็บไซต์เดียวเท่านั้น

หรือหาก Google รู้สึกว่าเจ้าของเว็บไซต์พยายามที่จะมีอิทธิพลต่อการจัดอันดับการค้นหาของตน Google อาจเลือกที่จะไม่จัดอันดับหน้าเว็บใดๆ 

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

ค. แท็ก Hreflang ไม่ใช่คำสั่ง

อย่างไรก็ตาม โปรดระวังว่าแท็ก hreflang ไม่ใช่คำสั่ง

Google อาจไม่จำเป็นต้องแสดงเวอร์ชันของหน้าเว็บที่คุณต้องการให้พวกเขาเห็น แม้ว่าการใช้งาน hreflang อย่างเหมาะสมจะช่วยให้ Google ระบุเวอร์ชันที่เกี่ยวข้องมากที่สุดสำหรับผู้ค้นหาได้ก็ตาม

นั่นเป็นเพราะว่า Google อาจจะพิจารณาอย่างอื่นด้วย SEO ตัวแปรในการตัดสินใจเกี่ยวกับความเกี่ยวข้องของหน้าเว็บ (และด้วยเหตุนี้ว่าจะจัดอันดับหน้าเว็บนั้นสูงแค่ไหน) สำหรับคำค้นหาเฉพาะใดๆ 

ตัวอย่างของคุณลักษณะเหล่านี้ ได้แก่ ความเร็วในการโหลดเว็บไซต์ของคุณ ความเหมาะกับมือถือ และสิทธิ์ของโดเมน

การตั้งค่าการค้นหาโดย Google ของผู้ใช้อาจส่งผลต่อผลลัพธ์ได้ ผู้ใช้ที่ท่องเว็บจากฝรั่งเศสด้วยภาษาอังกฤษโดยส่วนใหญ่แล้วจะได้รับผลการค้นหาเป็นภาษาอังกฤษมากกว่าภาษาฝรั่งเศส

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

เครื่องมือที่มีประโยชน์สำหรับการนำ hreflang ไปใช้

ตอนนี้คุณมาไกลขนาดนี้แล้วคุณคงคิดว่า “ว้าวนี่มันยาก!" พวกเรารู้; นั่นคือสิ่งที่เราคิดเมื่อเราเรียนรู้เกี่ยวกับมันครั้งแรก โชคดีที่มีเครื่องมือหลายอย่างที่สามารถเข้าถึงได้หากคุณต้องการเริ่มใช้ hreflang

ก. เครื่องสร้างแท็ก hreflang

Aleyda Solis ผู้ซึ่งเขียนเกี่ยวกับเรื่องนี้อย่างกว้างขวาง ได้จัดทำสิ่งที่มีประโยชน์ เครื่องกำเนิดแท็ก hreflang ที่ให้คุณสร้างองค์ประกอบลิงก์ได้ แม้ว่าคุณจะไม่ได้ใช้การติดตั้งองค์ประกอบลิงก์ สิ่งนี้อาจเป็นประโยชน์สำหรับการสร้างโค้ดตัวอย่างบางส่วน

ข. ตัวตรวจสอบแท็ก hreflang

เราขอแนะนำเครื่องมือสองอย่างเพื่อให้แน่ใจว่าแท็ก hreflang บนเว็บไซต์ของคุณหรือในแผนผังไซต์ XML ของคุณนั้นถูกต้อง Merkle นำเสนอเครื่องมือทดสอบแท็ก hreflang ซึ่งช่วยให้คุณป้อน URL ได้อย่างรวดเร็ว

นอกจากนี้ คุณยังอาจใช้ส่วนขยายของ Chrome ขณะเรียกดูหน้าเว็บได้ โปรแกรมจะอ่านแท็ก hreflang ของเพจและสแกนเพื่อดูว่าแท็กเหล่านั้นเชื่อมโยงกลับไปยัง URL ปัจจุบันของคุณหรือไม่ คุณสามารถรับ Hreflang Tag Checker ได้จาก Chrome เว็บสโตร์

สรุป

หากคุณมีเว็บไซต์ที่มีเนื้อหาในภาษาต่างๆ แท็ก hreflang จะช่วย Google ในการแสดงหน้าเว็บที่ถูกต้องแก่ผู้ใช้ที่เหมาะสม 

โชคดีที่มีวิธีต่างๆ มากมายที่แสดงให้คุณเห็นถึงวิธีการเพิ่มแท็ก hreflang โดยวิธีที่ตรงไปตรงมาที่สุดคือการติดตั้งปลั๊กอินพิเศษ

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

ด้วยการใช้ hreflang อย่างมีประสิทธิภาพ คุณสามารถขจัดความกังวลเกี่ยวกับเนื้อหาที่ซ้ำกัน ปรับปรุงประสบการณ์ผู้ใช้ และมอบเนื้อหาของคุณที่มีนัยสำคัญทั่วโลก เพิ่ม SEO. 

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

คำถามที่พบบ่อย

1. แท็ก hreflang มีความสำคัญอย่างไร

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

2. “href” มีรูปแบบเต็มว่าอะไร?

href ย่อมาจากการอ้างอิงไฮเปอร์เท็กซ์ เป็นแหล่งที่มาของไฟล์แท็ก คุณสามารถใช้ทั้งสองอย่างได้ไม่เพียงแค่เชื่อมต่อไฟล์ CSS ภายนอกเท่านั้น แต่ยังใช้แท็กเป็นไฮเปอร์ลิงก์ทั่วไปได้อีกด้วย

3. Bing ใช้ hreflang หรือไม่

Bing ไม่ได้ใช้แท็ก hreflang; แต่จะใช้เมตาแท็กภาษาเพื่อกำหนดความเกี่ยวข้องของหน้าเว็บในแง่ของภูมิภาคและภาษาแทน