عند مشاركة رابط متجري على منصة X، هل أختار بطاقة بصورة كبيرة أم بطاقة ملخص بصورة صغيرة؟

إن كانت لديك صورة عريضة للمنتج أو للعرض، فبطاقة الصورة الكبيرة تمنحها معظم مساحة البطاقة. وإن كانت الصورة شعارًا أو لقطة مربعة، فبطاقة الملخص أنسب، لأنها تعرض صورة صغيرة بجانب العنوان. تختار أحدهما في الأداة فتكتبه في twitter:card.

نُشر في · دقائق قراءة: 2

الفرق بين البطاقتين

  • صورة كبيرة (summary_large_image): الصورة تمتد بعرض البطاقة فوق العنوان أو بجانبه بحسب التطبيق. تناسب صورة عريضة فيها المنتج واضحًا.
  • صورة صغيرة (summary): صورة مصغرة، مربعة في الغالب، بجانب العنوان والوصف. تناسب الشعار أو منتجًا مصورًا على خلفية بيضاء.
  • بدون (none): لا تكتب الأداة أي وسم يبدأ بالبادئة twitter، ويبقى لديك وسوم Open Graph وحدها.

الإعداد الافتراضي في الأداة هو الصورة الكبيرة. ويبقى لكل تطبيق طريقته في القص والعرض، فالمعاينة داخل الأداة توضيحية فقط، ولا تنقل شكل البطاقة على X حرفيًا.

مثال: شعار مربع مع بطاقة الملخص

أدخلنا صفحة دهن العود مع صورة شعار مربعة اسمها logo-600x600.png، واخترنا «صورة صغيرة». هذه أسطر Twitter التي كتبتها الأداة:

<meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Cambodian Oud Oil"> <meta name="twitter:image" content="https://example.com/images/logo-600x600.png"> <meta name="twitter:image:alt" content="A bottle of oud oil">

ثم جرّبنا خيار «بدون» على الصفحة نفسها، فاختفت الأسطر الأربعة كلها، وبقيت خمسة أسطر فقط: og:title وog:type وog:url وog:image وog:image:alt. هذا مفيد حين تكتب منصتك أو إضافتك وسوم Twitter بالفعل ولا تريد نسخة ثانية منها.

كيف تقرر عمليًا؟

  1. انظر إلى الصورة التي ستضعها في og:image: هل هي عريضة أم مربعة؟
  2. إن كانت عريضة ويظهر المنتج في وسطها، اختر «صورة كبيرة».
  3. إن كانت مربعة أو كانت شعارًا، اختر «صورة صغيرة» حتى لا يُقص الشعار بشكل غريب في بطاقة عريضة.
  4. إن لم تكن الصورة بالشكل الذي تريده، اقصصها أولًا في قص الصور ثم ارفعها واستخدم رابطها.

حدود ما تعرفه الأداة

لا تفتح منشئ بيانات Open Graph صورتك ولا تقيس أبعادها، فهي لا تعرف إن كانت الصورة التي اخترت لها بطاقة كبيرة مربعة في الحقيقة. ولا تتحقق من طريقة عرض X للبطاقة اليوم، فهذا قرار المنصة وقد يتغير. بعد نشر الوسوم، شارك الرابط في منشور تجريبي أو استخدم أداة الفحص الرسمية إن كانت متاحة، وراجع وثائق X الحالية عن البطاقات.

أسئلة شائعة

هل تقرأ X وسوم Open Graph إن اخترت «بدون»؟

بحسب ما هو مذكور في صفحة الأداة، تستطيع X قراءة العنوان والوصف والصورة من وسوم Open Graph، لكن twitter:card هو ما يحدد شكل البطاقة. تحقق من وثائق X للتفاصيل الحالية.

هل أحتاج صورتين مختلفتين للبطاقتين؟

الأداة تستخدم رابط صورة واحدًا لوسوم Open Graph وTwitter معًا. اختر صورة تناسب البطاقة التي اخترتها.

لماذا تبدو المعاينة في الأداة مختلفة عن X؟

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