ما المقصود بـTwitter Card (بطاقة X)؟

Twitter Card هي المعاينة الغنية التي يعرضها X (تويتر سابقا) حين يحتوي المنشور على رابط. وتتحكم بها عبر وسوم meta تبدأ بـtwitter: في <head> الصفحة. ولم يغيّر تغيير اسم المنصة هذا الوسم: ما زالت الوسوم تبدأ بـtwitter:، وما زال مرجع وسوم Cards من X هو المواصفة.

أنواع البطاقات

• summary: صورة مصغرة مربعة صغيرة بجانب العنوان والوصف. الخيار الافتراضي للصفحات التي لا تملك صورة قوية.
• summary_large_image: صورة كبيرة بعرض كامل فوق الرابط. الخيار المعتاد للمقالات والمنتجات وصفحات الهبوط.
• player: فيديو أو صوت مضمّن، ويتطلب موافقة X.
• app: بطاقة لتنزيل تطبيق جوال.

الحد الأدنى من الوسوم

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@examplestore">
<meta name="twitter:title" content="Winter Trail Shoes Tested on Ice">
<meta name="twitter:description" content="We ran 200 km on frozen trails. Here’s what gripped.">
<meta name="twitter:image" content="https://www.example.com/img/ice-test-1200x600.jpg">
<meta name="twitter:image:alt" content="Runner on an icy forest trail">

انتبه إلى السمة: وسوم Twitter تستخدم name، بينما وسوم Open Graph تستخدم property.

كيف يعود X إلى Open Graph

إذا غاب وسم twitter:title أو twitter:description أو twitter:image، يقرأ X الوسم المقابل og: بدلا منه. أي أن الصفحة المكتملة بوسوم Open Graph تحتاج إلى سطر واحد إضافي فقط، هو twitter:card، لتختار تخطيط الصورة الكبيرة. ولا تضف قيم twitter: منفصلة إلا حين تريد عنوانا أو صورة مختلفة على X.

متطلبات الصورة

بالنسبة إلى summary_large_image، يوصي X بنسبة أبعاد 2:1، وحد أدنى 300 × 157 بكسل، وحد أقصى 4096 × 4096 بكسل، وحجم ملف دون 5 ميغابايت؛ والصيغ المدعومة JPG وPNG وWebP وGIF. وصورة 1200 × 600 هدف آمن، وتعمل صورة Open Graph بقياس 1200 × 630 أيضا مع اقتطاع طفيف. وقد غيّر X مقدار النص الذي تعرضه بطاقة الرابط مرات عدة، فدع الصورة تحمل الرسالة.

أخطاء شائعة

• غياب وسم twitter:card، فقد يعود X إلى معاينة صغيرة أو بسيطة رغم وجود صورة كبيرة رائعة.
• صور محجوبة بـrobots.txt. يجلب X الصور بزاحفه الخاص؛ فإن منعه robots.txt لم تظهر صورة في البطاقة.
• مسارات صور نسبية بدل روابط https:// المطلقة.
• توقع التحديث الفوري. يخزّن X بيانات البطاقة مؤقتا، فقد لا تظهر التغييرات في المنشورات فورا.

هل تفيد Twitter Cards السيو؟

ليس كعامل ترتيب. قيمتها في أداء روابطك حين تُشارك: صورة وعنوان واضحان يجلبان نقرات وزوارا وفرصا أكثر لأن يُذكر موقعك ويُربط به في أماكن أخرى. أما محركات البحث فتبني مقتطفاتها الخاصة من وصف الميتا (Meta Description) والعنوان.

كيف تفحصها

لم يعد X يوفر معاينة عامة للبطاقات في أداة التحقق لديه، لذلك فأسهل اختبار هو أداة فحص Open Graph: تعاين رابطك على X وFacebook وLinkedIn وWhatsApp وSlack، وتتحقق من كل وسوم Open Graph وTwitter وتفحص حجم الصورة، دون أن تنشر أي شيء.

الأسئلة الشائعة