คู่มือฉบับสมบูรณ์สำหรับการ์ด Twitter

เผยแพร่แล้ว: 2016-01-20

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

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

ทำความเข้าใจกับการ์ด Twitter ประเภทต่างๆ

การ์ด Twitter มี 5 ประเภท:

  • การ์ดสรุป
  • การ์ดสรุปรูปภาพขนาดใหญ่
  • การ์ดผู้เล่น
  • แอพการ์ด
  • การ์ดรุ่นนำ

การ์ดสรุป

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

  • ชื่อเรื่อง: 70 ตัวอักษร
  • คำอธิบาย: 200 ตัวอักษร
  • รูปภาพ: อย่างน้อย 120×120 พิกเซล และไม่เกิน 1MB

หากต้องการเพิ่มลงในเว็บไซต์ของคุณ คุณต้องวางโค้ดนี้ในหน้าเว็บ HTML ของคุณ:

<ชื่อเมตา=”ทวิตเตอร์:การ์ด”เนื้อหา=”สรุป” />
<meta name=”twitter:site” content=”@yoursite” />
<meta name=”twitter:title” content=”Your Title” />
<ชื่อเมตา=”ทวิตเตอร์:คำอธิบาย”เนื้อหา=”คำอธิบายของคุณ” />
<meta name=”twitter:image” content=”https://where-your-image-is-hosted/name.jpg” />

การ์ดสรุปรูปภาพขนาดใหญ่

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

  • ชื่อเรื่อง: 70 ตัวอักษร
  • คำอธิบาย: 200 ตัวอักษร
  • รูปภาพ: อย่างน้อย 280 x 150 พิกเซล และไม่เกิน 1MB

เพิ่มโค้ด HTML นี้เพื่อตั้งค่า Twitter Cards ประเภทนี้:

<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:image” content=” https://where-your-image-is-hosted/name.jpg “>

แอพการ์ด

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

  • ชื่อเรื่อง: จัดเรียงจาก ID แอป
  • คำอธิบาย: 200 ตัวอักษร
  • รูปภาพ: โลโก้ของแอปที่จัดเรียงจาก ID ของแอป รูปภาพควรมีขนาดอย่างน้อย 800 x 320 พิกเซลและสามารถอยู่ในรูปแบบ JPG, JPEG, PNG หรือ GIF รูปภาพที่มีขนาดไม่เกิน 1MB เป็นที่ต้องการ

หากแอปของคุณไม่มีให้บริการใน App Store Twitter จะไม่สามารถรับข้อมูลนั้นได้ หากแอปของคุณไม่อยู่ในร้านค้าในสหรัฐอเมริกา ให้ระบุในเมตาแท็ก twitter:app:country ที่แอปนั้นมาจากไหน นอกจากนี้ หากลิงก์ของคุณชี้ไปที่ App Store หรือ Google Play โดยตรง Twitter จะสร้าง App Card โดยอัตโนมัติ

นี่คือรหัสที่คุณควรป้อน:

<meta name=”twitter:card” content=”app”>
<meta name=”twitter:site” content=”@yourwebsite”>
<ชื่อเมตา=”ทวิตเตอร์:คำอธิบาย”เนื้อหา=”คำอธิบายของคุณ”>
<ชื่อเมตา=”twitter:app:country” content=”ประเทศของคุณเหมือนเรา”>
<ชื่อเมตา=”ทวิตเตอร์:แอป:ชื่อ:iphone” เนื้อหา=”ชื่อแอป iphone ของคุณ”>
<ชื่อเมตา=”twitter:app:id:iphone”เนื้อหา=”รหัสแอป iphone ของคุณ”>
<ชื่อเมตา=”ทวิตเตอร์:แอป:url:iphone” เนื้อหา=”URL แอป iphone ของคุณ”>
<meta name=”twitter:app:name:ipad” content=”ชื่อแอป ipad ของคุณ”>
<ชื่อเมตา=”twitter:app:id:ipad”เนื้อหา=”รหัสแอป iPad ของคุณ”>
<meta name=”twitter:app:url:ipad” content=”URL แอป iPad ของคุณ”>
<ชื่อเมตา=”twitter:app:name:googleplay” content=”ชื่อแอป googleplay ของคุณ”>
<meta name=”twitter:app:id:googleplay” content=”googleplay เพิ่ม ID ของคุณ”

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

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

  • คำอธิบาย: 200 ตัวอักษร
  • รูปภาพ: แสดงแทนเครื่องเล่นบนแพลตฟอร์มที่ไม่รองรับ iframes หรือเครื่องเล่นแบบอินไลน์ ขนาดเดียวกับของคุณ
  • ผู้เล่น; ไม่เกิน 1MB
  • วิดีโอ: H.264, โปรไฟล์พื้นฐาน, ระดับ 3.0, สูงสุด 640 x 480 พิกเซลที่ 30fps
  • เสียง: AAC, โปรไฟล์ความซับซ้อนต่ำ

การ์ดรุ่นนำ

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

  • ชื่อเรื่อง: 50 ตัวอักษร
  • คำกระตุ้นการตัดสินใจ: 20 ตัวอักษร
  • ข้อความหลังส่ง (ไม่บังคับ): 100 ตัวอักษร
  • รูปภาพ: อย่างน้อย 800 x 200 พิกเซลที่มีอัตราส่วนภาพ 4: 1 และไม่เกิน 3MB

ในการตั้งค่า Lead Generation Card ของคุณอย่างดี คุณต้องลงชื่อเข้าใช้บัญชี Twitter Ads ของคุณ (แม้ว่าการ์ดจะฟรี):

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

จะรวมการ์ด Twitter เหล่านั้นเข้ากับ CMS ได้อย่างไร

หากเว็บไซต์ของคุณทำงานภายใต้ WordPress คุณอาจต้องการรวมการ์ด Twitter เหล่านั้นเข้ากับระบบของคุณเพื่อประหยัดเวลา หากเรามุ่งเน้นที่ WordPress คุณมีสามปลั๊กอินที่คุณสามารถติดตั้งได้:

  • Jetpack
  • การ์ด Twitter ของ JM
  • SEO โดย Yoast

Twitter มีคำแนะนำที่ดีในการตั้งค่า CMS ของคุณด้วยการ์ด Twitter ดังนั้นคุณควรดูให้ดี

เมื่อตั้งค่าเรียบร้อยแล้ว คุณควรตรวจสอบว่า Twitter ทำงานได้ดีหรือไม่ เชื่อมต่อกับ Twitter Card Validator แล้วคุณจะเห็นว่าทุกอย่างดูเหมือนที่ควรจะเป็นหรือไม่ เราได้ยกตัวอย่างบทความที่แล้วของเรา:

จะตรวจสอบการแสดงการ์ด Twitter ของคุณได้อย่างไร?

ในการดำเนินการเพิ่มเติม คุณอาจต้องการดูพฤติกรรมการ์ด Twitter ของคุณ เราเพิ่งพัฒนาคุณลักษณะใหม่ที่ช่วยให้คุณสามารถตรวจสอบการแสดงการ์ด Twitter ของคุณ (และเปิดกราฟได้อีกด้วย) คุณสามารถวิเคราะห์การแจกจ่ายและคุณสมบัติของ Twitter Cards รับข้อมูลเชิงลึกและเข้าถึงรายละเอียด URL นี่เป็นพันธมิตรที่ดีในกลยุทธ์ SEO ของคุณ เนื่องจากช่วยปรับปรุงการแบ่งปันทางสังคม อัตราการคลิกผ่าน และ Conversion

เริ่มการทดลองใช้ฟรีของคุณ