كيف تعاين بطاقات Open Graph قبل المشاركة

يوفر بروتوكول Open Graph مفردات مشتركة لتحويل صفحة ويب إلى كائن في رسم بياني. خصائصه الأساسية الأربع المطلوبة هي `og:title` و`og:type` و`og:image` و`og:url`. ويضيف الوصف واسم الموقع واللغة وخصائص الصورة المنظمة سياقاً اختيارياً. تساعد المعاينة في تحرير القيم، لكن البطاقة الحقيقية تنشئها لاحقاً منصة تجلب HTML والصورة المنشورين وفق تخطيطها وذاكرتها المؤقتة وقواعد القص والبدائل الخاصة بها.

ابنِ البيانات كوعد موجز عن الوجهة. يجب أن يعرّف العنوان الصفحة بدلاً من تكرار شعار عام، وأن يضيف الوصف معلومات يجدها القارئ بعد النقر، وأن ينقل النص البديل غرض الصورة دون نسخ كل كلمة فيها. استخدم رابط HTTPS مطلقاً لصورة يستطيع زاحف غير مسجل جلبها. أما توصيات 1200 × 630 وحدود طول النص الشائعة فهي إرشادات عملية للمنصات وليست متطلبات في بروتوكول Open Graph نفسه.

اضبط `og:url` على الهوية الثابتة للصفحة القابلة للمشاركة، ثم اكتب عنواناً ووصفاً خاصين بها. اختر صورة عامة يبقى موضوعها الأساسي واضحاً مع القص من الوسط أو الحواف، وصرح برابطها الآمن ونوع MIME وعرضها وارتفاعها ونصها البديل، وحدد نوع الصفحة ولغتها. أضف حقول بطاقة X عند حاجة الحملة. انشر الوسوم في HTML الأولي، واجلب الصفحة دون تسجيل، وافحص الرابط الحي بأداة تصحيح الشبكة المستهدفة.

يحدد بروتوكول Open Graph الخصائص المطلوبة والمنظمة. ويحكم توثيق المساعدة والتصحيح لدى المنصات سلوك العرض وتحديث الذاكرة؛ وتوضح LinkedIn صراحة أن البيانات المحدثة تؤثر في المشاركات الجديدة ولا تعيد كتابة المنشورات القائمة.

جهّز بطاقة لمقال إنجليزي ونظيرتها العربية بروابط مشاركة معتمدة منفصلة وقيمتي لغة `en_US` و`ar_AE` وعنوانين ووصفين مترجمين وصورة 1200 × 630 تبقي الشعار بعيداً عن الحواف. انشرهما، ثم استبدل الصورة الإنجليزية دون تغيير رابطها وشارك مجدداً: تكشف البطاقة القديمة أثر التخزين المؤقت. امنح الصورة رابطاً بإصدار جديد، وحدّث `og:image`، واستخدم LinkedIn Post Inspector أو أداة المنصة لطلب جلب جديد للمشاركات اللاحقة.

البطاقة الموثوقة = بيانات HTML قابلة للجلب + صورة مطلقة قابلة للجلب + جلب المنصة + ذاكرة مؤقتة حديثة. تقدم المعاينة المحلية المثالية البيانات والتصميم فقط، ولا تتحكم في الحدين الأخيرين.

يحصل أول وسم في مصفوفة خصائص Open Graph على الأفضلية، لذلك يهم ترتيب الصور المتعددة. تحدد `og:url` هوية الكائن لكنها لا تستبدل رابط canonical في HTML. وقد تجعل إعادة التوجيه أو المصادقة أو قيود robots أو منع الربط الخارجي أو نوع MIME الخاطئ أو CDN المحجوب الصورة غير متاحة. لا تتحدث منشورات LinkedIn القائمة لمجرد أن Post Inspector أعاد جلب الرابط، وقد تحتفظ منصات أخرى بذاكرتها لفترات مختلفة.

وفّر خصائص Open Graph الأربع المطلوبة واستخدم صورة عامة قابلة للوصول بمقاس قريب من 1200 x 630 واختبر الرابط المنشور على المنصة المستهدفة. وانتبه إلى خطأ متكرر: استخدام صورة صغيرة جداً أو مقصوصة بشكل سيئ أو غير متاحة لزواحف الشبكات.

أدخل رابط المشاركة المعتمد والنوع والعنوان والوصف واللغة واسم الموقع ورابط الصورة وأبعادها ونصها البديل وحقول X الاختيارية. قارن المعاينات التقريبية للمنصات، وانسخ الوسوم، واختبر الرابط المنشور لا البطاقة المحلية.

المدخلات: قيم Open Graph وبطاقة X مع صورة محلية اختيارية للتصميم البصري فقط. المخرجات: وسوم meta مهربة وتنبيهات تحقق وبطاقات تقريبية لعدة منصات. تطلب معاينة الصورة البعيدة مستضيف الرابط، ولا تقرأ الأداة ذاكرة منصة اجتماعية ولا تمسحها.

تبقى البيانات والصور المحلية داخل المتصفح، بينما تُطلب الصورة البعيدة مباشرة من مستضيفها لعرض المعاينة. يحوّل المحرر البيانات بأمان إلى HTML جاهز للنسخ ويفحص أبعاد الصورة المتاحة وإرشادات المشاركة الشائعة ويعرض تقريباً مستقلاً لبطاقة كل منصة.