Hreflang สำหรับหน้าสากล
ส่งสัญญาณรูปแบบภาษาและภูมิภาคให้เครื่องมือค้นหา
Hreflang สำหรับหน้าสากล เป็นบทเรียน HTML Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 4 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน HTML Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส HTML Academy มีบทเรียนทั้งหมด 4 บทเรียน
ปัญหาที่ hreflang แก้ไขได้
เมื่อคุณเผยแพร่บทความเดียวกันเป็นภาษาอังกฤษ ภาษาตุรกี และภาษาญี่ปุ่น เครื่องมือค้นหาจำเป็นต้องทราบว่าควรแสดงเวอร์ชันใดในผลการค้นหาของผู้ใช้แต่ละคน หากไม่มี hreflang Google อาจแสดงภาษาที่ไม่ถูกต้อง หรือมองว่าเวอร์ชันต่าง ๆ เป็นเนื้อหาซ้ำกัน
แท็กลิงก์
ประกาศเวอร์ชันทางเลือกแต่ละเวอร์ชันด้วย <link rel="alternate" hreflang="..." href="..."> ใน <head> แอตทริบิวต์ hreflang คือรหัสภาษาตาม BCP-47 (en, tr) หรือคู่ภาษาและภูมิภาค (en-US, en-GB, pt-BR)
<link rel="alternate" hreflang="en" href="https://example.com/en/article">
<link rel="alternate" hreflang="tr" href="https://example.com/tr/article">
<link rel="alternate" hreflang="ja" href="https://example.com/ja/article">ต้องมีการอ้างอิงกลับ
ทุกเวอร์ชันต้องลิงก์ไปยังเวอร์ชันอื่นทุกเวอร์ชัน รวมถึงลิงก์กลับมายังตัวเองด้วย Google จะไม่สนใจกลุ่ม hreflang ที่ไม่ได้อ้างอิงกลับทั้งสองทิศทาง หน้าอังกฤษลิงก์ไปยัง TR และ JA หน้าตุรกีลิงก์ไปยัง EN และ JA และดำเนินการในลักษณะเดียวกันต่อไป
การอ้างอิงตัวเอง
แต่ละหน้าควรลิงก์กลับมายังตัวเองผ่าน hreflang หน้าอังกฤษต้องมี <link rel="alternate" hreflang="en" ...> ที่ชี้ไปยัง URL ของตัวเอง ซึ่งเป็นส่วนหนึ่งของการอ้างอิงกลับ Google ใช้ลิงก์กลับมายังตัวเองเพื่อยืนยันการเป็นสมาชิกของกลุ่ม
ค่า x-default
ใช้ hreflang="x-default" เพื่อระบุหน้าสำรองสำหรับผู้ใช้ที่ Google ไม่สามารถจับคู่ภาษาของผู้ใช้ได้ โดยทั่วไปค่านี้จะชี้ไปยังเวอร์ชันภาษาอังกฤษหรือหน้าเริ่มต้นสำหรับเลือกภาษา เพื่อให้ผู้ใช้ที่ไม่ได้อยู่ในกลุ่มเป้าหมายยังคงไปถึงหน้าที่เหมาะสม
รหัสภาษาเทียบกับรหัสภูมิภาค
en กำหนดเป้าหมายผู้พูดภาษาอังกฤษทั้งหมด ส่วน en-US, en-GB และ en-AU ใช้กำหนดเป้าหมายรูปแบบตามประเทศเมื่อเนื้อหาแตกต่างกันตามภูมิภาค เช่น สกุลเงิน การสะกดคำ หรือการจัดส่ง อย่าระบุภูมิภาคหากเนื้อหาไม่ได้แตกต่างจากเวอร์ชันทั่วไปจริง ๆ
การประกาศทางเลือก
คุณยังสามารถประกาศ hreflang ในส่วนหัว HTTP Link ได้ (สำหรับไฟล์ที่ไม่ใช่ HTML เช่น PDF) หรือในแผนผังเว็บไซต์ XML ด้วย <xhtml:link rel="alternate" hreflang="..."> ทั้งสามวิธีให้ผลเทียบเท่ากัน ให้เลือกวิธีที่ดูแลรักษาได้ง่ายที่สุด
การประกาศในแผนผังเว็บไซต์
การประกาศ hreflang ในแผนผังเว็บไซต์รองรับการขยายระบบได้ดีกว่าแท็ก HTML สำหรับเว็บไซต์ที่มีหลายภาษา รายการ URL หนึ่งรายการในแผนผังเว็บไซต์จะแสดงเวอร์ชันทางเลือกทั้งหมด จึงไม่ต้องทำซ้ำในแม่แบบของแต่ละหน้า Search Console จะแจ้งเวอร์ชันที่ขาดการอ้างอิงกลับ ทำให้ตรวจพบข้อผิดพลาดได้ตั้งแต่เนิ่น ๆ
ข้อผิดพลาดที่พบบ่อย
การใช้ขีดล่าง (en_US) แทนขีดกลาง (en-US) การชี้ไปยัง URL ที่ไม่ส่งสถานะ 200 การผสม http กับ https ในกลุ่ม หรือการลืมลิงก์กลับมายังตัวเอง ล้วนทำให้ hreflang ใช้งานไม่ได้โดยไม่มีการแจ้งเตือนอย่างชัดเจน หลังเปิดใช้งานแล้ว ให้เรียกใช้รายงานการกำหนดเป้าหมายระหว่างประเทศของ Google Search Console
ไม่ใช่สิ่งทดแทนการแปล
hreflang เพียงบอก Google ว่ามีคำแปลใดอยู่แล้วบ้าง ตัวหน้าเองยังต้องมีเนื้อหาที่แปลจริง Google จะไม่แปลแทนคุณ เว็บไซต์ที่ใส่ hreflang ในหน้าซึ่งมีเนื้อหาภาษาอังกฤษอยู่ถึง 80% จะทำให้ดัชนีเกิดความสับสนโดยไม่มีการแจ้งเตือน
ใช้ร่วมกับ og:locale และ lang
ตั้งค่า <html lang="..."> ของเอกสารและ og:locale ให้ตรงกับภาษาจริงของหน้า hreflang บอกเครื่องมือค้นหาเกี่ยวกับหน้าอื่นในกลุ่มเดียวกัน ส่วน lang/og:locale บอกเบราว์เซอร์และเครือข่ายสังคมเกี่ยวกับหน้าปัจจุบัน ทั้งสองส่วนจึงจำเป็นต่อข้อมูลที่ครบถ้วน
ตรวจสอบความรู้
hreflang="x-default" ชี้ไปยังอะไร
สรุป
hreflang เชื่อมโยงเวอร์ชันแปลของหน้า เพื่อให้เครื่องมือค้นหาแสดงภาษาที่ถูกต้อง ใช้รหัส BCP-47 ประกาศเวอร์ชันทางเลือกโดยอ้างอิงกลับถึงกัน รวมถึงลิงก์กลับมายังตัวเอง เพิ่ม x-default สำหรับหน้าสำรอง และตรวจสอบในรายงานการกำหนดเป้าหมายระหว่างประเทศของ Google Search Console คุณภาพการแปลและแท็ก lang/og:locale ก็ยังต้องตรงกันด้วย
คำถามที่พบบ่อย
บทเรียน “Hreflang สำหรับหน้าสากล” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “Hreflang สำหรับหน้าสากล” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส HTML Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส HTML Academy มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “Hreflang สำหรับหน้าสากล”
ส่งสัญญาณรูปแบบภาษาและภูมิภาคให้เครื่องมือค้นหา คุณปฏิบัติ HTML Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน HTML Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน HTML Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 4 จากทั้งหมด 4 บทเรียน
บทเรียน “Hreflang สำหรับหน้าสากล” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน HTML Academy นี้ได้ไหม
ได้ บทเรียน HTML Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- OpenGraph og:title og:description og:image
- เมตาแท็ก Twitter Card
- พื้นฐานข้อมูลแบบมีโครงสร้าง JSON-LD
- Hreflang สำหรับหน้าสากล