ما هو معاينة بطاقة تويتر؟
تتيح لك أداة معاينة بطاقة تويتر رؤية شكل روابطك عند مشاركتها على تويتر/إكس. أدخل رابطًا أو املأ العنوان والوصف والصورة لمعاينة نوعي البطاقة Summary وSummary with Large Image قبل النشر.
المعاينة تستعمل نفس النِسب التي يستخدمها عميل Twitter/X على الويب: 2:1 لبطاقة Summary with Large Image (الموصى بها للمقالات وإطلاق المنتجات)، و1:1 مربعة لـ Summary (أنسب لصفحات الفئات والروابط المرجعية). كما تُولِّد وسوم meta الموافقة، فتلصقها مباشرة داخل <head> دون كتابتها يدوياً.
كيفية الاستخدام
- الخطوة 1 — املأ العنوان والوصف ورابط الصورة، أو الصق HTML صفحتك لاستيراد وسوم twitter: و og: الموجودة فيها دفعة واحدة.
- الخطوة 2 — اختر نوع البطاقة: Summary (صورة مصغرة صغيرة) أو Summary with Large Image (معاينة بنمط البانر).
- الخطوة 3 — راجع المعاينة الحية لترى بالضبط كيف يظهر رابطك في خط زمن تويتر/إكس، واختيارياً داخل تغريدة كاملة وعلى LinkedIn و Facebook و Slack و Discord، ثم عدّل الحقول حسب الحاجة.
متى تستخدم
- معاينة شكل المقال أو التدوينة قبل تغريد الرابط للجمهور.
- تدقيق صفحات هبوط قديمة تظهر بطاقاتها مكسورة أو تكتفي بشعار مقطوع.
- اختيار نوع البطاقة الأنسب (Summary أو Large Image) لكل صفحة قبل إضافة وسوم meta.
النتيجة
أنت على وشك مشاركة رابط مقال على تويتر/إكس. تلصق HTML الصفحة لتحميل وسومها، فتُظهر المعاينة أن البطاقة تفتقر إلى وصف وأن الصورة مقصوصة. تُصلح كلا الحقلين وتتأكد أن بطاقة الصورة الكبيرة تبدو احترافية قبل التغريد.
الأسئلة الشائعة
- ما الفرق بين Summary و Summary with Large Image؟
- Summary يعرض صورة مصغّرة مربعة على اليسار مع العنوان والوصف على اليمين. Summary with Large Image يضع بانراً عريضاً فوق العنوان. النسخة الكبيرة تأخذ حيزاً أكبر في الخط الزمني وتحقّق نقرات أعلى غالباً.
- ما أبعاد الصورة التي يعرضها Twitter/X فعلاً؟
- في Summary with Large Image المنطقة الظاهرة قريبة من 2:1 (مثلاً 1200×600 بكسل). تويتر يقبل من 300×157 حتى 4096×4096 لكنه يقصّ إلى 2:1، فالنصوص والوجوه المهمة يجب أن تبقى داخل المنطقة المركزية 2:1.
- هل أحتاج موافقة من Twitter Developer لاستعمال هذه الوسوم؟
- لا. وسوم Twitter Card تعمل لأي موقع عام دون موافقة. الـ validator القديم الذي كان يطلب الموافقة أُوقف. أضف الوسوم داخل <head> وانشر علناً، وعند أول مشاركة للرابط ستظهر البطاقة.
- لماذا لا تظهر بطاقتي على تويتر رغم صحة الوسوم؟
- تويتر يُخزِّن استجابات البطاقات بقوة. بعد تصحيح الوسوم، قد تثبت البطاقة القديمة ساعات. مشاركة الرابط بلاحقة تتبّع (?v=2 أو UTM) تُجبره على إعادة الجلب. ومن الأسباب الشائعة أيضاً حجب Twitterbot في robots.txt.
- هل أستعمل Open Graph أم وسوم تويتر؟
- تويتر يلجأ إلى Open Graph (og:title و og:description و og:image) حين تغيب وسوم twitter:*، فغالباً يكفي OG. أضف twitter:card و twitter:image إذا أردت التحكم الكامل في الصورة والتخطيط الذي يختاره تويتر.
أدوات ذات صلة
مولّد البيانات المهيكلة
أنشئ ترميز JSON-LD للبيانات المهيكلة لتحسين SEO
تحويل صفحة ويب إلى PDF
حفظ صفحة ويب بصيغة PDF
مولّد سياسة الخصوصية
أنشئ سياسة خصوصية لموقعك الإلكتروني
مُنشئ شروط الخدمة
أنشئ مستند شروط الخدمة
مولّد موافقة ملفات تعريف الارتباط
إنشاء كود بانر الموافقة على ملفات تعريف الارتباط
ضاغط CSS
ضغط كود CSS لتقليل حجم الملف