วิธีใช้ Canonical tags อย่างถูกต้อง

ในคู่มือนี้ เราจะอธิบายวิธีการใช้แท็กตามรูปแบบบัญญัติอย่างถูกต้อง จากการใช้ตัวอย่างที่ใช้งานได้จริง คุณจะได้เรียนรู้ว่า Canonical tag คืออะไร เมื่อใดควรใช้ เมื่อใดไม่ควรใช้ วิธีใช้งาน และข้อผิดพลาดทั่วไปที่คุณต้องหลีกเลี่ยง

แท็กตามรูปแบบบัญญัติคืออะไร

Canonical tag เป็นสัญญาณในหน้าเว็บที่เขียนว่า: " ฉันคือสำเนาของหน้าเว็บอื่นซึ่งสามารถพบได้ที่นั่น… ”

องค์ประกอบ HTML นี้ถูกเพิ่มลงในโค้ดของหน้าและช่วยป้องกันปัญหาเนื้อหาที่ซ้ำกันโดยแจ้งให้ Google และเครื่องมือค้นหาอื่นๆ ทราบถึงเวอร์ชันที่ต้องการของหน้า

เสิร์ชเอ็นจิ้นจัดการกับหน้าที่ซ้ำกันหรือคล้ายกันอย่างไร similar

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

เนื้อหาที่ซ้ำกันไม่เพียงส่งผลเสียต่อ SEO เท่านั้น แต่ยังส่งผลเสียต่ออัตราการแปลงโดยไม่แสดงเนื้อหาในสถานะที่ดีที่สุด

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

ตัวอย่างการทำสำเนาหน้าสินค้า

มาดูตัวอย่างการทำสำเนาหน้าผลิตภัณฑ์อีคอมเมิร์ซด้านล่าง:

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

ด้วยการใช้แท็กตามรูปแบบบัญญัติ เราได้ส่งสัญญาณไปยังเครื่องมือค้นหาว่าหน้าผลิตภัณฑ์ดั้งเดิมอยู่ที่ [http://www.example.com/toys/trucks/red] และ URL อีกสองรายการเป็นเพียงการคัดลอกเท่านั้น ในกรณีนี้ คุณควรเลือกหน้าผลิตภัณฑ์ถาวรที่ไม่อยู่ในหมวด "ลดราคา" (การลดราคาน่าจะสิ้นสุดในหนึ่งวัน) และหน้าที่ไม่อยู่ในหมวด "สินค้าที่ราคาต่ำกว่า 10 ปอนด์" (ราคาอาจสูงขึ้น วันหนึ่งให้มากกว่า 10 ปอนด์)

ตัวอย่างอื่นๆ ของการทำสำเนาหน้าซึ่งต้องใช้ Canonical tags

พารามิเตอร์ URL

URL ของหน้าสามารถเพิ่มข้อมูลที่ท้าย URL ได้ในรูปแบบของพารามิเตอร์ ซึ่งจะแสดงหลังเครื่องหมายคำถามใน URL เสมอ:

• URL ที่ไม่ใช่พารามิเตอร์ – http://www.example.com/blog
• URL พารามิเตอร์ทำให้เนื้อหาของหน้าแตกต่างไปจากเดิมอย่างสิ้นเชิง – http://www.example.com/blog ?page=2

บางครั้งพารามิเตอร์ของ URL จะแสดงเนื้อหาของหน้าที่แตกต่างไปจากเดิมอย่างสิ้นเชิง ในบางครั้งพารามิเตอร์อาจกรองเนื้อหาบางส่วนออก และบางครั้งอาจไม่มีผลใดๆ ต่อเนื้อหาของหน้า:

• เนื้อหาที่แตกต่างอย่างสิ้นเชิงกว่าที่ไม่มีการใช้พารามิเตอร์:
  http://www.example.com/news ?page=3
• เนื้อหาแตกต่างไปจากที่ไม่ได้ใช้พารามิเตอร์เล็กน้อย:
  http://www.example.com/toy-trucks ?colour=red-only
• การเปลี่ยนแปลงเล็กน้อยในเนื้อหาโดยมีหรือไม่มีพารามิเตอร์:
  http://www.example.com/toy-trucks ?price=ascending
• ไม่มีการเปลี่ยนแปลงใดๆ ในเนื้อหาโดยมีหรือไม่มีพารามิเตอร์:
  http://www.example.com/contact-us ?trackingID=123456

เสิร์ชเอ็นจิ้นสามารถปฏิบัติต่อ URL ที่มีพารามิเตอร์ต่างกันเป็นหน้าที่แตกต่างกันและไม่ซ้ำกัน จากนั้นจึงควรส่งเสริม URL ที่ดีที่สุดโดยใช้ Canonical tags หากเนื้อหาไม่เปลี่ยนแปลงอย่างมีนัยสำคัญเมื่อมีการเพิ่มพารามิเตอร์

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

URL จำนวนมากสำหรับเนื้อหาหน้าเว็บเดียวกัน

มีหลายวิธีสำหรับเว็บไซต์ที่จะมี URL หลายรายการสำหรับหน้าเว็บเดียวกันทุกประการ โชคดีที่สามารถใช้แท็กตามรูปแบบบัญญัติเพื่ออ้างอิงหน้าเว็บด้วยตนเองเพื่อขจัดปัญหาเหล่านี้ ตัวอย่างเช่น หน้าเว็บสามารถพูดได้อย่างปลอดภัยว่าเป็นสำเนาของตัวเอง และขจัดความสับสนใดๆ กับพารามิเตอร์ โดเมนย่อย ฯลฯ (ดูด้านล่าง)

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

• http://www.example.com/example-page ( URL ที่ต้องการ )
• http://www.example.com/example-page.html
• http://www.example.com/example-page?trackingID=123456
• http://www.example.com/example-page#top
• http://example.com/example-page
• http://example.com/example-page.html
• http://example.com/example-page?trackingID=123456
• http://example.com/example-page#top

ปัญหาเหล่านี้จะได้รับการแก้ไขเมื่อการเข้าชม URL ที่ไม่ถูกต้องทั้งหมดมีแท็กตามรูปแบบบัญญัติที่ลิงก์ไปยัง URL ที่ต้องการ ( http://www.example.com/example-page ในกรณีนี้)

“www.” หรือปัญหาสามารถแก้ไขได้ด้วยการเปลี่ยนเส้นทาง 301 อย่างง่าย เพื่อให้ทุกครั้งที่ป้อน URL โดยไม่มี “www” ผู้ใช้จะถูกเปลี่ยนเส้นทางไปยัง www ที่ถูกต้องโดยอัตโนมัติ รุ่น

ตัวกรองพารามิเตอร์ URL

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

ในกรณีเหล่านี้ คุณควรถามตัวเองว่าการไปที่ URL พารามิเตอร์โดยตรงช่วยเพิ่มประสิทธิภาพหรือจำกัดผลลัพธ์ที่แสดง และเครื่องมือค้นหาจะคิดว่าไม่ซ้ำกันมากพอที่จะจัดทำดัชนีแยกกันหรือไม่ ในกรณีส่วนใหญ่ คุณจะไม่ต้องการให้เสิร์ชเอ็นจิ้นจัดทำดัชนี URL พารามิเตอร์ซึ่งตัวกรองดังกล่าวอาจแสดงแทน URL ที่ไม่ใช่พารามิเตอร์ซึ่งแสดงตัวเลือกตัวกรองทั้งหมดและผลิตภัณฑ์/รายการทั้งหมด:

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

เครื่องมือค้นหาสำคัญๆ เช่น Google และ Bing ทำงานได้ดีมากในการทำความเข้าใจว่าพารามิเตอร์ใดบ้างที่กรองเนื้อหาออก และพารามิเตอร์ใดที่เปลี่ยนแปลงเนื้อหาโดยสิ้นเชิง หากคุณไม่แน่ใจอย่างยิ่ง ไม่ควรสร้าง Canonical tags สำหรับ URL ตัวกรอง และปล่อยให้เครื่องมือค้นหาพยายามกำหนดโครงสร้าง URL ของคุณโดยอัตโนมัติ

วิธีตั้งค่าแท็กตามรูปแบบบัญญัติ

1. ตัดสินใจเลือกหน้าที่คุณต้องการให้เป็น URL ที่คุณต้องการ นี่ควรเป็นเวอร์ชันที่คุณคิดว่าสำคัญที่สุด หากคุณไม่สนใจ เลือกอันที่มีลิงก์หรือผู้เยี่ยมชมมากที่สุด และถ้าอย่างอื่นเท่ากัน ให้เลือกอันหนึ่ง!
2. มีปลั๊กอินมากมายสำหรับใส่ Canonical tags หากคุณใช้ CMS เช่น WordPress หรือ Magento อย่างไรก็ตาม หากคุณกำลังใช้โค้ดโดยตรง คุณจะต้องเพิ่ม <link> ต่อไปนี้ในส่วน <head> ของส่วนเพิ่มเติม หน้า ไม่ใช่หน้าที่คุณต้องการ:

<link rel=”canonical” href=”https://www.example.com/hats” />

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

ตามที่ Joost de Valk ที่ Yoast ระบุไว้ในคู่มือที่มีประโยชน์ของเขา:

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

ข้อผิดพลาดทั่วไปเกี่ยวกับแท็กตามรูปแบบบัญญัติ

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

ต่อไปนี้คือข้อผิดพลาดทั่วไปที่เราพบเกี่ยวกับแท็กตามรูปแบบบัญญัติ:

• มีแท็กบัญญัติที่ไม่ใช่ไดนามิกในทุกหน้าของเว็บไซต์ที่ชี้ไปยัง URL เดียว (นักฆ่า SEO!)
• การมีแท็กบัญญัติสองแท็กที่แตกต่างกันภายในโค้ด HTML (เครื่องมือค้นหาจะนับเฉพาะอันแรกเท่านั้น)
• การใช้ URL ที่ไม่มีส่วน “http://” (คุณควรใช้ URL แบบสัมบูรณ์)
• ชี้หน้าผลิตภัณฑ์ไปยังหน้าหมวดหมู่ที่พวกเขาอาศัยอยู่ (หน้าผลิตภัณฑ์ต้องได้รับการจัดทำดัชนีแยกต่างหาก)
• การใช้แท็กบัญญัติใน URL ที่มีการแบ่งหน้า (ดูข้อมูลเพิ่มเติมด้านล่าง)

URL ที่ มีการแบ่งหน้าคือลำดับของ URL ที่แสดงลำดับของข้อมูล ตัวอย่าง ได้แก่ เรื่องราว รายการผลิตภัณฑ์ รายการบล็อก/โพสต์ข่าว รายการข้อมูล ฯลฯ

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

การทำเช่นนี้จะสูญเสียเนื้อหาทั้งหมดที่แสดงในบทที่ 2 เป็นต้นไป ซึ่งเป็น เนื้อหาที่ไม่ซ้ำกันจำนวนมาก ซึ่งผู้ใช้เครื่องมือค้นหาบางรายอาจต้องการกระโดดตรงไปหรือค้นหาอย่างรวดเร็ว

ก่อนหน้านี้ คุณสามารถใช้แท็ก "rel" ที่เรียกว่า "ถัดไป" และ "ก่อนหน้า" ซึ่งแสดงความสัมพันธ์ระหว่างทุกหน้าแทน:

แต่ Google ไม่รองรับสิ่งนี้อีกต่อไป:

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

หน้าควรมี URL ตามรูปแบบบัญญัติที่อ้างอิงตัวเองหรือไม่

คำถามนี้เป็นหัวข้อที่ถกเถียงกันใน SEO ตัวอย่างเช่น ที่ Yoast พวกเขาแนะนำอย่างยิ่งให้มีองค์ประกอบลิงก์ตามรูปแบบบัญญัติใน ทุก หน้า

นอกจากนี้ John Mueller ที่ Google ได้แนะนำก่อนหน้านี้ว่านี่เป็นแนวทางปฏิบัติที่ดีที่สุด

CMS จำนวนมากจะอนุญาตพารามิเตอร์ URL โดยไม่ต้องเปลี่ยนเนื้อหา ตัวอย่างเช่น URL เหล่านี้ทั้งหมดจะแสดงเนื้อหาเดียวกัน:

• https://example.com/widgets/widget-1/
• https://example.com/widgets/widget-1/?isnt=it-great
• https://example.com/widgets/widget-1/?cmpgn=twitter
• https://example.com/widgets/widget-1/?cmpgn=facebook

ดังนั้น ด้วยการใช้มาตรฐานที่อ้างอิงตัวเอง คุณสามารถหลีกเลี่ยงความเสี่ยงที่อาจเกิดขึ้นจาก SEO/เนื้อหาที่ซ้ำกัน

คุณสามารถใช้ URL ตามรูปแบบบัญญัติข้ามโดเมนได้หรือไม่

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

เมื่อใดควรใช้การเปลี่ยนเส้นทาง 301 แทน rel=canonical

ควรใช้การเปลี่ยนเส้นทาง 301 เมื่อใดก็ตามที่เพจ/โดเมนย้ายไปยังปลายทางใหม่อย่างถาวร สมมติว่าคุณเข้าสู่ Google Search Console และค้นหาจำนวนหน้า 404 หน้า – 301s จะแก้ไขปัญหานี้ เพียงค้นหาตำแหน่งใหม่ นำการเปลี่ยนเส้นทางมารวมกันแล้วอัปโหลดไปยังเซิร์ฟเวอร์

แนวทางปฏิบัติที่ดีที่สุดคือการค้นหา URL ที่ตรงกันอย่างสมบูรณ์เมื่อใช้การเปลี่ยนเส้นทาง 301 วิธีนี้จะทำให้ผู้ใช้ได้รับเนื้อหาที่เหมือนกัน/ดีกว่า และหน้าจะเกี่ยวข้องกับเครื่องมือค้นหาที่จะแสดง

Canonical tag ต่างจากการเปลี่ยนเส้นทางตรงที่ไม่ได้บอกให้เซิร์ฟเวอร์ส่งผู้ใช้ไปยังหน้าอื่น ซึ่งเป็นสัญญาณให้เสิร์ชเอ็นจิ้นแสดงหน้าที่คุณต้องการให้ผู้ใช้เห็น มักจะมีสถานการณ์ที่ต้องใช้หลายหน้าแม้ว่าเนื้อหาจะคล้ายกันมากก็ตาม ตัวอย่างพื้นฐานที่สุดคือบนเว็บไซต์อีคอมเมิร์ซ:

หน้าหนึ่ง – example.com/hats/alphabetical

หน้าสอง – example.com/hats/price

ทั้งสองหน้าแสดงเนื้อหาเดียวกัน มีประโยชน์มากสำหรับผู้ใช้ และต้องอยู่ในไซต์เพื่อให้แน่ใจว่าผลิตภัณฑ์ของคุณสามารถแสดงรายการตามราคาและเรียงตามตัวอักษร หากเจ้าของไซต์ตัดสินใจว่าควรเซิร์ฟเวอร์ผู้ใช้หน้าราคาในเครื่องมือค้นหา แท็ก rel=canonical จะถูกเพิ่มลงในหน้าตัวอักษรเพื่อบอกว่า "เฮ้ เสิร์ชเอ็นจิ้น ฉันต้องการให้คุณรู้ว่าหน้าเหล่านี้คล้ายกันมาก แต่ สิ่งหนึ่งที่ฉันต้องการให้บริการผู้ใช้มากที่สุดคือหน้าราคาได้โปรด”

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

แท็ก Canonical สามารถช่วยปรับปรุง SEO ได้โดยทำให้แน่ใจว่า Google รู้ว่าหน้าใดของคุณที่ควรถือว่าสำคัญที่สุดและหน้าใดควรได้รับการจัดทำดัชนี แต่คุณต้องระวังให้มากเมื่อใช้งาน

ปัจจุบัน CMS และแพลตฟอร์มอีคอมเมิร์ซส่วนใหญ่จัดการ Canonical tags โดยอัตโนมัติหรือมีปลั๊กอินที่สร้างมาอย่างดีให้ดูซอร์สโค้ด HTML ของหน้าเว็บและดูว่ามีแท็ก Canonical อยู่หรือไม่ (คำใบ้: ใช้ CTRL + F)

หากคุณต้องการความช่วยเหลือเกี่ยวกับ SEO ของคุณ อย่าลังเลที่จะติดต่อเรา