السلام عليكم ورحمة الله وبركاته
أولاً ما هي بطاقات تويتر؟:
بطاقات تويتر تتيح لك تفعيل ظهور عنوان مواضيع موقعك التي يتم نشرها على تويتر مثل فيس بوك جوجل بلس بمجرد نشر رابط موقعك سواء كان من خلال تطبيق أو يدوي يتم عرض مقتطف من الموضوع الخاص بك وهناك عدت بطاقات يمكنك أختيار واحدة منها من خلال تويتر وهي (ترجمة جوجل)
- ملخص بطاقة : بطاقة الافتراضية، بما في ذلك العنوان، والوصف، والصور المصغرة، وحساب تويتر الإسناد.
- ملخص بطاقة مع صورة كبيرة : على غرار بطاقة ملخص، ولكن مع الصورة بشكل بارز.
- بطاقة الصورة : بطاقة مع صورة فقط.
- معرض بطاقة : بطاقة تسليط الضوء على مجموعة من أربع صور.
- بطاقة التطبيق : بطاقة بالتفاصيل التطبيق المحمول مع التحميل المباشر.
- بطاقة لاعب : بطاقة لتقديم الفيديو / الصوت / وسائل الإعلام.
- بطاقة المنتج : بطاقة الأمثل للحصول على معلومات المنتج.
انا أخترت Summary Card with Large Image صورة كبيرة مع العنوان
بالبداية نقوم بالدخول إلى الرابط التالي:
كود:
https://dev.twitter.com/cards/types
أختر نوع البطاقة التي تريد أن تظهر في حساب تويتر كل بطاقة سوف يظهر لك مثال لها،
بعد اختيار نوع البطاقة سوف يعطيك اكواد ميتا لإضافتها لموقعك اسفل<head>
التعديل الواجب تنفيذه على الاكواد كمثال:
كود:
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@nytimes">
<meta name="twitter:creator" content="@إسم المستخدم على تويتر">
<meta name="twitter:title" content="عنوان الموقع">
<meta name="twitter:description" content="وصف الموقع الخاص بك">
<meta name="twitter:image:src" content="http://graphics8.nytimes.com/images/2012/02/19/us/19whitney-span/19whitney-span-articleLarge.jpg">
لمزيد من المعلومات
كود:
https://twitter.com/login?redirect_after_login=https%3A%2F%2Fcards-dev.twitter.com%2Fvalidator
بعد تطبيق الاكواد في موقعك إذهب إلى الرابط التالي لترى هل تم تفعيل بطاقات تويتر لموقعك أم لا؟
كود:
https://cards-dev.twitter.com/validator
بمجرد أتمام العملية وظهور موقعك في المعاينة بشكل جيد الآن يمكنك الإستمتاع ببطاقات تويتر على حسابك في الشبكة الإجتماعية.