Twitter Card عدم ظهور الصورة: 7 أسباب وإصلاحات
صورة بطاقة تويتر غير ظاهرة؟
تحقق من علامات Open Graph مجانًا باستخدام Proovd — الصق عنوان URL وشاهد بالضبط كيف يبدو على X/Twitter وLinkedIn وSlack وDiscord وWhatsApp وReddit.
إجابة سريعة
- يتطلب X/Twitter علامات
twitter:cardوtwitter:image - يجب أن تكون الصورة على الأقل 800 × 418 بكسل لـ summary_large_image
- استخدم Twitter Card Validator لتصحيح الأخطاء ومسح ذاكرة التخزين المؤقت
الأسباب السبعة لفقدان الصور Twitter Card
عندما لا يعرض عنوان URL الذي تمت مشاركته على X (Twitter سابقًا) صورة بطاقة، فغالبًا ما تكون هذه إحدى هذه المشكلات السبع. دعونا نذهب من خلال كل واحد.
1. علامة twitter:card مفقودة أو غير صحيحة
يتطلب X علامة twitter:card صريحة. بدونها، لن يعرض X البطاقة على الإطلاق — حتى لو كانت علامات OG الخاصة بك مثالية.
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Your Title" />
<meta name="twitter:description" content="Your description" />
<meta name="twitter:image" content="https://yoursite.com/image.jpg" />
هناك نوعان من البطاقات: ملخص (صورة مصغرة صغيرة) وsummary_large_image (بطاقة كاملة). استخدم summary_large_image للحصول على أفضل تأثير بصري.
2. الصورة صغيرة جدًا
X لديه الحد الأدنى من متطلبات حجم الصورة:
- summary_large_image: الحد الأدنى 800×418 بكسل
- الملخص: الحد الأدنى 400×150 بكسل
- موصى به: 1200×628 (يعمل عبر جميع الأنظمة الأساسية)
إذا كانت صورتك أصغر من الحد الأدنى، فسيقوم X بإسقاط البطاقة بصمت. لا توجد رسالة خطأ — يظهر الرابط كنص عادي فقط.
3. عنوان URL للصورة غير متاح للعامة
يجب أن يكون زاحف X قادرًا على جلب صورتك دون مصادقة. الموانع الشائعة:
- صورة خلف جدار تسجيل الدخول أو المصادقة
- تم الحظر بواسطة
robots.txt - Cloudflare أو CDN إرجاع أخطاء 403/429 إلى برامج الزحف
- قيود CORS تمنع الجلب عبر الأصل
4. لم يتم تحديث ذاكرة التخزين المؤقت لتويتر
مثل جميع الأنظمة الأساسية، يقوم X بتخزين بيانات البطاقة مؤقتًا. بعد تحديث علاماتك، لن يلتقط X التغييرات حتى تنتهي صلاحية ذاكرة التخزين المؤقت أو تفرض التحديث.
<meta property="og:image" content="https://yoursite.com/new-image.jpg" />
استخدم Twitter Card Validator لإدخال عنوان URL الخاص بك وتشغيل تحديث ذاكرة التخزين المؤقت. يعرض لك المدقق ما يراه X بالضبط.
5. نوع MIME خاطئ أو صورة تالفة
إذا قام خادم الصور الخاص بك بإرجاع نوع MIME خاطئ (على سبيل المثال، تقديم ملف PNG بنوع محتوى image/jpeg)، فقد يرفضه X. وبالمثل، سيتم إسقاط الصورة الفاسدة أو المحملة جزئيًا.
6. تقوم الصفحة بإرجاع خطأ إلى زاحف Twitter
إذا كانت صفحتك تعرض خطأ 4xx أو 5xx عندما يجلبها روبوت Twitter، فلن يتم إنشاء أي بطاقة. يمكن أن يحدث هذا مع:
- تطبيقات SPA التي تتطلب عرض JavaScript (لا يقوم زاحف Twitter بتنفيذ JS)
- الحظر الجغرافي الذي يمنع برامج الزحف الموجودة في الولايات المتحدة
- Cloudflare البوابات الدوارة أو اختبار CAPTCHA
7. استخدام علامات OG فقط بدون علامات Twitter Card
بينما X can يتراجع إلى علامات OG، فإنه يفضل twitter:card العلامات. إذا قمت فقط بضبط og:image وليس twitter:image، فقد لا يعرض X البطاقة بشكل صحيح. قم دائمًا بتعيين كليهما.
<!-- Open Graph (for LinkedIn, Discord, Slack, WhatsApp) -->
<meta property="og:image" content="https://yoursite.com/image.jpg" />
<!-- Twitter/X specific (for X/Twitter) -->
<meta name="twitter:image" content="https://yoursite.com/image.jpg" />
قائمة مراجعة الإصلاح السريع
- تأكيد وجود العلامة
twitter:cardبالقيمةsummary_large_image - تحقق من أن العلامة
twitter:imageتحتوي على عنوان URL مطلق - يجب ألا تقل دقة الصورة عن 800 × 418 بكسل
- تأكد من إمكانية الوصول إلى الصورة بشكل عام (بدون مصادقة، غير محظورة)
- التحقق من صحة مع Twitter Card Validator
- اختبار مع Proovd للتحقق متعدد المنصات
الأسئلة المتداولة
ما هي مدة تخزين بيانات بطاقة التخزين المؤقت على تويتر؟
عادةً ما تستمر ذاكرة التخزين المؤقت لتويتر من 24 إلى 48 ساعة. يؤدي استخدام Card Validator إلى تسريع هذا الأمر إلى حد شبه فوري.
هل لا يزال X يستخدم الاسم "Twitter Card"؟
نعم. حتى بعد تغيير العلامة التجارية إلى X، لا تزال الوثائق والأدوات تستخدم المصطلحات "Twitter Card".
هل يمكنني استخدام نفس الصورة لـ OG وTwitter Card؟
نعم. استخدم نفس عنوان URL لكل من og:image وtwitter:image. والفرق الوحيد هو اسم العلامة والسمة.
مقالات ذات صلة
تحقق من صحة بطاقة تويتر الخاصة بك قبل أن تغرد
تحقق من علامات Open Graph مجانًا باستخدام Proovd — الصق عنوان URL وشاهد المعاينة على X وLinkedIn وSlack وDiscord وWhatsApp وReddit.