share منشئ Open Graph وبطاقات تويتر star

آلية العمل

قدّم فيسبوك بروتوكول Open Graph عام 2010 لتتمكن أي صفحة ويب من وصف نفسها ككائن اجتماعي غني — أي عنوان ووصف وصورة واسم موقع يجب أن يظهر حين يلصق أحدهم الرابط في تغذية أو محادثة. تُنشئ هذه الأداة الوسوم الأربعة الأساسية (og:title، og:description، og:image، og:url) بالإضافة إلى مجموعة twitter: المطابقة، وتعرض معاينة حية للبطاقة الناتجة لترى ما سيعرضه فيسبوك أو لينكدإن أو واتساب أو X فعليًا قبل نشر أي شيء.

حقل og:type (website، article، product...) ليس تجميليًا — تُغيّر بعض المنصات سلوك البطاقة بناءً عليه: يمكن لنوع article أن يُظهر سطر مؤلف/تاريخ، ويمكن لنوع product أن يُفعّل عرض السعر على المنصات التي تدعم امتدادات التجارة في Open Graph. مثال ملموس: صفحة وصفة طعام مضبوطة بـ og:type=article مع صورة og:image بمقاس 1200×630 تحصل على بطاقة صورة بعرض كامل على X (عبر twitter:card=summary_large_image) ومعاينة مطابقة على واتساب — أما إذا ضُبطت خطأ أو أُغفلت og:image، فإن معظم المنصات تلجأ إلى التخمين، وعادة تختار أول صورة في الصفحة أو لا تختار شيئًا على الإطلاق.

إلى جانب الوسوم الأربعة الأساسية، تضبط بعض الحقول الاختيارية النتيجة بدقة أكبر: يعرض og:site_name علامتك التجارية بجانب العنوان على بعض المنصات، ويحدد og:locale اللغة/المنطقة (en_US، ar_SA) لتعرض المواقع متعددة اللغات النسخة الصحيحة، وينسب twitter:site البطاقة إلى معرّف حساب على X. تحتوي قيمة twitter:card نفسها على خيار ثالث إلى جانب summary وsummary_large_image — هو player — لتضمين فيديو أو صوت مباشرة في الخط الزمني، رغم أنه يتطلب ترميزًا إضافيًا خاصًا بالمُشغِّل لا تغطيه هذه الأداة. تختلف مدة التخزين المؤقت أيضًا حسب المنصة: تُحدِّث بعض أدوات التصحيح المعاينة خلال يوم من إعادة جلب جديدة، بينما قد تحتفظ منصات أخرى بمعاينة قديمة لأسبوع أو أكثر لأنها تخزّن مؤقتًا حسب الرابط لا حسب عملية الزحف — وهذا سبب كون إعادة الجلب القسرية عبر أداة التصحيح غالبًا الحل السريع الوحيد.

أشياء يجب معرفتها

• 1200×630 بكسل (نسبة 1.91:1) هو مقاس الصورة الآمن الشامل عبر المنصات؛ أبقِ حجم الملف دون ميجابايت واحد تقريبًا ليُحمَّل بشكل موثوق، واستخدم دائمًا رابطًا مطلقًا (https://...) — فالمسارات النسبية تفشل بصمت.
• التخزين المؤقت هو الشكوى الأكثر شيوعًا: بمجرد أن تجلب منصة ما رابطًا، يمكنها الاستمرار في عرض العنوان أو الصورة القديمين لأيام حتى بعد إصلاح الوسوم. تفرض أداة Facebook Sharing Debugger وLinkedIn Post Inspector وأدوات مشابهة إعادة جلب جديدة.
• تعتمد X غالبًا على قيم Open Graph للعنوان والوصف والصورة، لكن twitter:card إعداد مستقل بذاته (summary مقابل summary_large_image بعرض كامل) ولن يُستنتج تلقائيًا — اضبطه صراحة.
• عدم وجود أي وسوم لا يعني عدم وجود معاينة — تخمّن المنصة من أي شيء تجده في الصفحة، وهذا التخمين نادرًا ما يكون مرضيًا.
• يجب أن يشير og:url إلى النسخة الأساسية (canonical) من الصفحة — فتوجيهه إلى رابط بمعلمات تتبع أو إلى هدف إعادة توجيه يقسّم إشارة المشاركة بين عنوانين مختلفين بدلًا من تجميعها في عنوان واحد.
• اختبر على أكثر من منصة قبل النشر: تُحلّل فيسبوك ولينكدإن وX بروتوكول Open Graph بطرق مختلفة قليلًا، وبطاقة تبدو صحيحة على منصة قد تقتطع الصورة أو تُسقط الوصف على منصة أخرى.