hreflang คือ?

  hreflang เป็น Tag ใหม่ที่เกิดมาพร้อม HTML5 เป็น Tag ที่ช่วยระบุตัวภาษาของเนื้อหาได้ชัดเจน และตรงกลุ่มเป้าหมายยิ่งขึ้น มีผลต่อการทำ SEO มากๆครับ และ Google ก็ให้ความสำคัญกับ Tag นี้ค่อนข้างมาก การใช้งานมีหลากหลายวิธีการ เรามาดูรูปแบบ Tag, รายละเอียด และวิธีการใช้งานกันดีกว่าครับว่ามีวิธีไหนบ้าง  

 

รูปแบบของ Tag hreflang

 

<link rel="alternate" href="URL แบบเต็ม" hreflang="ภาษา-ประเทศ" />

      อันที่จริงแล้ว URL เป็นแบบย่อก็ได้ครับ เช่น /index, /index.php?lang=th  แต่ผมแนะนำให้ใส่แบบ Full ดีกว่า 
https://www.tnmbs.com/  <= สำหรับหน้าเว็บที่เป็นภาษา Default ในเว็บนี้ Default เป็นภาษาไทยครับ
https://www.tnmbs.com/th/ <= สำหรับหน้าเว็บภาษาไทย
https://www.tnmbs.com/en/  <= สำหรับหน้าเว็บภาษาอังกฤษ
ใส่มันไปเต็มๆนี่แหละคนเข้าใจ Bot เข้าใจ จัดทำ Index ง่าย ไม่ต้องตีความเยอะ เวลาจะ View source เพื่อจะ Debug อะไรก็ง่ายครับ

 

    ทีนี้ในส่วนของ ภาษา - ประเทศ  หากใครกลุ่มเป้าหมายทางประเทศไม่ชัดเจนเช่น เนื้อหาเป็นภาษาอังกฤษ แต่เป้าหมายครอบคลุมทุกประเทศ ก็สามารถใส่ Parameter แค่ภาษาอย่างเดียวก็ได้ครับ  แต่ถ้าหากมีกลุ่มเป้าหมายที่ชัดเจน ก็ควรจะระบุให้ครบทั้ง ภาษา และ ประเทศ  โดยการใส่ Parameter นี้  ให้ใส่เป็นรหัส 2 ตัวของแต่ละประเทศครับ โดยที่ภาษาจะใช้ตัวอักษรพิมพ์เล็ก  และ ประเทศเป็นอักษรพิมพ์ใหญ่ครับ

 

ตัวอย่างการใช้ Tag hreflang แบบระบุภาษา แต่ไม่ระบุประเทศ

<head>
    <link rel="alternate" href="https://www.maimem.com" hreflang="th" />
</head>

 

ตัวอย่างการใช้ Tag hreflang แบบระบุทั้งภาษาและประเทศ

<head>
    <link rel="alternate" href="https://www.maimem.com" hreflang="th-TH" />
</head>

 

     คราวนี้บางท่านคงเกิดคำถามว่าหากมี Page ที่มีการส่ง Parameter ของภาษาที่คอยบอกหน้านั้นๆว่าให้เป็นหน้าเว็บภาษาอะไรจะสามารถใส่ลงไปในหน้าเดียวกันได้ไหม  ขอตอบว่าได้ครับ ยกตัวอย่าง หน้า index ของเว็บนี้ มีให้เลือก 2 ภาษา
https://www.tnmbs.com <= แบบนี้ Default จะเป็นภาษาไทยครับ หรือใส่ Parameter เพิ่มมาเป็น th 
https://www.tnmbs.com/th/ <= แบบนี้ก็จะเป็นหน้าเว็บ Index ที่เป็นภาษาไทยครับ แต่หากใส่ Parameter มาเป็น en
https://www.tnmbs.com/en/ <= แบบนี้จะเป็นการเรียก Index ที่เป็นภาษาอังกฤษครับ

 

 

ตัวอย่างการใช้ Tag hreflang แบบมี Parameter ระบุภาษา

 

<head>
    <link rel="alternate" href="https://www.tnmbs.com" hreflang="th" />
    <link rel="alternate" href="https://www.tnmbs.com/th" hreflang="th-TH" />
    <link rel="alternate" href="https://www.tnmbs.com/en" hreflang="en" />
</head>

สำหรับใครที่ใช้ Subdomain เป็นตัวระบุภาษาเช่น
https://th.maimem.com <= หน้าเว็บภาษาไทย
https://en.maimem.com <= หน้าเว็บภาษาอังกฤษ
https://ru.maimem.com <= หน้าเว็บภาษารัสเซีย

ก็สามารถใช้วิธีการเดียวกันกับข้างบนได้ครับ
 

ตัวอย่างการใช้ Tag hreflang แบบมี Subdomain ระบุภาษา

 

<head>
    <link rel="alternate" href="https://th.maimem.com" hreflang="th" />
    <link rel="alternate" href="https://en.maimem.com" hreflang="en" />
    <link rel="alternate" href="https://ru.maimem.com" hreflang="ru" />
</head>

 

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

 

ตัวอย่างการใช้ Tag hreflang กับ Link

 

<body>
    <a href="//www.tnmbs.com/en/" hreflang="en">tnmbs.com Version ภาษาอังกฤษ</a>
</body>

ที่มา maimem




Comments

ขายบ้านรายได้ดี ทำงานที่ไหนก็ได้ รับเพียง 10 ท่านเท่านั้น | ระเบียงขาว

สายช้อปปิ้ง แหล่งช้อปปิ้งสำหรับสายช้อป

Exclusive