مولّد وسوم Open Graph وTwitter Card
جهّز وسوم مشاركة من نموذج وانسخ HTML مع فحص الحقول الأساسية.
جملة أو جملتان، فمعظم التطبيقات تعرض السطر الأول فقط.
رابط كامل لصورة بمقاس 1200 × 630. يمكنك صنعها بمولّد صورة Open Graph.
النتيجة
أدخل العنوان والوصف وعنوان الصفحة، وتظهر معاينة المشاركة والوسوم هنا.
شكل تقريبي لعرض الرابط في فيسبوك ولينكدإن وواتساب. لا تُحمَّل الصورة هنا، ويُستخدم عنوانها فقط.
الصق هذه الوسوم داخل <head> في الصفحة
طريقة الاستخدام
- اكتب العنوان والوصف وعنوان الصفحة.
- أضف عنوان صورة إن أردت.
- انسخ الوسوم.
أمثلة
- وسوم أساسيةHello وA short summary وhttps://smart.example <meta property="og:title" content="Hello"> <meta property="og:description" content="A short summary."> <meta property="og:url" content="https://smart.example"> <meta name="twitter:card" content="summary_large_image">
- علامة تنصيصالعنوان A "quote" والوصف Plain <meta property="og:title" content="A "quote""> <meta property="og:description" content="Plain"> <meta property="og:url" content="https://smart.example"> <meta name="twitter:card" content="summary_large_image">
- مع صورةHello وPlain وhttps://smart.example/a.png <meta property="og:title" content="Hello"> <meta property="og:description" content="Plain"> <meta property="og:url" content="https://smart.example"> <meta name="twitter:card" content="summary_large_image"> <meta property="og:image" content="https://smart.example/a.png"> <meta name="twitter:image" content="https://smart.example/a.png">
تفاصيل الأداة والخصوصية
أدخل العنوان والوصف وعنوان الصفحة وعنوان الصورة، وشاهد معاينة بطاقة المشاركة وانسخ وسوم Open Graph وX (تويتر) جاهزة.
علامات التنصيص في العنوان تُهرَّب. الوسوم نص، وليست بطاقة مباشرة.
الخيارات
- نوع البطاقة summary_large_image. اسم الموقع يضيف og:site_name وog:type.
- تُترك الحقول الاختيارية الفارغة.
الحدود
- لا تُحمَّل الصورة هنا، ويدخل عنوانها فقط في الوسوم.
- تحفظ التطبيقات المعاينات، فقد يتأخر ظهور التغيير.
الخصوصية
ما تكتبه يبقى في متصفحك. لا يُرفع شيء ولا يُحفظ على الخادم.
أسئلة
هل تُهرَّب علامات التنصيص في العنوان؟
نعم. علامة التنصيص تصبح ".
هل تضيف الصورة الفارغة وسم صورة؟
لا.
هل تطلب الصفحة الصورة؟
لا.
هل يُرفع شيء أو يُحفظ على الخادم؟
لا. يبقى في المتصفح.