รายการเมตาแท็กทั้งหมด เหตุใดจึงมีความสำคัญต่อ SEO และวิธีเขียนแท็กเหล่านี้

เผยแพร่แล้ว: 2022-12-15


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

ในทางกลับกัน อาจส่งผลเสียต่อการจัดอันดับ SEO ของเว็บไซต์ของคุณหากเขียนไม่ถูกต้อง

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

→ ดาวน์โหลดทันที: SEO Starter Pack [ชุดฟรี]

เมตาแท็กคืออะไร

เมตาแท็กคือส่วนย่อยของโค้ด HTML ที่สามารถรวบรวมข้อมูลโดยโรบ็อตของเครื่องมือค้นหา เช่น Google

พวกเขามีอิทธิพลในการกำหนดการมองเห็นของหน้าเว็บใน SERPs เมตาแท็กถูกเพิ่มลงในส่วน <head> ของหน้า และสามารถดูได้ในโค้ด HTML เท่านั้น:

ตัวอย่างของเมตาแท็กในโค้ด

ทำไมเมตาแท็กจึงมีความสำคัญต่อ SEO

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

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

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

ตัวอย่างของเมตาแท็ก

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

ตัวอย่างของ Meta Title ดั้งเดิมและแท็กคำอธิบาย Meta

ด้วยแท็กชื่อเมตาและคำอธิบายเมตา เราระบุทั้งโรบ็อตและผู้ใช้เกี่ยวกับหัวข้อหลักของหน้าและสิ่งที่เกี่ยวกับ SERP

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

ตัวอย่างของคำอธิบายเมตาในหน้า SERPs

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

และไม่เพียงแค่นั้น ยังแนะนำให้หลีกเลี่ยงการใช้คำหลักที่ไม่เหมาะสม ซึ่งหมายความว่าเราไม่ควรพูดคำซ้ำมากเกินไป เพราะมิฉะนั้นจะดูไม่เป็นธรรมชาติ

ตัวอย่างการบรรจุคำหลักในคำอธิบายเมตา

ตัวอย่างของเมตาแท็กที่สามารถทำลายกลยุทธ์ดิจิทัลทั้งหมดของเรา

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

ในกรณีนี้ เรากำลังพูดถึงเมตาแท็กของโรบ็อตที่มี content=”noindex” ซึ่งเราระบุต่อเครื่องมือค้นหาว่าเราไม่ต้องการให้เพจถูกสร้างดัชนี — ดังนั้นจึงมองเห็นได้ — ใน SERP ด้วยตัวอย่างเมตาแท็กของโรบ็อตนี้ เป็นเรื่องยากที่จะได้รับคลิกทั่วไปบนหน้าเว็บจาก Google เนื่องจากจะไม่ปรากฏอยู่ในรายการ

<ชื่อเมตา=”หุ่นยนต์” เนื้อหา=”noindex, nofollow”/>

ตัวอย่างของเมตาแท็ก noindex

ในทางกลับกัน ด้วย content=”index” เราจะบอกหุ่นยนต์ที่เราต้องการให้สร้างดัชนีเพื่อให้ปรากฏในผลลัพธ์ของ SERPS:

<meta name=”robots” content=”follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large”/>

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

วิธีเขียนเมตาแท็ก

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

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

เมื่อเขียนคำแนะนำเหล่านี้ สิ่งสำคัญคือต้องปฏิบัติตามคำแนะนำต่อไปนี้เพื่อปฏิบัติตามหลักเกณฑ์ของ Google เพื่อพยายามจัดอันดับให้ดีขึ้น

แท็กชื่อเรื่อง

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

แนวทางปฏิบัติที่ดีที่สุดในการเขียนแท็กชื่อ:

  • สรุปหัวข้อหลักของหน้าด้วยคีย์เวิร์ดหรือคำศัพท์หลัก
  • เขียนชื่อที่ไม่ซ้ำใคร ไม่ซ้ำใคร และน่าสนใจเพื่อดึงดูดความสนใจของผู้ใช้ และเพิ่ม CTR ของหน้าใน SERPs
  • ถูกต้องและเป็นคำอธิบายตามเนื้อหาของหน้า
  • ไม่เกินหรือซ้ำคำหลัก
  • เขียนได้ไม่เกิน 60 ตัวอักษรโดยประมาณ (สูงสุด 580 พิกเซล)

วิธีเขียนแท็กชื่อเรื่อง

ใน WordPress หรือเครื่องมือ CMS ที่คล้ายกัน คุณสามารถติดตั้งปลั๊กอิน SEO เช่น All in One SEO , Rank Math หรือ Yoast SEO ที่จะช่วยให้คุณแก้ไขและดูตัวอย่างแท็กชื่อของคุณได้

เครื่องมือแท็กชื่อ WordPress

หรือคุณสามารถวางโค้ดต่อไปนี้ใน <head> ของหน้าเว็บของคุณ:

<title>ชื่อเว็บไซต์ (แท็กชื่อ) คืออะไรและเหตุใดจึงมีความสำคัญต่อ SEO</title>

ตัวอย่างแท็กชื่อ HubSpot บน SERP

ในเครื่องมือ CMS บางอย่าง แท็กชื่อของคุณจะตรงกับชื่อเพจหรือบล็อกของคุณโดยอัตโนมัติ ตัวอย่างเช่น ใน CMS ฟรีของ HubSpot ชื่อของคุณจะปรากฏเป็นทั้งแท็กชื่อและ H1 ด้วย

วิธีเพิ่มชื่อเมตาของคุณใน HubSpot CMS

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

ในกรณีนี้ คุณสามารถเพิ่มแท็กชื่อแยกต่างหากโดยวางโค้ดลงในส่วนขั้นสูงของการตั้งค่าเพจของคุณ

วิธีทำให้แท็กชื่อของคุณแตกต่างจากชื่อของคุณใน HubSpot CMS

แท็กคำอธิบายเมตา

แท็กคำอธิบายเมตาเสนอตัวเลือกในการเพิ่มคำอธิบายสั้น ๆ ของหน้า ซึ่งจะปรากฏในผลการค้นหา

แม้ว่า Google จะไม่แสดงเนื้อหาที่ผู้สร้างเสนอเสมอไป แต่บางครั้งอาจสร้างโดยอัตโนมัติผ่านเนื้อหาของหน้า หากพวกเขาให้ความสำคัญว่าเนื้อหาที่สร้างโดยผู้ใช้นั้นไม่มี "คุณภาพ" เพียงพอหรือไม่เกี่ยวข้องกับข้อความค้นหาของผู้ใช้ .

แนวทางปฏิบัติที่ดีที่สุดในการเขียนแท็กคำอธิบายเมตา:

  • เขียนคำอธิบายเมตาด้วยวิธีส่วนบุคคลโดยสรุปเนื้อหาของหน้า
  • ใส่คีย์เวิร์ดไว้ที่จุดเริ่มต้นของประโยคอย่างเป็นธรรมชาติและไม่ต้องพูดซ้ำมากมาย
  • ทำให้น่าสนใจและเป็นต้นฉบับ
  • ให้มีความยาวระหว่าง 140 ถึง 160 ตัวอักษรโดยประมาณ (สูงสุด 920 พิกเซล)

วิธีเขียนแท็กคำอธิบายเมตา

คุณยังสามารถใช้ปลั๊กอิน SEO ที่จะช่วยคุณแก้ไขและดูตัวอย่างส่วนนี้:

ปลั๊กอิน seo เพื่อช่วยคุณสร้างคำอธิบายเมตา

หรือคุณสามารถวางโค้ดต่อไปนี้ใน <head> ของเพจของคุณ:

<meta name=”description” content=”คำอธิบาย meta เป็นสิ่งที่ช่วยให้ผู้ค้นหาตัดสินใจว่าจะคลิกลิงก์ไปยังบทความหรือหน้าเว็บหรือไม่ คำอธิบายเมตาช่วยโน้มน้าวหรือชักจูงให้ผู้อ่านเลือกไซต์ของคุณ “ />

ตัวอย่าง HubSpot ของคำอธิบายเมตาบน SERP

เครื่องมือ CMS จำนวนมากจะมีช่องข้อความธรรมดาที่คุณสามารถป้อนคำอธิบายเมตาของคุณได้ CMS จะเพิ่มข้อความนี้ในส่วน <head> ให้กับคุณ นี่คือสิ่งที่ดูเหมือนใน HubSpot CMS

meta-description-in-hubspot-cms

Meta-หุ่นยนต์

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

  • โดยทั่วไป ค่าดีฟอลต์คือ ดัชนี ทำตาม และในกรณีส่วนใหญ่ไม่จำเป็นต้องระบุ ด้วยสิ่งนี้ เราระบุให้โรบ็อตทราบว่าเราต้องการให้เพจได้รับการจัดทำดัชนีบน SERPs และสามารถติดตามได้
  • ในทางตรงกันข้าม หากเราระบุค่า noindex, nofollow เรากำลังบอก Google ว่าเราไม่ต้องการให้ลิงก์เหล่านั้นติดตามและไม่ปรากฏในเครื่องมือค้นหา

แนวทางปฏิบัติที่ดีที่สุดในการเขียนแท็ก Meta Robots

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

วิธีเขียนแท็ก Meta Robots

คุณสามารถแก้ไขแท็กโรบ็อตด้วย Rank Math หรือ Yoast SEO:

แดชบอร์ดบน Yoast เพื่อแก้ไขแท็กโรบ็อต

หรือคุณสามารถวางโค้ดต่อไปนี้ใน <head> ของเพจของคุณ ในกรณีที่คุณต้องการให้เพจของคุณได้รับการจัดทำดัชนีและตามด้วย:

<meta name=”robots” content=”follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large”/>

ในการทำเช่นนี้ใน HubSpot CMS คุณต้องไปที่แท็บการตั้งค่าของบล็อกหรือหน้า Landing Page ของคุณ ภายใต้ 'ตัวเลือกขั้นสูง' เพียงเพิ่มรหัสของคุณในส่วนที่ชื่อว่า 'ส่วนย่อยของรหัสเพิ่มเติม'

วิธีเพิ่มเมตาโรบ็อตแท็กใน HubSpot CMS

แท็ก Meta Viewport

แท็กเมตาวิวพอร์ตใช้เพื่อควบคุมวิธีที่เราบอกเครื่องมือค้นหาถึงวิธีแสดงและแสดงหน้าบนอุปกรณ์ต่างๆ (มือถือ แท็บเล็ต และเดสก์ท็อป)

แนวทางปฏิบัติที่ดีที่สุดในการเขียนแท็ก Meta Robots

  • ใช้เมตาวิวพอร์ตแท็กกับทั้งเว็บไซต์ของคุณเพื่อปรับเนื้อหาสำหรับรุ่นมือถือ

จะแก้ไขแท็กวิวพอร์ตได้อย่างไร

หากคุณรู้ว่ากำลังทำอะไรอยู่จริงๆ คุณสามารถแก้ไขแท็กวิวพอร์ตได้ที่ <head> ของเอกสาร หากไม่มี ให้ใช้ตัวเลือกที่แนะนำโดยค่าเริ่มต้น:

<!DOCTYPE html>

<html lang=”th”>

<หัว> …

<ชื่อเมตา=”วิวพอร์ต” เนื้อหา=”ความกว้าง=ความกว้างของอุปกรณ์, ขนาดเริ่มต้น=1″> …

</หัว> …

….

รายการทั้งหมดของเมตาแท็ก

แต่ยังมีเมตาแท็กอีกมากมาย เราเสนอรายการเมตาแท็กหลักทั้งหมดสำหรับกลยุทธ์ SEO ของคุณ:

เมตาแท็กอื่นๆ ที่ไม่จำเป็นสำหรับ SEO แต่แนะนำให้คำนึงถึง:

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

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

ชุดเริ่มต้น SEO