hreflang คือ?

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.maimem.com/  <= สำหรับหน้าเว็บที่เป็นภาษา Default ในเว็บนี้ Default เป็นภาษาไทยครับ
https://www.maimem.com/th/ <= สำหรับหน้าเว็บภาษาไทย
https://www.maimem.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.maimem.com <= แบบนี้ Default จะเป็นภาษาไทยครับ หรือใส่ Parameter เพิ่มมาเป็น th 
https://www.maimem.com/th/ <= แบบนี้ก็จะเป็นหน้าเว็บ Index ที่เป็นภาษาไทยครับ แต่หากใส่ Parameter มาเป็น en
https://www.maime.com/en/ <= แบบนี้จะเป็นการเรียก Index ที่เป็นภาษาอังกฤษครับ


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

<head>
    <link rel="alternate" href="https://www.maimem.com" hreflang="th" />
    <link rel="alternate" href="https://www.maimem.com/th" hreflang="th-TH" />
    <link rel="alternate" href="https://www.maimem.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.maimem.com/en/" hreflang="en">Maimem.com Version ภาษาอังกฤษ</a>
</body>

 

       อธิบายมาซะยืดยาวละเอียดยิ๊บ หากใครมีข้อสงสัย หรือ อยากสอบถามตรงจุดไหนเพิ่มเติม Comment ไว้ในนี้ได้ครับแล้วจะเข้ามาตอบให้นะครับ......


  • 19 ตุลาคม 2557

  • โดย Admin

  • maimem.com

  • 2 ความคิดเห็น

แชร์บทความนี้

ความคิดเห็น

02 มีนาคม 2558 12:20

ต้องใส่ไว้ทุกหน้าหรือแค่หน้าแรกหน้าหลักอย่างเดียวครับ

17 เมษายน 2558 05:11

@Thanayut KINGRPG ใส่ไว้ทุกหน้าครับ


แสดงความคิดเห็น

กรุณาเข้าสู่ระบบเพื่อแสดงความคิดเห็น

เข้าระบบด้วย Google

ผู้สนับสนุน