مولّد بطاقات Twitter (X)

ولّد وسوم twitter:card لمعاينات روابط X (تويتر): summary أو summary_large_image ومعرّفا الموقع والمنشئ والعنوان والوصف والصورة ونصها البديل.

300×157 بكسل على الأقل، بنسبة 2:1 (مثل 1200×600).

شيفرة HTML لقسم <head>
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@example">
<meta name="twitter:title" content="My Awesome Article">
<meta name="twitter:description" content="A short summary shown in the card.">
<meta name="twitter:image" content="https://example.com/card.png">
<meta name="twitter:image:alt" content="Article cover">
عند غياب وسوم twitter:* تعود X (تويتر) إلى og:title وog:description وog:image، لذا تحتاج فقط إلى twitter:card والوسوم التي تريدها مختلفة.

ما هو مولّد Twitter Card؟

يكتب هذا المولّد وسوم meta من نوع twitter: التي تستخدمها منصة X (تويتر سابقاً) لعرض بطاقات الروابط: نوع البطاقة (summary أو summary_large_image) وحسابا @site و@creator والعنوان والوصف والصورة ونصها البديل.

كيفية استخدام مولّد Twitter Card

  1. اختر نوع البطاقة: summary (صورة صغيرة مربعة) أو summary_large_image (صورة عريضة).
  2. أدخل معرّفي الموقع والمنشئ؛ وتُضاف @ إن تركتها.
  3. املأ العنوان والوصف ورابط الصورة ونصها البديل.
  4. انسخ الوسوم إلى <head> الصفحة.

مثال

الإدخال
summary, @example, title Hello
الإخراج
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@example">
<meta name="twitter:title" content="Hello">
<meta name="twitter:description" content="A short summary shown in the card.">
<meta name="twitter:image" content="https://example.com/card.png">
<meta name="twitter:image:alt" content="Article cover">

متى تستخدم مولّد Twitter Card

استخدمه عندما تريد من X عرض بطاقة بصورة كبيرة أو نسب المقال إلى حساب مؤلف. وإن كانت صفحتك تحتوي أصلاً على وسوم Open Graph فتحتاج فقط twitter:card مع أي قيم يجب أن تختلف على X.

كيف يعمل مولّد Twitter Card

تُخرج الأداة دائماً twitter:card وتضيف بقية الوسوم فقط عند ملئها، مهرّبة بـ HTML. تُوحَّد المعرّفات لتبدأ بـ @. ولا يُضاف image:alt إلا مع صورة. تعود X إلى وسوم Open Graph (og:title وog:description وog:image) لأي شيء غير مضبوط، فيمكنك إبقاء مجموعة twitter: في حدها الأدنى.

حالات الاستخدام الشائعة

  • تحويل رابط عادي إلى بطاقة بصورة كبيرة على X.
  • نسب مقال إلى @معرّف مؤلفه.
  • استخدام صورة مختلفة على X عن Facebook.
  • إضافة نص بديل لصور البطاقات لإمكانية الوصول.

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

هل أحتاج وسوم Twitter إن كانت عندي وسوم Open Graph؟

يلزم twitter:card فقط لاختيار نوع البطاقة؛ وتعيد X استخدام og:title وog:description وog:image فيما عدا ذلك.

ما حجم الصورة الذي أستخدمه؟

summary_large_image: 300×157 على الأقل ويفضل 1200×600 (2:1). وsummary: 144×144 على الأقل ومربعة.

هل ما زال يعمل بعد تغيير الاسم إلى X؟

نعم. ما زالت X تقرأ وسوم meta من نوع twitter:.

استكشف المزيد من الفئات

CRC
خوارزميات التحقق من التكرار الدوري لاكتشاف الأخطاء
MD
خوارزميات ملخص الرسالة (MD2، MD4، MD5)
SHA-1
خوارزمية التجزئة الآمنة 1 - دالة تجزئة 160 بت
SHA-2
عائلة خوارزمية التجزئة الآمنة 2 (SHA-224، SHA-256، SHA-384، SHA-512)