โปรแกรมตรวจสอบบัตร Twitter คืออะไรและใช้งานอย่างไร

เผยแพร่แล้ว: 2022-04-08

ดังนั้นตัวตรวจสอบการ์ด Twitter คืออะไร?

อันดับแรก คุณต้องเข้าใจก่อนว่าการ์ด Twitter คืออะไร

อย่ารู้สึกแย่ คุณไม่ใช่คนเดียวที่ไม่รู้เกี่ยวกับการ์ด Twitter

เห็นไหมว่า Twitter เป็นแพลตฟอร์มที่ยอดเยี่ยมในการบรรลุความฝันด้านการตลาดเนื้อหาของคุณ

ตามสถิติโซเชียลมีเดีย Twitter มีผู้ใช้งานมากกว่า 350 ล้านคน นั่นคือกลุ่มปริมาณการรับส่งข้อมูลคุณภาพขนาดใหญ่ที่รอการแปลงผ่านความพยายามด้านเนื้อหาของคุณ

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

โดยการสร้างทวีตที่ให้ข้อมูล น่าดึงดูด และมีโครงสร้างที่ดี ทีนี้ คุณจะทำทั้งหมดได้อย่างไรในขีดจำกัดอักขระเพียง 280 ตัว

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

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

มาฉีกกันเถอะ!

การ์ด Twitter คืออะไร?

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

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

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

คุณอาจไม่เคยได้ยินเกี่ยวกับการ์ด Twitter มาก่อน แต่เป็นสิ่งที่คุณเจอทุกวันบนฟีด Twitter ของคุณ

ดูตัวอย่างการ์ด Twitter ด้านล่าง ที่นี่ลิงค์ไปยังวิดีโอ youtube ถูกแทนที่ด้วยการ์ดผู้เล่นที่สวยงามใบนี้

jonathan-cipriano

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

มารู้จักการ์ด Twitter กันมากขึ้น

ประเภทของการ์ด Twitter

Twitter ทดลองใช้ตัวเลือกการ์ดต่างๆ และมีการ์ดรุ่นก่อนๆ มาก่อน แต่หยุดใช้ในภายหลัง ขณะนี้ คุณได้รับตัวเลือกในการสร้างการ์ด Twitter 4 ประเภท

การ์ดแต่ละใบมี ประสบการณ์ด้านภาพที่แตกต่างกันไปตามประเภทของสื่อ ที่รองรับ คุณต้องเลือกชนิดของการ์ดที่คุณต้องการใช้

หมายเหตุ: คุณสามารถมีการ์ดได้หนึ่งใบต่อหน้าเท่านั้น

1. การ์ดสรุป Twitter

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

twiiter-anniversary

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

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

จะเพิ่มการ์ดสรุป Twitter ในเว็บไซต์ของคุณได้อย่างไร?

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

  • ขั้นแรก คุณกำหนดประเภทบัตร
<meta name="twitter:card" content="summary" />
  • จากนั้นระบุ @username ของบัญชีที่ควรใช้ระบุแหล่งที่มาของบัตร
<meta name="twitter:site" content="@username" />
  • ถัดไป เขียนชื่อที่ชัดเจนสำหรับหน้าเนื้อหา ชื่อเรื่องในแอป Android และ iOS จะถูกตัดให้เหลือสองบรรทัด และในบรรทัดเดียวในการดูเว็บ ดังนั้น ให้มีความยาวไม่เกิน 70 ตัวอักษร
 <meta name="twitter:title" content="Title of your webpage" />

คำอธิบายอักขระ 200 ตัวเพื่อสรุปหน้าเนื้อหาอย่างถูกต้อง อย่าใช้ชื่อเป็นคำอธิบาย นั่นก็จะเป็นการเสีย

 <meta name="twitter:description" content="Description" />
  • ตอนนี้ให้ URL ของรูปภาพที่จะปรากฏบนการ์ด Twitter
 <meta name="twitter:image" content="image URL" />

เพื่อผลลัพธ์ที่ดีที่สุด ให้ใช้ขนาดและจำนวนอักขระสูงสุดต่อไปนี้:

ชื่อเรื่อง : 70 ตัวอักษร

คำอธิบาย : 200 ตัวอักษร

ขนาดภาพที่รองรับ : อัตราส่วนภาพ 1:1 ขนาดต่ำสุด 144X144 พิกเซล และสูงสุด 4096×4096 พิกเซล

ขนาดภาพ : น้อยกว่า 5 MB

2. การ์ดสรุป Twitter พร้อมรูปภาพขนาดใหญ่

คิดว่าการ์ดสรุป แต่ด้วยภาพขนาดใหญ่

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

chandraveer-singh

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

วิธีเพิ่มการ์ดสรุป Twitter ที่มีรูปภาพขนาดใหญ่ในไซต์ของคุณ

ด้านล่างนี้คือเมตาแท็กที่คุณต้องเพิ่มในไซต์ของคุณเพื่อใช้การ์ดสรุปที่มีรูปภาพขนาดใหญ่ในทวีตของคุณ

 <meta name=”twitter:card” content=”summary_large_image”> <meta name=”twitter:site” content=”@yourwebsite”> <meta name=”twitter:creator” content=”@yourtwitterhandle”> <meta name=”twitter:title” content=”your title”> <meta name=”twitter:description” content=”your description.”> <meta name=”twitter:image” content=”image URL">
<meta name=”twitter:card” content=”summary_large_image”> <meta name=”twitter:site” content=”@yourwebsite”> <meta name=”twitter:creator” content=”@yourtwitterhandle”> <meta name=”twitter:title” content=”your title”> <meta name=”twitter:description” content=”your description.”> <meta name=”twitter:image” content=”image URL">

ขนาดสำหรับการ์ดสรุปที่มีรูปภาพขนาดใหญ่:

ชื่อเรื่อง : 70 ตัวอักษร

คำอธิบาย : 200 ตัวอักษร

ขนาดภาพที่รองรับ : อัตราส่วนภาพ 2:1 โดยมีขนาดต่ำสุด 300×157 หรือสูงสุด 4096×4096 พิกเซล

ขนาดภาพ : น้อยกว่า 5 MB

3. การ์ดแอพ Twitter

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

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

มันแสดงชื่อ ไอคอน คำอธิบาย และแม้กระทั่งข้อมูล เช่น ราคาและการจัดอันดับของแอปพลิเคชันของคุณ

social-media-tool

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

วิธีเพิ่มการ์ดแอปในเว็บไซต์ของคุณ

  • หากต้องการเพิ่มการ์ดแอป ให้วางโค้ดต่อไปนี้ลงใน HTML ของหน้าเว็บของคุณ:
 <meta name=”twitter:card” content=”app”> <meta name=”twitter:site” content=”@yourwebsite”> <meta name=”twitter:description” content=”your description”>
<meta name=”twitter:card” content=”app”> <meta name=”twitter:site” content=”@yourwebsite”> <meta name=”twitter:description” content=”your description”>
  • ตามค่าเริ่มต้น Twitter จะดึงข้อมูลจากร้านค้าในสหรัฐอเมริกา ดังนั้นหากแอปของคุณมีให้บริการในประเทศอื่น ให้กำหนดชื่อประเทศโดยใช้แท็กด้านล่าง
 <meta name=”twitter:app:country” content=”your country like US”>
  • ถัดไป คุณกำหนดชื่อ รหัสแอป และ URL ของแอปพลิเคชันของคุณใน App Store
 <meta name=”twitter:app:name:iphone” content=”your iphone app name”> <meta name=”twitter:app:id:iphone” content=”your iphone app ID”> <meta name=”twitter:app:url:iphone” content=”your iphone app URL”>
<meta name=”twitter:app:name:iphone” content=”your iphone app name”> <meta name=”twitter:app:id:iphone” content=”your iphone app ID”> <meta name=”twitter:app:url:iphone” content=”your iphone app URL”>
  • แท็กสำหรับแอพที่ปรับให้เหมาะกับ iPad หากแอพของคุณไม่ได้รับการปรับให้เหมาะกับ iPad ให้กรอกแท็กแบบเดียวกับที่คุณทำกับ iPhone
 <meta name=”twitter:app:name:ipad” content=”your ipad app name”> <meta name=”twitter:app:id:ipad” content=”your ipad app ID”> <meta name=”twitter:app:url:ipad” content=”your ipad app URL”>
<meta name=”twitter:app:name:ipad” content=”your ipad app name”> <meta name=”twitter:app:id:ipad” content=”your ipad app ID”> <meta name=”twitter:app:url:ipad” content=”your ipad app URL”>
  • กำหนดพารามิเตอร์เดียวกันสำหรับแอปของคุณที่ปรากฏบน Google Play
 <meta name=”twitter:app:name:googleplay” content=”your googleplay app name”> <meta name=”twitter:app:id:googleplay” content=”your googleplay app ID”> <meta name="twitter:app:url:googleplay" content="your Google Play app URL ">
<meta name=”twitter:app:name:googleplay” content=”your googleplay app name”> <meta name=”twitter:app:id:googleplay” content=”your googleplay app ID”> <meta name="twitter:app:url:googleplay" content="your Google Play app URL ">

มิติข้อมูลที่ควรทราบสำหรับการ์ดแอป:

ชื่อเรื่อง : ดึงมาจาก ID แอปของคุณ

คำอธิบาย : 200 ตัวอักษร

รูปภาพ : รูปภาพที่อัปโหลดไปยัง iTunes/Google Play Store ต้องมีขนาดไม่เกิน 1 MB

4. การ์ดผู้เล่น Twitter

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

โชคดีที่การ์ดผู้เล่นรองรับสื่อทั้งสองประเภทและมอบประสบการณ์ที่สมบูรณ์ยิ่งขึ้นแก่ผู้ใช้ทั่ว Twitter

พวกเขาทำอะไร?

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

cartier

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

จะเพิ่มการ์ดผู้เล่นในเว็บไซต์ของคุณได้อย่างไร?

ด้านล่างนี้คือโค้ดตัวอย่าง คุณต้องวางลงในหน้าเว็บ HTML ของคุณ:

 <meta name="twitter:card" content="player" /> <meta name="twitter:site" content="@username" /> <meta name="twitter:title" content="Title of your video" /> <meta name="twitter:description" content="Description." /> <meta name="twitter:image" content="Image URL" /> <meta name="twitter:player" content="https://yoursite.com/container.html" /> <meta name="twitter:player:width" content="Width" /> <meta name="twitter:player:height" content="Height" />
 <meta name="twitter:card" content="player" /> <meta name="twitter:site" content="@username" /> <meta name="twitter:title" content="Title of your video" /> <meta name="twitter:description" content="Description." /> <meta name="twitter:image" content="Image URL" /> <meta name="twitter:player" content="https://yoursite.com/container.html" /> <meta name="twitter:player:width" content="Width" /> <meta name="twitter:player:height" content="Height" />

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

จะใช้ตัวตรวจสอบการ์ด Twitter ได้อย่างไร?

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

คุณทำอย่างนั้นได้อย่างไร? ด้วยความช่วยเหลือของตัวตรวจสอบการ์ด Twitter ในสองขั้นตอนง่ายๆ:

card-validator

ขั้นตอนที่ 1 : ไปที่หน้าเว็บตัวตรวจสอบการ์ด Twitter

ขั้นตอนที่ 2 : วาง URL ของหน้าด้วยเมตาแท็ก คลิกที่ปุ่ม "ดูตัวอย่างการ์ด"

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

card-preview

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

log

บทสรุป

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

การ์ด Twitter ที่เหมาะสมซึ่งสอดคล้องกับกลยุทธ์ทางการตลาดของคุณสามารถ เพิ่มการมองเห็น การมีส่วนร่วม และความสวยงามโดยรวม ของโปรไฟล์ Twitter ของคุณ

ดังนั้นให้แน่ใจว่าคุณนั่งกับแนวคิดนี้ หารือกับทีมของคุณ และให้นักพัฒนาแบ็กเอนด์ของคุณทำงาน

ยิ่งไปกว่านั้น หากคุณเชื่อมั่นว่า Twitter สามารถสร้างหรือทำลายแบรนด์ของคุณได้ เช่นเดียวกับฉัน และจริงจังกับการเปลี่ยนกระแสในแบบของคุณ ลองใช้ SocialPilot วันนี้!