วิธีเพิ่มการ์ด Twitter ลงในบล็อก WordPress
ปีที่แล้ว Twitter.com เปิดตัวฟีเจอร์ใหม่ของพวกเขาคือ Twitter Cards ด้วยการใช้ Twitter Cards API เราสามารถแบ่งปันลิงก์จากบล็อกหรือเว็บไซต์ของเราไปยัง Twitter ด้วยรูปลักษณ์ที่ดีกว่าและให้ข้อมูลมากกว่าแบบเดิม การติดตั้ง Twitter Cards บนบล็อกสามารถทำได้ง่ายและรวดเร็วและการนำไปใช้กับ Twitter เพื่อขออนุมัติก็เป็นกระบวนการสั้น ๆ หลังจากที่คำขอของเราได้รับการอนุมัติแล้วเนื้อหาของบล็อกของเราที่โพสต์ลงใน Twitter จะดูเป็นมืออาชีพมากขึ้นโดยทวีตจะเห็นลิงค์ไปยังบล็อกของเรารูปภาพในโพสต์บล็อกและวิดีโอบนบล็อกของเราสามารถเล่นได้โดยตรงบน Twitter ต่อไปนี้จะเป็นหนึ่งในมุมมองของบัตรทวิตเตอร์ในบัญชีทวิตเตอร์ของฉัน@ maxaxe
มีการ์ด Twitter หลายประเภท ได้แก่ : สรุปวิดีโอและภาพถ่าย บทสรุปบัตร Twitter ใช้สำหรับบทความและเนื้อหาที่เป็นข้อความส่วนวิดีโอและภาพถ่ายบัตร Twitter ใช้สำหรับเนื้อหาที่เป็นรูปภาพและวิดีโอเช่นวิดีโอ YouTube มีแท็ก Meta จำนวนมากที่สามารถใช้ได้กับการ์ดทุกประเภทและยังมีแท็ก Meta ที่ใช้สำหรับการ์ดที่เฉพาะเจาะจงมากขึ้น โอ้ใช่ก่อนที่คุณจะต้องอ่านเกี่ยวกับการ์ด Twitter ข้อมูลสามารถอ่านได้ในเอกสารนี้
คุณจะเพิ่ม Twitter Cards ในบล็อก WP ได้อย่างไร
มีหลายวิธีที่คุณสามารถติดตั้งการ์ด twtitter โดยเฉพาะถ้าคุณใช้แพลตฟอร์ม WordPress มันจะง่ายมาก
1. ด้วยความช่วยเหลือของปลั๊กอิน
โชคดีสำหรับคุณที่ใช้ WordPress สำหรับเว็บไซต์ของคุณเพราะวิธีที่ง่ายที่สุดในการติดตั้งทวิตเตอร์การ์ดบนเว็บไซต์คือความช่วยเหลือของปลั๊กอิน WordPress มีปลั๊กอินหลายตัวที่สามารถช่วยให้เราติดตั้งการ์ดตัวสั่นด้วยความตื่นเต้นโดยไม่ต้องกังวลกับรหัสในบล็อก สำหรับ maxmanroe.com บล็อกใช้WordPress SEO โดยปลั๊กอินวิธีการตั้งค่านั้นง่ายมากคุณเพียงแค่ไปที่การตั้งค่าปลั๊กอิน Yoins: SEO > โซเชียลแล้วทำเครื่องหมายที่ช่อง "เพิ่ม Twitter meta data card" จากนั้นบันทึก
นอกเหนือจาก WordPress SEO โดย Yoast ปลั๊กอินยังมีอีกหลายปลั๊กอินที่สามารถใช้ได้ แต่ส่วนตัวฉันแนะนำ WordPress SEO โดย Yoast plugin และปลั๊กอินTwitter Cards ที่ทำโดย Niall Kennedy ตรวจสอบให้แน่ใจว่าการ์ด Twitter ของคุณสามารถทำงานได้ดีโดยการทดสอบครั้งแรกเราสามารถใช้เครื่องมือ Twitter เพื่อดูตัวอย่างลักษณะของการ์ด Twitter ของเว็บไซต์ของเรา ลองทดสอบการแสดงผลด้วย เครื่องมือแสดงตัวอย่างบัตรทวิตเตอร์ในการใช้เครื่องมือแสดงตัวอย่างนี้เราจำเป็นต้องเข้าสู่บัญชี Twitter ของเรา หลังจากนั้นให้ป้อน URL ของหนึ่งในโพสต์ลงในคอลัมน์คลิกบัตรตัวอย่างแล้วคุณจะเห็นว่าการ์ด Twitter มีลักษณะอย่างไร
ตกลงหลังจากเสร็จสิ้นการตั้งค่าการ์ด Twitter ในแผงควบคุม WP ของเราขั้นตอนต่อไปคือการขออนุมัติจาก Twitter Twitter ต้องอนุมัติโดเมนของเราก่อนเพื่อให้การ์ด Twitter ทำงานได้ดีสำหรับเว็บไซต์ของเรา ขั้นตอนนี้ดำเนินการโดย Twitter เพื่อพยายามจัดเรียงไซต์ลามกและไซต์ที่ดำเนินกิจกรรมที่ผิดกฎหมาย เราต้องกรอกข้อมูลบางส่วนในสาขาที่ได้รับจากทวิตเตอร์ดูหน้าเว็บเพื่อใช้สำหรับการอนุมัติของบัตรทวิตเตอร์
2. โดยการแก้ไขรหัสใน header.php
สำหรับวิธีนี้คุณต้องคัดลอกเนื้อหาของโฟลเดอร์ header.php ของบล็อกของคุณเพื่อป้องกันความเป็นไปได้ของข้อผิดพลาดเมื่อป้อนรหัสลงในมัน เปิด header.php ของบล็อกคัดลอกรหัสด้านล่างและวางในแท็ก บล็อกของคุณ - ก่อนแท็ก . อย่าติดตั้งรหัสที่อื่นมันจะสร้างข้อผิดพลาดในบล็อก ต่อไปนี้เป็นตัวอย่างของรหัส:
รหัสที่มา: Ryan Cullen @ artesea
ความสนใจ : หากคุณไม่เข้าใจเกี่ยวกับ PHP หรือรหัสในบล็อกของคุณคุณควรใช้วิธีแรกซึ่งใช้ปลั๊กอิน
มีขั้นตอนข้างต้นเสร็จสมบูรณ์หรือไม่ โอ้ยังไม่ ขั้นตอนสุดท้ายคือเพื่อให้แน่ใจว่า robots.txt ของเว็บไซต์ของคุณไม่ได้บล็อกเดอร์ Twitter หากในขณะที่ทำการทดสอบการ์ด Twitter ไม่แสดงหน้าจอเหมือนการ์ด Twitter ข้างต้นโอกาสที่สไปเดอร์ Twitter ของคุณถูกบล็อกโดย robot.txt ของคุณ เพื่อที่คุณจะต้องแก้ไขและเพิ่มรหัสด้านล่าง:
ตัวแทนผู้ใช้: Twitterbot
ไม่อนุญาตให้ใช้:
หากคุณทำตามขั้นตอนข้างต้นอย่างถูกต้องแน่นอนว่าการ์ด Twitter ของบล็อกของคุณจะทำงานได้ดีและจะดูเป็นมืออาชีพมากขึ้นใน Twitter ฉันทำซ้ำขั้นตอน:
- ตัดสินใจว่าคุณต้องการใช้ปลั๊กอินหรือโดยการเข้ารหัส ทำการตั้งค่าในบล็อกของคุณตามที่อธิบายไว้ข้างต้น
- ดำเนินการทดสอบการใช้ทวิตเตอร์เครื่องมือแสดงตัวอย่าง
- กรอกแบบฟอร์มนี้เพื่อใช้กับ Twitter
หลังจากเสร็จสิ้นคุณเพียงรอผลลัพธ์ หากคุณมีคำถามอินพุตและแนวคิดอื่น ๆ โปรดส่งผ่านความคิดเห็น หากคุณคิดว่าบทความนี้มีประโยชน์ฉันรู้สึกขอบคุณมากถ้าคุณแบ่งปันกับผู้อื่นผ่านทาง Twitter หรือ Facebook อย่าลืมติดตาม twitter @ maxaxeของฉันส่งเอ่ยถึงเพื่อที่ฉันจะได้รู้และจะติดตามกลับอย่างแน่นอน
ผลลัพธ์จะเป็นดังนี้:
วิธีเพิ่มการ์ด Twitter ลงในบล็อก WordPress ของคุณดังนั้นโพสต์บน Twitter จะดูดีขึ้น //t.co/DyVUitUj0x
- Maxmanroe.com (@maxmanroe) 12 พฤษภาคม 2013
ขอบคุณที่อ่านบทความของฉัน :)
