เมตาแท็ก Open Graph คืออะไร – ภาพรวมโดยละเอียด

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

เราหวังว่าจะเป็นเรื่องง่าย!

แต่มันไม่ใช่!

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

เข้าสู่เมตาแท็ก Open Graph เพื่อให้ง่ายสำหรับคุณ!

เมตาแท็ก OG ได้รับความนิยมอย่างมากในทุกวันนี้ สงสัยว่าสิ่งเหล่านี้คืออะไร? อ่านบล็อกจนจบเพื่อดูภาพรวมทั้งหมด

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

เมตาแท็ก OG คือข้อมูลโค้ดที่ควบคุมลักษณะที่ปรากฏของ URL บนโซเชียลมีเดีย มันเป็นส่วนหนึ่งของโปรโตคอล OG ของ Facebook และยังถูกใช้โดยแพลตฟอร์มโซเชียลมีเดียอื่นๆ เช่น LinkedIn และ Twitter

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

นี่คือลักษณะที่บล็อกของเรา ทำไมต้องเลือก Magento สำหรับ E-store Development บน Facebook ด้วยแท็ก OG:

เมตาแท็ก Open Graph ใดที่จะใช้

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

1. og:ชื่อ
ไวยากรณ์:

<meta property=”og:title” content=”ทำไมต้องเลือกเว็บไซต์อีคอมเมิร์ซที่กำหนดเองมากกว่าโซลูชันที่พร้อมใช้งาน” />

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

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

2. og:คำอธิบาย
ไวยากรณ์:

<meta property=”og:description” content=”เว็บไซต์อีคอมเมิร์ซที่กำหนดเองหรือโซลูชันที่พร้อมใช้งาน – บล็อกนำเสนอการศึกษาเปรียบเทียบระหว่างทั้งสอง ตรวจสอบออก

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

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

3.og:ภาพ
ไวยากรณ์:

<meta property=”og:image” content=”https://webguru-india.com/blog/wp-content/uploads/2021/03/Why_Choose_a_-Custom_Ecommerce_Website_over_A_Ready_Solution.jpg” />

รูปภาพช่วยให้เนื้อหาของคุณโดดเด่นและดึงดูดความสนใจของผู้คน แท็กรูปภาพ OG จะช่วยให้แน่ใจว่าภาพขนาดย่อนั้นจะปรากฏขึ้นเมื่อมีการแชร์เพจหรือเนื้อหาของคุณ

หากคุณไม่ระบุรูปภาพด้วย og:image Facebook อาจแสดงแบนเนอร์โฆษณาที่คัดลอกมาจากเพจหรือไม่มีอะไรเลย! การดำเนินการนี้จะส่งผลอย่างมากต่อเนื้อหาและผู้คนอาจเลื่อนดูผ่าน

โดยปกติ ผู้เชี่ยวชาญจากหน่วยงานการตลาดโซเชียลมีเดียที่มีชื่อเสียงแนะนำความละเอียดสำหรับรูปภาพ OG ให้เป็น 1200×627 พิกเซล [1.91:1 อัตราส่วน] นอกจากนี้ ตรวจสอบให้แน่ใจว่ารูปภาพมีขนาดไม่เกินขีดจำกัด 5MB

4. og:type
ไวยากรณ์:

<meta property=”og:type” content=”article” />

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

• ตามเว็บไซต์: เว็บไซต์ บทความ บล็อก
• สถานที่: เมือง ประเทศ
• ธุรกิจ: บริษัท ร้านอาหาร โรงแรม
• คน: นักแสดง นักการเมือง นักเขียน
• บันเทิง : หนัง เกม หนังสือ อาหาร

และอื่น ๆ!

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

5.og:url
ไวยากรณ์:

<คุณสมบัติ meta =”og:url” content=”https://webguru-india.com/blog/why-choose-a-custom-ecommerce-website-over-a-ready-solution/” />

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

โปรดจำไว้ว่า URL ที่คุณระบุจะไม่ปรากฏบนฟีดข่าวของ Facebook เฉพาะชื่อโดเมนเท่านั้นที่จะมองเห็นได้

[ ที่นี่ ให้เครื่องหมายลูกศรและเขียน – og:title [ทำไมต้องเลือกเว็บไซต์อีคอมเมิร์ซที่กำหนดเองมากกว่าโซลูชันที่พร้อม], og:image [ภาพ], og:description [หากคุณกำลังวางแผน…ใช้ h…] และ og: url [webguru-india.com] ]

ข้อดีของ Open Graph Meta Tags

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

• ปรับปรุงรูปลักษณ์ของโพสต์โซเชียลมีเดีย

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

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

• ปรับปรุงการมองเห็นในการค้นหา Facebook

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

ตรวจสอบภาพต่อไปนี้:

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

นอกจากนี้ หากมีคนแชร์ลิงก์ของโพสต์ที่ปรับให้เหมาะสมกับเมตาแท็ก Open Graph ผ่านข้อความโดยตรงบน Facebook Messenger, WhatsApp หรือ iMessage แท็ก OG จะช่วยในการสร้างข้อมูลโค้ด

• เหมาะสำหรับแพลตฟอร์มต่างๆ

แม้ว่า Facebook จะนำเสนอกราฟแบบเปิด แต่ขณะนี้มีการใช้งานโดยแพลตฟอร์มเครือข่ายสังคมออนไลน์อื่นๆ เช่น Twitter, LinkedIn และ Pinterest ดังนั้น คุณจึงสร้างแท็กได้ในครั้งเดียวและเพิ่มประสิทธิภาพการแสดงตนของคุณบนแพลตฟอร์มที่หลากหลาย

• เพิ่มประสิทธิภาพการแสดงแบรนด์บน Google Discover

Google Discover คือเครื่องมือแนะนำเนื้อหาที่ขับเคลื่อนด้วย AI ซึ่งอยู่ใต้แถบค้นหาของ Google ในแอป Chrome แนะนำข่าวสาร บทความ วิดีโอ โฆษณา ผลการแข่งขันกีฬาสด ฯลฯ ตามพฤติกรรมของผู้ใช้ คุณสามารถหาข้อมูลเพิ่มเติมเกี่ยวกับ Google Discover ได้ที่นี่

หากคุณต้องการเพิ่มประสิทธิภาพเนื้อหาของคุณในฟีด Discover แท็ก OG อาจมีบทบาทสำคัญ นี่เป็นข้อเท็จจริงที่น่าสนใจ ทีม Ahrefs เพิ่งสังเกตเห็นความสัมพันธ์ระหว่างเมตาแท็ก Open Graph และ Google Discover พวกเขาพบว่ามีการพิมพ์ผิดใน og:title ของโพสต์ ('กรณีศึกษาเกี่ยวกับการสร้างหมึก') ใน Google Discover อย่างไรก็ตาม การพิมพ์ผิดพลาดไม่มีอยู่ในชื่อบทความจริงๆ ('กรณีศึกษาการสร้างลิงก์')

วิธีตรวจสอบแท็ก OG

เพื่อช่วยคุณตรวจสอบแท็ก OG Facebook มีเครื่องมือเฉพาะที่เรียกว่า Sharing Debugger มันทำอะไร? เราจะอธิบายด้านล่าง

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

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

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

ถึงเวลาสรุป

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

คุณใช้แท็ก OG ก่อนแชร์เนื้อหาบนโซเชียลมีเดียหรือไม่ ถ้าไม่เริ่มดำเนินการเร็ว ๆ นี้!