انتقل إلى المحتوى
SEO Madmanby Adam Hafez
أداة مجانية

فحص وسوم Open Graph المطلوبة

افحص وسوم og الملصوقة بحثًا عن الخصائص الأربع المطلوبة، والعناوين النسبية، والتكرار، وقيمة og:type. أداة مجانية تعمل في متصفحك.

تعمل بالكامل في متصفحك. لا يُرفع ما تُدخله، ولا يُسجَّل، ولا يُحفظ.

تُحلَّل الوسوم كلها في متصفحك وفق الخصائص الأربع المطلوبة التي يحددها بروتوكول Open Graph على ogp.me. تفحص الأداة وجود الحقول وبنيتها، لا شكل البطاقة عند عرضها، ولا يُرسل أي شيء تكتبه.

أهم النقاط

  • يحدد بروتوكول Open Graph أربع خصائص مطلوبة في كل صفحة، هي og:title وog:type وog:image وog:url.
  • يعرّف ogp.me الخاصية og:url بأنها عنوان URL الأساسي للعنصر، ويُستخدم معرّفًا دائمًا له.
  • الخصائص og:description وog:site_name وog:locale اختيارية في البروتوكول، لذلك لا يُعد غيابها خطأ هنا.
  • الخاصيتان og:image:width وog:image:height اختياريتان، وتحددان حجم الصورة بالبكسل.
  • تفحص الأداة الوسوم كما كُتبت، ولا تعرض شكل البطاقة الناتجة كما تفعل أداة معاينة بطاقات المشاركة.

ما تحتاج إليه

  • وسوم og: الملصوقة، وسم في كل سطر

أدوات أخرى

كلها مجانية، وكلها تعمل في المتصفح.

تصفّح الأدوات

طريقة الاستخدام

  1. 1الصق وسوم og: كما هيانسخ أسطر meta التي تحمل property وcontent من رأس الصفحة، بأي ترتيب للسمتين. تتعرف الأداة على property قبل content وعلى العكس.
  2. 2افحص الخصائص الأربع المطلوبةog:title وog:type وog:image وog:url هي وحدها الخصائص التي يصفها ogp.me بأنها مطلوبة، والصفحة التي تفتقد إحداها ترميزها ناقص بتعريف البروتوكول نفسه.
  3. 3صحّح og:url أو og:image النسبييوثّق البروتوكول og:url كمعرّف دائم للعنصر، وog:image كعنوان تنزّل منه المنصة الصورة مباشرة. والمسار النسبي يعمل في الصفحة الحقيقية فقط، ويتعطل حين يُقرأ الترميز خارجها.
  4. 4راجِع og:type مقابل الأنواع الموثّقةالقيمة التي لا تعرفها الأداة، أي من خارج website وarticle وbook وprofile وما شابهها، تظهر كمعلومة لا كخطأ.
  5. 5أضِف og:image:width وog:image:heightالخاصيتان اختياريتان، لكن تحديدهما يعفي المنصة من تنزيل الصورة قبل أن ترسم البطاقة بنسبة الأبعاد الصحيحة.

الصق وسوم og من رأس الصفحة، وستعرض الأداة سطرًا لكل فحص، مع شارة ناجح أو تحذير أو معلومة أو مفقودة. تحلّل الأداة النص في متصفحك، ولا ترسل أي شيء.

ماذا تفحص الأداة؟

كل قاعدة مأخوذة من بروتوكول Open Graph على ogp.me.

  • الخصائص الأربع المطلوبة. يقول ogp.me إن الخصائص المطلوبة في كل صفحة هي og:title وog:type وog:image وog:url. ولكل منها سطر يعرض قيمتها أو كلمة مفقودة.
  • التكرار. الخاصية المطلوبة التي تظهر أكثر من مرة تحصل على تحذير. يسمح ogp.me بتكرار الوسوم للقوائم، ويقدّم الوسم الأول عند التعارض، لذلك فالتحذير تذكير بأن تتأكد أن القيمة الأولى هي ما تقصده.
  • og:type. يعرّف ogp.me أنواعًا عامة، منها article وbook وprofile وwebsite، إضافة إلى أنواع متخصصة للموسيقى والفيديو.
  • الأنواع التي تقبلها الأداة. تنجح القيم article وwebsite وbook وprofile وmusic.song وvideo.movie. وأي قيمة أخرى، حتى الأنواع الصحيحة مثل video.episode، تظهر كمعلومة لا كخطأ.
  • og:url كامل. يعرّف ogp.me الخاصية og:url بأنها عنوان URL الأساسي للعنصر، ويُستخدم معرّفًا دائمًا له. وتشترط الأداة أن يكون عنوان http أو https كاملًا.
  • og:image كامل. يُفحص عنوان الصورة بالطريقة نفسها.
  • أبعاد الصورة. og:image:width وog:image:height خاصيتان منظَّمتان اختياريتان لـ og:image. وتعرض الأداة إن كانت الاثنتان موجودتين، أو واحدة، أو لا شيء.

كيف تقرأ النتائج؟

  • مفقودة (بالأحمر): خاصية مطلوبة غائبة، أو لم يُعثر على أي وسم og أصلًا.
  • تحذير (بالبرتقالي): خاصية مطلوبة مكررة، أو og:url أو og:image بمسار نسبي.
  • معلومة (بالرمادي): og:type من خارج قائمة الأداة القصيرة، أو أبعاد صورة غير محددة. ولا يعطّل أي منهما الترميز.
  • ناجح (بالأخضر): الخاصية موجودة وسليمة البنية.

مثال عملي

تبدأ الأداة بهذا الترميز:

<meta property="og:title" content="How canonical chains break" />
<meta property="og:type" content="article" />
<meta property="og:image" content="/covers/canonical-chains.jpg" />
<meta property="og:site_name" content="SEO Madman" />

تنجح og:title وog:type وog:image، وتكون og:url مفقودة. وينجح سطر og:type لأن article نوع معروف. وتحصل og:image على تحذير بأنها مسار نسبي، ويعرض سطر الأبعاد أنه لا توجد أي منهما. أما og:site_name فاختيارية، فلا تُفحص.

أضِف هذه الوسوم، مع استبدال og:image النسبية، فتنجح كل الأسطر:

<meta property="og:url" content="https://example.com/canonical-chains" />
<meta property="og:image" content="https://example.com/covers/canonical-chains.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />

أبقِ سطر og:image واحدًا فقط. فإضافة سطر ثانٍ بدل استبدال الأول تُظهر تحذير التكرار.

أخطاء شائعة تكشفها

  • غياب og:url. قوالب كثيرة تضبط العنوان والصورة والوصف وتنسى og:url، وهي مطلوبة في ogp.me.
  • مسارات صور نسبية. نظام إدارة المحتوى الذي يكتب /uploads/image.jpg ينتج og:image لا يعمل إلا داخل الصفحة الحقيقية، لا حين يُقرأ الترميز في مكان آخر.
  • وسمان og:title. كثيرًا ما يكتب القالب وإضافة SEO وسوم Open Graph معًا، ويكشف تحذير التكرار هذا التصادم.
  • أنواع مخترعة. قيمة مثل blog أو page ليست من أنواع البروتوكول.

تفحص الأداة البنية لا العرض. فهي لا تعرف إن كانت الصورة تُحمَّل، ولا كيف تقصّها كل منصة، ولذلك استخدم أداة المعاينة.

أدوات وقراءات ذات صلة

المصادر

  1. 1.The Open Graph protocol، Open Graph Protocolمصدر أساسي

أسئلة شائعة

ما وسوم Open Graph المطلوبة؟

يقول ogp.me إن الخصائص الأربع المطلوبة في كل صفحة هي og:title وog:type وog:image وog:url. وكل ما عداها، بما فيه og:description وog:site_name، اختياري.

هل og:description مطلوب؟

لا. يذكر ogp.me أن og:description بيانات اختيارية، وهي وصف للعنصر في جملة أو جملتين. تقرؤه أغلب المنصات حين يوجد، لكن الأداة لا تُفشل أي صفحة بسبب غيابه.

ما قيمة og:type المناسبة لصفحة ويب عادية؟

website. يقول ogp.me إن أي صفحة ويب لا تحمل نوعًا محددًا تُعامل كأنها من نوع website. ويعرّف البروتوكول أيضًا article وbook وprofile، وكلها تنجح هنا.

هل يمكن وضع أكثر من وسم og:image؟

نعم. يسمح ogp.me بعدة قيم بتكرار الوسم، ويقدّم الوسم الأول عند التعارض. ومع ذلك تحذّر الأداة من تكرار أي خاصية مطلوبة، لتتأكد أن الصورة الأولى هي التي تريد عرضها.

ما الفرق بينها وبين أداة معاينة بطاقات المشاركة؟

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

لماذا لا تكتشف الأداة وسم og عندي؟

تقرأ الأداة الوسوم التي تستخدم السمة property وتأتي content بجانبها مباشرة، بأي ترتيب. أما الوسم المكتوب بالسمة name بدل property، أو الذي تفصل بين سمتيه سمة أخرى، فلا تتعرف عليه.