مولّد وسوم Open Graph وبطاقات التواصل الاجتماعي

كيفية استخدام مولّد Open Graph

1. أدخل العنوان والوصف اللذين تريد أن يراهما الناس عند مشاركة رابطك. يمكن أن يختلفا عن عنوان السيو: اكتبهما لموجز شبكات التواصل.
2. أضف رابط الصفحة (العنوان المعتمد) ورابط الصورة. يجب أن يكون كلاهما مطلقًا، يبدأ بـ https://.
3. صِف الصورة في وصف الصورة (النص البديل) ليعرف مستخدمو قارئات الشاشة ما تُظهره.
4. اختر الصورة نفسها أو أفلتها في صورة المعاينة. تبقى على جهازك: تستخدمها الأداة فقط لرسم المعاينات ولملء عرض الصورة (px) وارتفاع الصورة (px).
5. اضبط اسم الموقع ونوع المحتوى واللغة والمنطقة (locale)، مثل ar_AR لصفحة عربية، ثم اختر نمط بطاقة X (تويتر)، وأدخل حسابي الموقع والكاتب على X إن وُجدا.
6. راجع المعاينات وقائمة الفحوص، ثم انسخ الوسوم أو نزّلها والصقها داخل <head> في الصفحة.

ما وظيفة وسوم Open Graph؟

حين يُلصق رابط في Facebook أو LinkedIn أو X أو Slack أو Discord أو WhatsApp أو iMessage وتطبيقات أخرى كثيرة، يجلب زاحفٌ الصفحةَ ويقرأ وسوم Open Graph (og:) لبناء بطاقة: صورة وعنوان ووصف قصير واسم النطاق. ومن دون هذه الوسوم يخمّن التطبيق، فيختار غالبًا شعارًا أو شريط ملفات تعريف الارتباط أو أول جملة في القائمة.

الخصائص الأساسية الأربع هي og:title وog:type وog:image وog:url. وتضيف هذه الأداة أيضًا og:description وog:site_name وog:locale وتفاصيل الصورة (og:image:width وog:image:height وog:image:alt). وتصريحك بأبعاد الصورة يتيح لبعض المنصات عرض البطاقة من أول مشاركة بدل انتظار تنزيل الصورة.

يقرأ X وسوم twitter: الخاصة به، لكنه يرجع إلى عنوان Open Graph ووصفه وصورته عند غياب نسخ X، لذا لا تضيف الأداة إلا ما يحتاجه X فعلًا: twitter:card والحسابات الاختيارية ووصف الصورة. وهذا يتجنب تكرار كل قيمة.

أبعاد الصور التي تعمل في كل مكان

استخدم JPEG أو PNG، وأبقِ حجم الملف معقولًا (أقل بكثير من 5 MB)، وتجنب وضع نص مهم قرب الحواف، لأن كل منصة تقصّ بطريقة مختلفة قليلًا. والمعاينات في هذه الأداة تقريبية لتلك التخطيطات، وليست لقطات شاشة حقيقية.

بعد النشر

تخزّن منصات التواصل معاينات الروابط مؤقتًا، أحيانًا لأيام. بعد تغيير الوسوم، اطلب منها إعادة جلب الصفحة عبر Facebook Sharing Debugger أو LinkedIn Post Inspector. ويجب أن تكون الصفحة متاحة للعموم: فالزواحف لا ترى الصفحات المحمية بتسجيل دخول أو الموجودة على localhost.