مولّد Open Graph
عند مشاركة رابط، تبني Facebook وLinkedIn وWhatsApp وSlack وX بطاقة المعاينة من وسوم Open Graph في الصفحة. أدخل العنوان والوصف والصورة، وشاهد البطاقة كما ستظهر، ثم انسخ الوسوم. تنبهك الأداة إذا كانت الصورة مفقودة أو صغيرة جدًا.
استيراد من HTML موجود
خيارات إضافية: المؤلف ولون السمة وrobots
Facebook · LinkedIn · WhatsApp
X (Twitter)
كود HTML لـ <head>
طريقة الاستعمال
- أدخل عنوان الصفحة ووصفها وعنوانها الكامل.
- الصق عنوان صورة المشاركة (المقاس المثالي 1200 × 630 بكسل) وراجع معاينتي Facebook وX.
- انسخ الوسوم إلى <head> في الصفحة. بعد النشر استخدم أداة تصحيح المشاركة في كل شبكة لتحديث ذاكرتها المؤقتة.
الأسئلة الشائعة
ما مقاس og:image المناسب؟
استخدم 1200 × 630 بكسل (نسبة 1.91:1)، وهو المقاس الذي توصي به Facebook وLinkedIn للبطاقات الكبيرة؛ أما X فيقصّ البطاقات الكبيرة بنسبة 2:1. أبقِ النص المهم بعيدًا عن الحواف، واستخدم عنوانًا كاملًا يبدأ بـ https://.
هل أحتاج إلى وسوم Twitter (X) منفصلة؟
فقط twitter:card. يقرأ X قيم og:title وog:description وog:image عند غياب وسومه الخاصة، لذلك تضيف الأداة نوع البطاقة فقط، وكذلك @اسم_المستخدم إن رغبت.
غيّرت الوسوم لكن المعاينة القديمة ما زالت تظهر. لماذا؟
تحتفظ الشبكات الاجتماعية بالبطاقة في ذاكرتها المؤقتة لأيام. افتح Facebook Sharing Debugger أو LinkedIn Post Inspector، والصق العنوان واطلب منهما جلب الصفحة من جديد.
🏷️ مولّد الميتا تاغ (Meta Tags)
🔗 منشئ روابط UTM
🌈 مولّد تدرجات CSS
🔲 مولّد ظل الصندوق CSS (box-shadow)