شرح استخدام twitter cards لتحسين النشر وزيادة الزوار

"إنها حقيقة. التغريدات المشتملة على صور تجذب المزيد من المشاركة وينتج عن ذلك ردود أكثر" .. "التغريدات المشتملة على صور تستحوذ على الانتباه" ..
المصدر: تويتر!

   أثناء تجربتي لبطاقات تويتر فتحت حساباً في تويتر مع مدونة تجريبيبة كذلك، وكنت أنشر كيفما اتفق وأجرب نشر روابط بعض المواقع لأقف على أفضل الممارسات في استخدام بطاقات تويتر لمدونات بلوجر ، المفاجأة أنني وجدت نشاطاً جيداً عندما حللت تلك التغريدات بواسطة أداة التحليل الخاصة بتويتر خصوصاً فيما يتعلق باستعراض الملف الشخصي. وصلت لقناعةٍ أن قواعد اللعبة تغيرت وهناك SEO وهناك تيوتر على قدر المساواة !

هذا العرض يعتمد تماماً على الدرس السابق: إضافة ميتا تاج open graph لمدونات البلوجر للنشر السليم على فيس بوك ، وستعلم قريباً السبب !

ماهي بطاقات تويتر twitter cards ؟

   ببساطة تويتر كارد تتيح نشر محتوى غني rich content بالصور والفيديو وذلك على شكل بطاقة بارزة ترفق أسفل التغريدات ، وهذا حتماً سيؤدي إلى تدفق زوار إلى موقعك ، ولتفعيل البطاقات يتوجب إضافة أكواد maet tags بسيطة لربط موقعك بحسابك في تويتر.

بطاقة تويتر تظهر أسفل التغريدة

  أنواع بطاقات تويتر

هناك عدة أنواع من البطاقات هذه بعضها :

• بطاقة الملخص Summary Card : لعرض ملخص ( عنوان - وصف - صورة صغيرة - عنوان الموقع ).
• بطاقة ملخص مع صورة مكبرة Summary Card With Large Image : نفس السابقة ولكن مع صورة كبيرة.
• بطاقة صورة Photo Card
• بطاقة جاليري Gallery card .
• وهناك المزيد +للاستنزادة 

بالنسبة للمواقع فلعل النوعين الأول والثاني هما الأفضل لنشر المحتوى المقالات عبر تويتر ، وبما أن تويتر أعلنت عن حقيقة أهمية الصورة عنصر جذب هام في شبكتها لكسب المزيد من التفاعلات الإيجابية فسوف نتوجه لخيار بطاقة تويتر ذات الصورة المكبرة!

  إضافة أكواد بطاقات تويتر لبلوجر

من صفحة تحرير القالب، أوجد كود ميتا تاج open graph الذي عرضناه في التدوينة السابقة : إضافة ميتا تاج open graph لمدونات البلوجر للنشر السليم على فيس بوك  ، الأن وفي أسفله مباشرة انسخ الكود التالي:

<!--Twitter Cards START-->
<meta content='summary_large_image' name='twitter:card' />
<meta content='حساب الموقع' name='twitter:site' />

ربما تتفاجأ من قصر الكود! خصوصاً إذا سبق أن قرأت دروس أخرى حول بطاقات تويتر ، لا تتعجب فطالما أنك أضفت open graph لمدونتك فإن تويتر سوف تفهمها تماماً بدون مشاكل ليطمئن قلبلك راجع هذه الصفحة . دعنا نشرح السطرين :

السطر الأول: ضروري، يحدد لتويتر نوع البطاقة ، وكتبنا فيه أن نوع البطاقة هو ملخص مع صورة مكبرة summary_large_image .

السطر الثاني: ضروري، نكتب فيه حساب الموقع في تويتر مثلا لمدونة البلوجر سأكتب : @alblooger

أذكر بأن كل شيء تحدثنا فيه خلال شرح النشر على الفيس بوك open graph  ينطبق على تويتر ، فمثلاً مقاس الصورة التي نصحت بأن تكون 800 في 420 بيكسل ستكون صالحة إن شاء الله.

  أداة التحقق Card validator

للتأكد من أن تويتر يتعرف على موقعك بشكل سليم قم ياستخدام هذه الأداة : Card validator

الجدير بالذكر أن هذه الأداة قبل أيام كانت ضرورية لتفعيل رابط الموقع ليدرج في القائمة البيضاء، ويبدو أن تويتر الغت هذه الخطوة مؤخراً إلا لنوع واحد من البطاقات الخاص بالمشغلات. في بعض الأحيان تظهر رسالة تخبرك بأن تويتر غير قادر على اختبار البطاقة (Unable to render card preview) فلا عليك حاول مرة أخرى في وقت آخر أو يمكنك محاولة النشر مباشرة من حسابك في تويتر !

أداة تحليلات بطاقة تويتر Twitter Card Analytics

  هذه الأداة Twitter Card Analytics  تمكنك من متابعة محتوى موقعك في تويتر سواء ما تنشره أنت أو غيرك من مستخدمي تويتر ، حيث يوضح عدد النقرات، ومرات الظهور، ومرات استعراض الحساب .... الخ.  

الدعم الرسمي لبطاقات تويتر

 Getting Started Guide

مواضيع مرجعية:

← التعريف بعلامات الوصف Open Graph الخاصة بالفيس بوك

← إضافة ميتا تاج open graph لمدونات البلوجر للنشر السليم على فيس بوك

انتهى والحمدلله