ترسل رابط مقالك أو منتجك في مجموعة واتساب، فيظهر سطر أزرق طويل بلا صورة، أو بصورة شعار مقصوصة، أو بعنوان صفحة لا علاقة له بالمحتوى. في المقابل، رابط منافسك يظهر ببطاقة أنيقة: صورة واضحة وعنوان جذاب ووصف قصير. الفرق ليس في المحتوى، بل في وسوم صغيرة داخل الكود اسمها Open Graph.
المشاركة في واتساب وفيسبوك ولينكدإن وإكس من أكبر مصادر الزيارات للمواقع والمتاجر في السعودية والخليج، وكل مشاركة هي إعلان مجاني صغير. هذا الدليل يشرح كيف تجعل هذا الإعلان يعمل لصالحك.
ما هي وسوم Open Graph؟
هي وسوم meta داخل <head> في الصفحة، أطلقتها فيسبوك في الأصل، وأصبحت تقرؤها أغلب المنصات وتطبيقات المحادثة. عندما يُشارك رابط، تزور المنصة الصفحة وتقرأ هذه الوسوم لتعرف ماذا تعرض. أهمها:
| الوسم | وظيفته |
|---|---|
| og:title | عنوان البطاقة |
| og:description | الوصف القصير تحت العنوان |
| og:image | صورة المشاركة، وهي أكثر ما يجذب العين |
| og:url | الرابط الأساسي للصفحة |
| og:type | نوع المحتوى: موقع، مقال، منتج |
| og:site_name | اسم موقعك |
| twitter:card | شكل البطاقة في إكس: صورة كبيرة أو صغيرة |
إكس يقرأ وسوم Open Graph كبديل إذا لم يجد وسوم twitter الخاصة، لكن وسم twitter:card ضروري لتحديد شكل البطاقة.
العنوان والوصف: ليسا نسخة من عنوان السيو بالضرورة
عنوان السيو مكتوب لمن يبحث في جوجل ولديه نية واضحة. أما عنوان المشاركة فيقرؤه شخص يتصفح محادثاته أو حسابه دون أن يبحث عن شيء. لذلك يمكن أن يكون أكثر إثارة للفضول وأقل اعتمادًا على الكلمات المفتاحية.
- العنوان: قصير وواضح، ويُفضل حتى 60 حرفًا تقريبًا لأن المنصات تقطع العناوين الطويلة.
- الوصف: جملة أو اثنتان تكملان العنوان؛ أغلب المنصات تعرض أول 110 إلى 150 حرفًا فقط، وبعضها لا يعرض الوصف على الجوال.
- لا تكرر اسم الموقع في العنوان إذا كان موجودًا في og:site_name.
للفرق بين الاثنين اقرأ دليل عنوان ووصف السيو.
صورة المشاركة: العنصر الأهم
الصورة تأخذ أغلب مساحة البطاقة، وهي ما يوقف الإبهام عن التمرير. قواعد عملية:
- المقاس: 1200 × 630 بكسل (نسبة 1.91:1) هو المقاس الشائع الذي يعمل جيدًا في أغلب المنصات.
- المنطقة الآمنة: بعض المنصات أو أوضاع العرض تقص الصورة أو تعرضها مربعة؛ ضع النص والشعار في المنتصف.
- نص قليل وكبير: الصورة تظهر صغيرة على الجوال، فعنوان من ثلاث كلمات أوضح من فقرة.
- رابط كامل يبدأ بـ https ويمكن الوصول إليه دون تسجيل دخول، لا رابط نسبي.
- حجم ملف معقول: صورة ثقيلة جدًا قد لا تُعرض في بعض التطبيقات أو تتأخر؛ ضغطها بجودة جيدة يكفي.
- صورة لكل صفحة مهمة: صورة المنتج لصفحة المنتج، وصورة المقال لكل مقال، وصورة عامة للعلامة كبديل.
ولمقاسات المنصات الأخرى راجع أداة مقاسات السوشيال ميديا.
مولد Open Graph يكتب لك الوسوم كاملة، ويعرض معاينة تقريبية للبطاقة في فيسبوك وواتساب وإكس، وينبهك إذا كان العنوان طويلًا، أو الصورة برابط نسبي أو http، أو مقاسها أصغر من المقترح.
أين تضيف الوسوم؟
- ووردبريس: أغلب إضافات السيو تضيف Open Graph تلقائيًا من عنوان الصفحة وصورتها البارزة، مع حقول لتخصيص عنوان ووصف وصورة المشاركة. تأكد من وجود صورة بارزة لكل مقال وصفحة.
- شوبيفاي: أغلب القوالب تضيف الوسوم تلقائيًا من بيانات المنتج والصفحة، ويمكن ضبط صورة المشاركة الافتراضية من إعدادات المتجر أو القالب.
- موقع مخصص: الصق الوسوم داخل
<head>في كل صفحة، بقيم خاصة بها.
انتبه للتكرار: إضافتان أو قالب وإضافة تكتب كل منهما وسوم og مختلفة تجعل المنصة تختار عشوائيًا. افحص كود الصفحة وابحث عن og: للتأكد من وجود مجموعة واحدة.
لماذا لا تتحدث المعاينة بعد التعديل؟
المنصات تحفظ نسخة من بيانات الرابط عند أول مشاركة، ولا تعيد قراءتها في كل مرة. إذا غيرت الصورة أو العنوان، قد تستمر النسخة القديمة بالظهور. الحلول:
- فيسبوك: أداة Sharing Debugger تعرض ما تقرؤه فيسبوك وتتيح طلب قراءة جديدة.
- لينكدإن: أداة Post Inspector تقوم بالدور نفسه.
- واتساب: لا توجد أداة تحديث عامة، والتحديث قد يحتاج وقتًا. للاختبار السريع يمكن إضافة معامل للرابط مثل
?v=2ليُعامل كرابط جديد، ويفضل أن يكون الرابط الأساسي (og:url) ثابتًا.
تفاصيل تصنع الفرق
- og:locale لتحديد لغة المحتوى، مثل
ar_SAللصفحات العربية. - og:image:alt لوصف الصورة، وهو مفيد لإمكانية الوصول.
- og:url يطابق الرابط الأساسي (canonical) لتجميع المشاركات على رابط واحد.
- روابط الحملات: عند مشاركة رابط في حملة، أضف معاملات UTM للتتبع، مع بقاء og:url على الرابط النظيف.
- رسائل واتساب الجاهزة: عند استخدام رابط واتساب برسالة جاهزة تتضمن رابط موقعك، فإن بطاقة المعاينة تظهر في المحادثة، فاحرص أن تكون جاهزة.
قبل وبعد: نفس الصفحة بوسوم مختلفة
| قبل | بعد | |
|---|---|---|
| العنوان | الرئيسية | متجر أناقة | عبايات | فساتين | تخفيضات | تشكيلة الشتاء الجديدة وصلت |
| الوصف | لا يوجد (المنصة تأخذ أول نص في الصفحة) | عبايات كريب وصوف بمقاسات 52–62، توصيل خلال 48 ساعة في الرياض. |
| الصورة | الشعار مقصوصًا | صورة 1200 × 630 لثلاث عبايات وعنوان قصير في المنتصف |
المحتوى واحد، لكن البطاقة الثانية تقول للشخص في المحادثة لماذا يجب أن ينقر.
قائمة فحص قبل مشاركة صفحة مهمة
- افتح كود الصفحة وتأكد من وجود og:title وog:description وog:image مرة واحدة فقط.
- افتح رابط الصورة مباشرة في نافذة خاصة للتأكد أنه يعمل دون تسجيل دخول.
- جرّب الرابط في أداة تصحيح فيسبوك أو لينكدإن قبل الإطلاق.
- أرسل الرابط لنفسك في واتساب وشاهد البطاقة على الجوال.
- تأكد أن العنوان والصورة يناسبان الصفحة نفسها، لا الصورة الافتراضية للموقع.
الخلاصة في نقاط
- وسوم Open Graph تحدد عنوان ووصف وصورة رابطك عند مشاركته.
- صورة 1200 × 630 بعناصر مهمة في المنتصف ورابط https كامل.
- عنوان قصير يثير الفضول، ووصف يكمله دون تكرار.
- تأكد من وجود مجموعة وسوم واحدة فقط في كل صفحة.
- استخدم أدوات التصحيح في المنصات لتحديث المعاينة بعد التعديل.
أسئلة شائعة
هل Open Graph يؤثر على السيو؟
ليس عامل ترتيب مباشرًا في جوجل، لكنه يؤثر على النقر عند المشاركة، والزيارات من المشاركات جزء مهم من نمو أي موقع.
لماذا تظهر صورة الشعار بدل صورة المقال؟
غالبًا لأن المقال بلا صورة بارزة فتستخدم الإضافة الصورة الافتراضية، أو لأن هناك وسومًا مكررة. أضف صورة مخصصة وتأكد من عدم التكرار.
هل أحتاج صورة مختلفة لكل منصة؟
في أغلب الحالات صورة واحدة 1200 × 630 بعناصر في المنتصف تكفي لكل المنصات.
كل رابط يشاركه عملاؤك هو فرصة لزيارة جديدة. جهّز وسوم صفحاتك وعاين شكلها عبر مولد Open Graph المجاني، وإذا كنت تريد موقعًا يظهر باحترافية في البحث والمشاركة معًا، تواصل معي.
