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

อ่าน 11 นาที

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

เหตุใดข้อมูลเมตาจึงมีความสำคัญ?

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

ฉันจะแก้ไขข้อมูลเมตาได้อย่างไร?

หากคุณเขียนโค้ดด้วยมือเอง มีคู่มือมากมายบนอินเทอร์เน็ตที่ให้ตัวอย่างโค้ดที่ถูกต้องซึ่งคุณสามารถนำไปใส่ในส่วน <head> ของเอกสาร HTML ของคุณได้

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

ประเภทของข้อมูลเมตา

ชื่อ Meta และคำอธิบาย Meta

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

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

นั่นคือลักษณะที่ชื่อเมตาของ Ecwid Ecommerce และคำอธิบายเมตาใน Google SERP

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

นี่คือตัวอย่างแท็กชื่อเว็บไซต์

แท็กคำอธิบายควรมีความยาวระหว่าง 140 ถึง 160 อักขระ- ควรใช้คำหลักอย่างเป็นธรรมชาติในประโยคแรก หากคุณไม่ได้เขียนคำอธิบายที่มีคุณภาพ Google จะเพิกเฉยและพยายามเขียน สร้างอัตโนมัติ อันที่ดีกว่า แท็กคำอธิบายมีลักษณะดังนี้:

เมตาแท็กคำหลัก

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

เมตาแท็ก Robots

เมตาแท็ก ของหุ่นยนต์นั้นแตกต่างจากไฟล์ robots.txt ไฟล์ robots.txt จะบอกหุ่นยนต์ว่าควรเก็บข้อมูลจากหน้าเว็บใดบ้าง ในขณะที่เมตาแท็กของหุ่นยนต์จะบอกหุ่นยนต์ว่าควรจัดทำดัชนีหน้าเว็บใดบ้าง

โดยส่วนใหญ่แล้ว คุณต้องการให้บอทจัดทำดัชนีหน้าเว็บ ดังนั้นค่าเริ่มต้นของเมตาแท็ก robots จึงเป็น“index, follow”อย่างไรก็ตาม คุณสามารถเปลี่ยนค่าเป็น“noindex, nofollow”สำหรับหน้าเว็บเฉพาะที่เราไม่ต้องการให้แสดงในผลการค้นหาได้

เมตาแท็ก robots มีลักษณะดังนี้:

เมตาแท็กสำหรับลิงก์ขาออก

มีแท็กมาร์กอัปสำหรับลิงก์ภายนอกอยู่ไม่กี่แท็ก แต่แท็กเหล่านี้จะแตกต่างจากเมตาแท็กอื่นๆ เล็กน้อย แทนที่จะรวมอยู่ในส่วน <head> ของหน้า HTML แท็กเหล่านี้จะถูกเพิ่มเข้าไปในมาร์กอัปของลิงก์

แท็ กมาร์กอัป relสำหรับลิงก์ขาออกมีค่าที่เป็นไปได้สามค่า ได้แก่sponsored, ugc (เนื้อหาที่ผู้ใช้สร้างขึ้น) และ nofollowลิงก์หนึ่งสามารถมี ค่า rel ได้หลาย ค่า Google ได้เผยแพร่คู่มือเกี่ยวกับเมตาแท็กเหล่านี้ในชื่อ “ ตรวจสอบความถูกต้องของลิงก์ขาออกของคุณกับ Google ”

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

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

เมตาแท็กวิวพอร์ตมีลักษณะดังนี้:

เว็บไซต์ Web.dev ได้เผยแพร่บทความที่ครอบคลุมเกี่ยวกับหัวข้อนี้แล้ว ในชื่อ “ พื้นฐานการออกแบบเว็บแบบ Responsive ” แพลตฟอร์มการออกแบบเว็บไซต์และอีคอมเมิร์ซส่วนใหญ่จะตั้งค่าเมตาแท็กนี้ให้คุณโดยอัตโนมัติ และยังได้ใช้โค้ด CSS แบบ Responsive กับการออกแบบภาพของพวกเขาแล้ว หากคุณกำลังเขียนโค้ดตั้งแต่เริ่มต้น หรือเพียงต้องการทำความเข้าใจพื้นฐานของเรื่องนี้ คู่มือนี้เหมาะสำหรับคุณ

เมตาแท็กโซเชียลมีเดีย

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

เปิดมาร์กอัปกราฟ

เมตาแท็กกราฟแบบเปิดถูกสร้างขึ้นโดย Facebook แต่ก็ใช้โดย Twitter เช่นกัน คุณจะใช้เมตาแท็ก Open Graph หลายแท็กเพื่อกำหนดคุณสมบัติการแสดงผลของลิงก์ของคุณบน Facebook คุณสามารถใช้เมตาแท็ก OG กับเพจและรูปภาพได้

มาร์กอัปการ์ด Twitter

Twitter ยังใช้เมตาแท็ก Open Graph เพื่อควบคุมวิธีแสดงลิงก์บนแพลตฟอร์ม ค่าจะแตกต่างจากแท็ก Facebook OG ดังนั้นคุณต้องกำหนดค่าสำหรับทั้งสองไซต์ ค่า OG ของ Twitter ใช้ได้กับเพจเท่านั้น

สคีมาสำหรับ Linkedin, Google+ และ Pinterest

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

ข้อมูลเมตาประเภทอื่น ๆ

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

Schema Markup เป็นข้อมูลเมตา

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

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

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

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

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

เมื่อคุณสร้างข้อมูลสคีมาแล้ว คุณจะต้องทดสอบด้วยเครื่องมือตรวจสอบสคีมา

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

ขายของออนไลน์

ด้วย Ecwid Ecommerce คุณสามารถขายได้อย่างง่ายดายทุกที่ ให้กับทุกคน — ผ่านทางอินเทอร์เน็ตและทั่วโลก

สมัครที่นี่

Mar 3, 2022

เกี่ยวกับผู้เขียน

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