شاركت رابط مقالك على واتساب أو فيسبوك، وطلع بدون صورة أو بصورة عشوائية غير مرتبطة بالمحتوى؟ المشكلة دي بتقلل نسبة النقر بشكل كبير — الناس بتنجذب للروابط اللي معاها صورة واضحة أكتر بكتير من روابط نصية عادية. في هذا الدليل هنشرح إزاي تتحكم في شكل رابطك عند المشاركة.
Open Graph هو معيار بتستخدمه معظم منصات التواصل (فيسبوك، واتساب، لينكدإن) لعرض معاينة غنية
لأي رابط يُشارك عليها — عنوان، وصف، وصورة. الصورة تحديدًا بتُحدد عبر وسم HTML اسمه
og:image في كود صفحتك، وهي أول ما يلفت انتباه المشاهد قبل حتى ما يقرأ العنوان.
أشهر الأسباب: وسم og:image مش موجود أصلًا في كود الصفحة، الرابط المستخدم في
الوسم غير صحيح أو معطوب، أو الصورة غير متاحة للوصول من خارج موقعك (زي صور محتاجة تسجيل دخول).
سبب تاني شائع: المنصة خزّنت معاينة قديمة للرابط (Caching) ومحتاجة تحديث يدوي عشان تعرض النسخة
الجديدة.
المقاس الموصى به عالميًا هو 1200×630 بكسل. المقاس ده بيضمن إن الصورة تظهر كاملة وواضحة على معظم المنصات بدون قص غير متوقع لأجزاء مهمة منها. صور بنسب عرض مختلفة تمامًا قد تُقص بطرق غير متوقعة حسب كل منصة، فالالتزام بالمقاس القياسي أضمن طريقة لنتيجة متسقة في كل مكان.
باستخدام صانع صورة المشاركة على فورا.tools:
og:image بكود صفحتك.غالبًا لأن وسم og:image غير موجود في كود الصفحة، أو الرابط المستخدم فيه غير صحيح أو غير قابل للوصول من الخارج.
المقاس الموصى به هو 1200×630 بكسل، وهو النسبة التي تعرضها معظم المنصات بشكل صحيح دون قص غير متوقع.
معظم المنصات تستخدم معيار Open Graph نفسه، لكن منصة إكس تستخدم معيار Twitter Card منفصلًا، لذا يُفضّل إضافة الوسمين معًا.
بعض المنصات تخزّن معاينة الرابط مؤقتًا، فقد يستغرق ظهور التحديث بعض الوقت أو يتطلب أداة تنظيف الذاكرة المؤقتة الخاصة بالمنصة.
بعد الصورة، تأكد من كتابة Meta Tags كاملة (بما فيها Open Graph وTwitter Card) عبر مولّد Meta Tags المخصص.