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

สร้างแท็ก hreflang สำหรับเว็บไซต์หลายภาษาและหลายภูมิภาค รองรับแท็กลิงก์ HTML, ส่วนหัว HTTP และรูปแบบ XML sitemap พร้อมการตรวจสอบความถูกต้องในตัวและการเติม URL อัตโนมัติแบบอัจฉริยะ

ลองดูตัวอย่าง: 🌐 ไซต์หลายภาษา 🇬🇧 ภาษาอังกฤษตามภูมิภาค 🌏 ภาษาเอเชีย

Base URL (ไม่บังคับ สำหรับการเติมอัตโนมัติ)

รูปแบบ URL

วางซอร์สโค้ด HTML ที่ประกอบด้วยแท็ก <link rel="alternate" hreflang="...">

รหัสภาษา URL

Embed เครื่องสร้างแท็ก Hreflang Widget

แท็กทั้งหมด

ภาษา

✓

x-default

รูปแบบ

<link rel="alternate" hreflang="en" href="https://example.com/product" />
<link rel="alternate" hreflang="ja" href="https://example.com/ja/product" />
<link rel="alternate" hreflang="ko" href="https://example.com/ko/product" />
<link rel="alternate" hreflang="zh-hans" href="https://example.com/zh/product" />
<link rel="alternate" hreflang="zh-hant" href="https://example.com/zh-tw/product" />
<link rel="alternate" hreflang="x-default" href="https://example.com/product" />

Link: <https://example.com/product>; rel="alternate"; hreflang="en",
      <https://example.com/ja/product>; rel="alternate"; hreflang="ja",
      <https://example.com/ko/product>; rel="alternate"; hreflang="ko",
      <https://example.com/zh/product>; rel="alternate"; hreflang="zh-hans",
      <https://example.com/zh-tw/product>; rel="alternate"; hreflang="zh-hant",
      <https://example.com/product>; rel="alternate"; hreflang="x-default"

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
        xmlns:xhtml="http://www.w3.org/1999/xhtml">

  <url>
    <loc>https://example.com/product</loc>
    <xhtml:link rel="alternate" hreflang="en"
               href="https://example.com/product" />
    <xhtml:link rel="alternate" hreflang="ja"
               href="https://example.com/ja/product" />
    <xhtml:link rel="alternate" hreflang="ko"
               href="https://example.com/ko/product" />
    <xhtml:link rel="alternate" hreflang="zh-hans"
               href="https://example.com/zh/product" />
    <xhtml:link rel="alternate" hreflang="zh-hant"
               href="https://example.com/zh-tw/product" />
    <xhtml:link rel="alternate" hreflang="x-default"
               href="https://example.com/product" />
  </url>

  <url>
    <loc>https://example.com/ja/product</loc>
    <xhtml:link rel="alternate" hreflang="en"
               href="https://example.com/product" />
    <xhtml:link rel="alternate" hreflang="ja"
               href="https://example.com/ja/product" />
    <xhtml:link rel="alternate" hreflang="ko"
               href="https://example.com/ko/product" />
    <xhtml:link rel="alternate" hreflang="zh-hans"
               href="https://example.com/zh/product" />
    <xhtml:link rel="alternate" hreflang="zh-hant"
               href="https://example.com/zh-tw/product" />
    <xhtml:link rel="alternate" hreflang="x-default"
               href="https://example.com/product" />
  </url>

  <url>
    <loc>https://example.com/ko/product</loc>
    <xhtml:link rel="alternate" hreflang="en"
               href="https://example.com/product" />
    <xhtml:link rel="alternate" hreflang="ja"
               href="https://example.com/ja/product" />
    <xhtml:link rel="alternate" hreflang="ko"
               href="https://example.com/ko/product" />
    <xhtml:link rel="alternate" hreflang="zh-hans"
               href="https://example.com/zh/product" />
    <xhtml:link rel="alternate" hreflang="zh-hant"
               href="https://example.com/zh-tw/product" />
    <xhtml:link rel="alternate" hreflang="x-default"
               href="https://example.com/product" />
  </url>

  <url>
    <loc>https://example.com/zh/product</loc>
    <xhtml:link rel="alternate" hreflang="en"
               href="https://example.com/product" />
    <xhtml:link rel="alternate" hreflang="ja"
               href="https://example.com/ja/product" />
    <xhtml:link rel="alternate" hreflang="ko"
               href="https://example.com/ko/product" />
    <xhtml:link rel="alternate" hreflang="zh-hans"
               href="https://example.com/zh/product" />
    <xhtml:link rel="alternate" hreflang="zh-hant"
               href="https://example.com/zh-tw/product" />
    <xhtml:link rel="alternate" hreflang="x-default"
               href="https://example.com/product" />
  </url>

  <url>
    <loc>https://example.com/zh-tw/product</loc>
    <xhtml:link rel="alternate" hreflang="en"
               href="https://example.com/product" />
    <xhtml:link rel="alternate" hreflang="ja"
               href="https://example.com/ja/product" />
    <xhtml:link rel="alternate" hreflang="ko"
               href="https://example.com/ko/product" />
    <xhtml:link rel="alternate" hreflang="zh-hans"
               href="https://example.com/zh/product" />
    <xhtml:link rel="alternate" hreflang="zh-hant"
               href="https://example.com/zh-tw/product" />
    <xhtml:link rel="alternate" hreflang="x-default"
               href="https://example.com/product" />
  </url>

</urlset>

แผนผังแท็ก Hreflang

en en https://example.com/product

ja ja https://example.com/ja/prod…

ko ko https://example.com/ko/prod…

zh-hans zh-hans https://example.com/zh/prod…

zh-hant zh-hant https://example.com/zh-tw/p…

x-default หน้าสำรอง https://example.com/product

แต่ละหน้าต้องมีแท็ก hreflang ที่ชี้ไปยังเวอร์ชันภาษาอื่นๆ ทั้งหมด (แบบสองทาง)

เกี่ยวกับ เครื่องสร้างแท็ก Hreflang

เครื่องสร้างแท็ก hreflang ช่วยสร้างคำอธิบายประกอบ hreflang ที่มีรูปแบบถูกต้องสำหรับเว็บไซต์หลายภาษาและหลายภูมิภาค เครื่องมือนี้รองรับการนำไปใช้สามวิธี ได้แก่ แท็ก HTML link, HTTP response headers และ XML sitemaps พร้อมด้วยฟีเจอร์เติม URL อัตโนมัติที่ชาญฉลาด การนำเข้าจากมาร์กอัปที่มีอยู่ ค่าภาษาที่ตั้งไว้ล่วงหน้า และการตรวจสอบความถูกต้องในตัว เพื่อช่วยให้คุณหลีกเลี่ยงข้อผิดพลาดทั่วไปของ hreflang ที่อาจส่งผลเสียต่อ SEO ระหว่างประเทศของคุณ

วิธีใช้งานเครื่องมือนี้

เพิ่มเวอร์ชันภาษา — สำหรับหน้าเว็บในแต่ละภาษา ให้ป้อนรหัสภาษา-ภูมิภาคของ hreflang (เช่น en, es, fr-ca) และ URL แบบเต็ม ใช้การแนะนำจากฟีเจอร์เติมข้อความอัตโนมัติหรือพิมพ์รหัสของคุณเอง
ใช้การเติมอัตโนมัติ (ไม่บังคับ) — ป้อน Base URL และเลือกรูปแบบ "โฟลเดอร์ย่อย" หรือ "ซับโดเมน" เพื่อสร้าง URL สำหรับแต่ละภาษาโดยอัตโนมัติ
เพิ่ม x-default — รวมรายการ x-default ที่ชี้ไปยังหน้าสำรองของคุณ (โดยปกติจะเป็นหน้าภาษาหลักหรือหน้าสำหรับเลือกภาษา)
สร้างแท็ก — คลิก "สร้างแท็ก" เพื่อสร้างผลลัพธ์ในทั้งสามรูปแบบ ตรวจสอบคำเตือนการตรวจสอบความถูกต้อง (ถ้ามี)
คัดลอกและนำไปใช้ — ใช้แท็บผลลัพธ์เพื่อคัดลอกรูปแบบที่คุณต้องการ สำหรับ HTML ให้วางแท็กในส่วน <head> ของทุกเวอร์ชันภาษา สำหรับ XML sitemaps ให้ดาวน์โหลดไฟล์และอัปโหลดไปยังเซิร์ฟเวอร์ของคุณ

👤

ผู้ใช้ใน
สเปน

→

🔍

เครื่องมือ
ค้นหา

→

🏷️

อ่าน
hreflang

→

🇪🇸

แสดงผล
หน้าภาษาสเปน

ทำความเข้าใจแอตทริบิวต์ Hreflang

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

ค่า hreflang จะใช้รูปแบบ ภาษา-ภูมิภาค โดยที่:

รหัสภาษา — รหัสสองตัวอักษรตามมาตรฐาน ISO 639-1 (เช่น en สำหรับภาษาอังกฤษ, es สำหรับภาษาสเปน, ja สำหรับภาษาญี่ปุ่น)
รหัสภูมิภาค (ไม่บังคับ) — รหัสประเทศตามมาตรฐาน ISO 3166-1 Alpha 2 (เช่น us สำหรับสหรัฐอเมริกา, gb สำหรับสหราชอาณาจักร, mx สำหรับเม็กซิโก)

รหัสพิเศษอย่าง zh-hans (จีนตัวย่อ) และ zh-hant (จีนตัวเต็ม) จะใช้ส่วนขยาย script แทนรหัสภูมิภาค

เปรียบเทียบวิธีการนำไปใช้

HTML Link Tags นิยมที่สุด

วางองค์ประกอบ <link> ไว้ในส่วน <head> ของแต่ละหน้า นำไปใช้ง่ายและทำงานได้ดีกับเว็บไซต์ส่วนใหญ่

เหมาะสำหรับ: เว็บไซต์ HTML มาตรฐานที่มีเวอร์ชันภาษาในจำนวนที่จัดการได้

HTTP Headers สำหรับเอกสารอื่น

ส่งข้อมูล hreflang ใน HTTP response headers มีประโยชน์สำหรับไฟล์ที่ไม่มีส่วน <head> ของ HTML เช่น ไฟล์ PDF

Link: <https://example.com/>;
rel="alternate";
hreflang="en"

เหมาะสำหรับ: ไฟล์ PDF, เอกสารที่ไม่ใช่ HTML และไซต์ที่คุณสามารถกำหนดค่าส่วนหัวของเซิร์ฟเวอร์ได้

XML Sitemap สำหรับไซต์ขนาดใหญ่

เพิ่มคำอธิบายประกอบ hreflang ลงใน XML sitemap โดยใช้องค์ประกอบ xhtml:link เหมาะสำหรับไซต์ที่มีหน้าเว็บและภาษาจำนวนมาก

<xhtml:link rel="alternate"
hreflang="en"
href="https://example.com/" />

เหมาะสำหรับ: เว็บไซต์ขนาดใหญ่ที่มีหน้าเว็บหลายภาษาเป็นหลักร้อยหรือหลักพันหน้า

ข้อผิดพลาดของ Hreflang ที่ควรหลีกเลี่ยง

ขาดแท็กที่เชื่อมโยงถึงกัน (Reciprocal Tags): ทุกหน้าเว็บที่ถูกอ้างอิงในแท็ก hreflang จะต้องลิงก์กลับไปยังเวอร์ชันภาษาอื่นๆ ทั้งหมดด้วย หากหน้า A อ้างอิงถึงหน้า B หน้า B จะต้องอ้างอิงกลับมาที่หน้า A ด้วย หากขาดการเชื่อมโยงกลับ เครื่องมือค้นหาจะละเว้นแท็กนั้น
ขาดแท็กอ้างอิงตัวเอง (Self-referencing Tag): แต่ละหน้าควรมีแท็ก hreflang ที่ชี้กลับมาที่ตัวเอง เพื่อยืนยันกับเครื่องมือค้นหาว่าหน้านี้เป็นส่วนหนึ่งของชุด hreflang อย่างตั้งใจ
ลืม x-default: ควรมีแท็ก x-default เสมอเพื่อรองรับผู้ใช้ที่มีภาษา/ภูมิภาคไม่ตรงกับที่ระบุไว้ หากไม่มีแท็กนี้ เครื่องมือค้นหาจะไม่มีคำสั่งสำรองให้ปฏิบัติ
ใช้รหัสภาษาผิด: ต้องใช้รหัสภาษา ISO 639-1 และรหัสภูมิภาค ISO 3166-1 Alpha 2 ข้อผิดพลาดที่พบบ่อยคือการใช้ uk สำหรับภาษาอังกฤษ (UK) แทนที่จะเป็น en-gb หรือใช้ jp แทนที่จะเป็น ja สำหรับภาษาญี่ปุ่น
ใช้โปรโตคอลหรือโดเมนผสมกัน: URL ของ hreflang ทั้งหมดควรใช้โปรโตคอลเดียวกัน (แนะนำ HTTPS) และต้องตรงกับ Canonical URL ทุกประการ ความไม่สอดคล้องกันจะสร้างความสับสนให้เครื่องมือค้นหา

แนวทางปฏิบัติที่ดีที่สุด

ใช้ Absolute URLs (รวมถึง https://) ในแท็ก hreflang เสมอ ห้ามใช้ Relative paths
ใส่แท็ก hreflang ที่อ้างอิงตัวเองในทุกๆ หน้า
เพิ่มแท็ก x-default ที่ชี้ไปยังหน้าหลักหรือหน้าเลือกภาษา
ตรวจสอบให้แน่ใจว่า URL ใน hreflang ตรงกับ Canonical URL ของแต่ละหน้าอย่างชัดเจน
ใช้วิธีการนำไปใช้เพียงวิธีเดียวต่อหน้า (อย่าผสมแท็ก HTML กับ XML sitemap ในหน้าเดียวกัน)
ตรวจสอบแท็ก hreflang อย่างสม่ำเสมอด้วยเครื่องมือนี หรือ Google Search Console
สำหรับหน้าที่เน้นภาษาเดียวกันในภูมิภาคต่างกัน (เช่น en-us และ en-gb) ให้ระบุทั้งรหัสภาษาและภูมิภาคเสมอ

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

แท็ก hreflang คืออะไร?

แท็ก hreflang คือแอตทริบิวต์ HTML ที่บอกเครื่องมือค้นหาว่าควรแสดงหน้าเว็บเวอร์ชันภาษาและภูมิภาคใดแก่ผู้ใช้ โดยใช้แอตทริบิวต์ rel="alternate" hreflang="x" เพื่อระบุทางเลือกภาษา ช่วยให้เครื่องมือค้นหาแสดงเวอร์ชันที่ถูกต้องตามภาษาและตำแหน่งของผู้ใช้

ฉันควรวางแท็ก hreflang ไว้ที่ไหน?

แท็ก hreflang สามารถวางได้สามตำแหน่ง: ในส่วน HTML <head> เป็นองค์ประกอบ <link>, ใน HTTP response headers หรือใน XML sitemap วิธี HTML head เป็นวิธีที่นิยมที่สุดสำหรับเว็บไซต์มาตรฐาน, HTTP headers ใช้ได้ดีกับเอกสารที่ไม่ใช่ HTML เช่น PDF และ XML sitemaps เหมาะสำหรับไซต์ขนาดใหญ่ที่มีหลายเวอร์ชันภาษา

x-default ใน hreflang คืออะไร?

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

แท็ก hreflang จำเป็นต้องทำงานแบบสองทาง (reciprocal) หรือไม่?

ใช่ แท็ก hreflang ต้องเป็นแบบสองทาง (หรือที่เรียกว่า bidirectional) หากหน้า A ลิงก์ไปยังหน้า B ด้วยแท็ก hreflang หน้า B จะต้องลิงก์กลับไปยังหน้า A ด้วยแท็ก hreflang ที่สอดคล้องกันด้วย หากลิงก์ย้อนกลับหายไป เครื่องมือค้นหาอาจละเว้นการระบุ hreflang นั้นไปเลย

ความแตกต่างระหว่างภาษาและภูมิภาคใน hreflang คืออะไร?

ในแท็ก hreflang รหัสภาษา (เช่น en, es, fr) จะใช้รูปแบบ ISO 639-1 และระบุภาษาของเนื้อหา ส่วนรหัสภูมิภาคที่เลือกได้ (เช่น us, gb, mx) จะใช้รูปแบบ ISO 3166-1 Alpha 2 และกำหนดเป้าหมายไปยังประเทศเฉพาะ ตัวอย่างเช่น en-us จะกำหนดเป้าหมายไปที่ผู้พูดภาษาอังกฤษในสหรัฐอเมริกา ในขณะที่ en-gb จะกำหนดเป้าหมายไปที่ผู้พูดภาษาอังกฤษในสหราชอาณาจักร

อ้างอิงเนื้อหา หน้าหรือเครื่องมือนี้ว่า:

"เครื่องสร้างแท็ก Hreflang" ที่ https://MiniWebtool.com/th// จาก MiniWebtool, https://MiniWebtool.com/

โดยทีม miniwebtool. อัปเดตเมื่อ: 2026-03-10

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

เกี่ยวกับ เครื่องสร้างแท็ก Hreflang

วิธีใช้งานเครื่องมือนี้

ทำความเข้าใจแอตทริบิวต์ Hreflang

เปรียบเทียบวิธีการนำไปใช้

HTML Link Tags นิยมที่สุด

HTTP Headers สำหรับเอกสารอื่น

XML Sitemap สำหรับไซต์ขนาดใหญ่

ข้อผิดพลาดของ Hreflang ที่ควรหลีกเลี่ยง

แนวทางปฏิบัติที่ดีที่สุด

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

แท็ก hreflang คืออะไร?

ฉันควรวางแท็ก hreflang ไว้ที่ไหน?

x-default ใน hreflang คืออะไร?

แท็ก hreflang จำเป็นต้องทำงานแบบสองทาง (reciprocal) หรือไม่?

ความแตกต่างระหว่างภาษาและภูมิภาคใน hreflang คืออะไร?

เครื่องมือเด่น:

โปรดช่วยเราและตอบคำถามสั้นๆ 3 ข้อ