Twitter Card Preview
جديدمعاينة كيف سيبدو رابطك عند مشاركته على Twitter/X مع نماذج وضع الضوء والظلام.
example.com
بدون عنوان
بدون وصف
أدوات مشابهة
تضمين هذه الأداة
أضف هذه الأداة إلى موقعك أو مدونتك باستخدام iframe.
<iframe src="https://dukotools.com/tools/twitter-card-preview?embed=1" width="100%" height="600" frameborder="0" allow="clipboard-write" loading="lazy" title="twitter-card-preview tool"></iframe>
About Twitter Card Preview
تُظهر لك Twitter Card Preview بالضبط كيف سيبدو عنوان URL الخاص بك عندما يشاركه شخص ما على Twitter في الوضع الفاتح والداكن قبل نشر الصفحة. يعرض Twitter تنسيقين للبطاقات: تضع البطاقة التلخيصية المدمجة صورة مصغرة مربعة صغيرة على اليسار، بينما تضع بطاقة Summary_large_image صورة كاملة العرض فوق العنوان والوصف. تعرض هذه الأداة كلا التنسيقين بدقة. تتيح لك المعاينة المزدوجة الفاتحة/المظلمة جنبًا إلى جنب التحقق من وضوح كلا الموضوعين في وقت واحد. تقوم لوحة التحقق من الصحة بفحص كل حقل وفقًا لمتطلبات تويتر وتعرض شارة النجاح أو الفشل لكل حقل. يعرض قسم إخراج HTML العلامات الوصفية الدقيقة التي تحتاج إلى لصقها في رأس صفحتك. يشرح قسم كيفية الاختبار كيفية استخدام Twitter Card Validator وما تعنيه ذاكرة التخزين المؤقت للمعاينة.
الميزات الرئيسية
معاينة مزدوجة فاتحة / داكنة
يعرض نماذج دقيقة لبطاقة Twitter في سمات واجهة المستخدم الفاتحة والداكنة في وقت واحد.
ملخص وأوضاع الصور الكبيرة
يعرض كلا النوعين من البطاقات بالأبعاد الصحيحة وتبديل التخطيط على الفور.
شارات التحقق من صحة كل حقل
شارات النجاح أو الفشل لكل حقل وفقًا لعدد الأحرف المسموح به على تويتر ومتطلبات الصورة.
HTML ميتا العلامة الإخراج
يُنشئ علامات twitter:card وtwitter:title وtwitter:description وtwitter:image وعلامات المقبض بالضبط.
عنوان URL قابل للمشاركة
يقوم بتشفير جميع قيم البطاقة في عنوان URL لوضع إشارة مرجعية أو تكوينات المشاركة.
كيفية الاستخدام
- 1
اختر نوع البطاقة
حدد ملخصًا لبطاقة مضغوطة أو Summary_large_image لبطاقة صورة كاملة العرض.
- 2
املأ محتوى البطاقة
أدخل العنوان والوصف وعنوان URL للصورة. أضف مقبض موقعك ومقبض المنشئ.
- 3
قم بمراجعة كلا المعاينتين
تحقق من نماذج الوضع الفاتح والوضع الداكن في وقت واحد للتحقق من وضوح كلا الموضوعين.
- 4
إصلاح تحذيرات التحقق من الصحة
تحقق من لوحة التحقق من الصحة. تشير شارات الفشل الحمراء إلى الحقول التي تتجاوز الحدود أو متطلبات الفشل.
- 5
نسخ العلامات الوصفية
انقر فوق الزر "نسخ" للحصول على جميع العلامات الوصفية لـ Twitter ولصقها في رأس صفحتك.
حالات الاستخدام في العالم الحقيقي
تسويق المحتوى
يقوم أحد مسوقي المحتوى بمعاينة بطاقات المقالات قبل النشر للتأكد من أن الصورة والعنوان يبدوان جذابين في المخطط الزمني لتويتر.
ضمان الجودة للمطور
يتحقق المطور من معاينات الوضع الفاتح والداكن للتأكد من أن صورة البطاقة بها تباين كافٍ في كلا الموضوعين.
مدير وسائل التواصل الاجتماعي
يتحقق مدير الوسائط الاجتماعية من أن علامات بطاقة Twitter تعمل بشكل صحيح قبل جدولة منشور رئيسي للحملة.
الأسئلة المتداولة
Related Free Tools
Explore these tools that work great alongside Twitter Card Preview: