مدقق الرسم البياني المفتوح

أدخل عنوان URL

عن مدقق الرسم البياني المفتوح

فاحص Open Graph هو أداة متخصصة في تحليل وفحص علامات البيانات الوصفية التي تتحكم في طريقة عرض روابط موقعك عند مشاركتها على منصات التواصل الاجتماعي مثل فيسبوك ولينكد إن وتويتر. تُظهر الإحصائيات أن المنشورات المصحوبة بصور ووصف دقيق تحقق معدلات تفاعل أعلى بنسبة 80% مقارنة بالمنشورات العادية. توفر أداة ToolsPivot إمكانية فحص موقعك والتأكد من إعدادات OG بشكل صحيح لضمان ظهور احترافي لمحتواك على الشبكات الاجتماعية.

نظرة عامة على فاحص Open Graph من ToolsPivot

الوظيفة الأساسية

فاحص Open Graph من ToolsPivot يقوم باستخراج وتحليل جميع علامات og: الموجودة في كود HTML الخاص بصفحة الويب، ثم يعرض معاينة حية لكيفية ظهور الرابط عند مشاركته على منصات التواصل الاجتماعي المختلفة. تعمل الأداة من خلال إدخال رابط URL للصفحة المراد فحصها، لتقوم بجلب البيانات الوصفية وتحليلها وعرض النتائج بشكل مفصل يشمل العنوان والوصف والصورة ونوع المحتوى.

المستخدمون الرئيسيون وحالات الاستخدام

يستفيد من هذه الأداة مديرو مواقع التجارة الإلكترونية في السعودية والإمارات الذين يرغبون في تحسين ظهور منتجاتهم عند مشاركتها على واتساب وفيسبوك. كذلك يعتمد عليها المدونون وصناع المحتوى العرب للتأكد من عرض مقالاتهم بشكل جذاب، إضافة إلى فرق التسويق الرقمي التي تدير حملات على منصات التواصل الاجتماعي وتحتاج لضمان اتساق المظهر البصري للروابط المشاركة.

المشكلة والحل

كثيراً ما يواجه أصحاب المواقع مشكلة ظهور صورة خاطئة أو وصف غير مناسب عند مشاركة روابطهم على فيسبوك أو لينكد إن، مما يُضعف معدلات النقر ويؤثر سلباً على التفاعل. باستخدام فاحص Open Graph، يمكنك اكتشاف هذه المشكلات قبل نشر المحتوى وإصلاحها لتحقيق زيادة تصل إلى 40% في معدل النقر على الروابط المشاركة.

الفوائد الرئيسية لفاحص Open Graph

• تحسين معدل النقر (CTR): علامات OG المحسنة تجعل روابطك أكثر جاذبية عند المشاركة، مما يرفع معدلات النقر بشكل ملحوظ ويزيد حركة المرور إلى موقعك.

• ضمان الاتساق البصري: التأكد من ظهور الصورة والعنوان والوصف الصحيح على جميع المنصات الاجتماعية يعزز هوية علامتك التجارية ويبني الثقة مع جمهورك.

• توفير الوقت والجهد: بدلاً من نشر الرابط وانتظار ظهوره للتحقق، يمكنك معاينة الشكل النهائي قبل المشاركة وإجراء التعديلات اللازمة فوراً.

• اكتشاف العلامات المفقودة: تُظهر الأداة العلامات الناقصة التي قد تؤثر على جودة عرض المحتوى، مما يساعدك على استكمال البيانات الوصفية بشكل صحيح.

• دعم منصات متعددة: معاينة كيفية ظهور الرابط على فيسبوك ولينكد إن وتويتر وبنترست في مكان واحد بدلاً من استخدام أدوات متعددة.

• فحص مجاني وفوري: لا حاجة للتسجيل أو الدفع، النتائج تظهر خلال ثوانٍ معدودة مباشرة في المتصفح.

• تحسين السيو الاجتماعي: علامات Open Graph المحسنة تُعد إشارات إيجابية تعزز ظهور محتواك وتحسن ترتيبه في نتائج البحث على المنصات الاجتماعية.

الميزات الأساسية لفاحص Open Graph

• تحليل شامل لعلامات OG: استخراج وعرض جميع العلامات بما فيها og:title وog:description وog:image وog:url وog:type وog:locale بشكل منظم.

• معاينة حية للمنصات: عرض تفاعلي يوضح شكل الرابط عند مشاركته على فيسبوك ولينكد إن وتويتر مع محاكاة دقيقة للتصميم الفعلي.

• التحقق من أبعاد الصورة: فحص مقاسات صورة og:image والتأكد من مطابقتها للمعايير الموصى بها (1200×630 بكسل لفيسبوك).

• كشف العلامات المفقودة: تنبيهات واضحة للعلامات الناقصة أو غير المكتملة مع توصيات للإصلاح.

• فحص Twitter Cards: تحليل علامات twitter:card المرتبطة لضمان ظهور صحيح على منصة X (تويتر سابقاً).

• عرض الكود المصدري: إظهار كود HTML الفعلي للعلامات لتسهيل النسخ والتعديل من قبل المطورين.

• دعم الروابط العربية: التعامل مع الروابط المشفرة بالعربية (URL encoding) بشكل صحيح دون مشاكل في القراءة.

• فحص علامات Schema: التكامل مع مولد Schema Markup للتحقق من البيانات المنظمة المرتبطة.

• تقرير قابل للمشاركة: إمكانية تصدير نتائج الفحص ومشاركتها مع فريق العمل أو المطورين للمتابعة.

• سجل الفحوصات: حفظ آخر الروابط التي تم فحصها للرجوع إليها لاحقاً والمقارنة بين التحديثات.

كيف يعمل فاحص Open Graph من ToolsPivot

1. إدخال الرابط: انسخ رابط URL للصفحة التي تريد فحصها والصقه في حقل الإدخال، ثم اضغط على زر "فحص" لبدء التحليل.

2. جلب البيانات: تقوم الأداة بالوصول إلى الصفحة واستخراج جميع علامات meta الموجودة في قسم head من كود HTML.

3. تحليل العلامات: يتم فرز وتصنيف العلامات المستخرجة وفحص قيمها ومقارنتها بالمعايير الموصى بها لكل منصة.

4. عرض المعاينة: تظهر معاينة بصرية توضح كيف سيبدو الرابط عند مشاركته على فيسبوك ولينكد إن وتويتر مع جميع العناصر.

5. عرض التوصيات: تقدم الأداة تقريراً بالمشكلات المكتشفة والعلامات المفقودة مع اقتراحات واضحة للتحسين والإصلاح.

متى تستخدم فاحص Open Graph

فاحص Open Graph أداة ضرورية في عدة مراحل من دورة حياة المحتوى الرقمي، سواء كنت تطلق موقعاً جديداً أو تُحدّث محتوى قائم.

سيناريوهات الاستخدام المحددة:

• قبل نشر المقالات: تحقق من إعدادات OG قبل مشاركة أي محتوى جديد على منصات التواصل لضمان ظهوره بالشكل المطلوب.

• عند إطلاق منتج جديد: تأكد من عرض صورة المنتج ووصفه بشكل صحيح على متاجر نون أو أمازون السعودية عند مشاركة روابط المنتجات.

• بعد تحديث تصميم الموقع: تحقق من عدم تأثر علامات OG بالتغييرات التقنية الجديدة وأنها ما زالت تعمل بشكل صحيح.

• عند تغيير صورة المقال: تأكد من أن فيسبوك يعرض الصورة الجديدة وليس النسخة المخزنة القديمة في ذاكرته المؤقتة.

• لتشخيص مشكلات المشاركة: إذا ظهرت صورة خاطئة أو وصف غير مناسب عند مشاركة رابط، استخدم الأداة لتحديد السبب.

• قبل الحملات الإعلانية: تحقق من جاهزية صفحات الهبوط لضمان أفضل عرض للإعلانات على منصات التواصل الاجتماعي.

• فحص المنافسين: تحليل كيفية إعداد المنافسين لعلامات OG والاستفادة من أفضل الممارسات في مجالك.

يُنصح أيضاً بإجراء فحص دوري شهري لصفحات موقعك الرئيسية للتأكد من عدم حدوث مشكلات تقنية تؤثر على جودة المشاركة الاجتماعية.

حالات الاستخدام والتطبيقات

متجر إلكتروني في السعودية

السياق: صاحب متجر على منصة سلة يلاحظ أن منتجاته تظهر بصورة صغيرة أو بوصف ناقص عند مشاركتها على واتساب وفيسبوك.

العملية:

• فحص روابط صفحات المنتجات الرئيسية باستخدام الأداة
• اكتشاف أن علامة og:image تستخدم صوراً صغيرة الحجم (400×300) بدلاً من المقاس الموصى به
• تحديث إعدادات المتجر لاستخدام صور بمقاس 1200×630 بكسل

النتيجة: زيادة معدل النقر على روابط المنتجات المشاركة بنسبة 35% وتحسن ملحوظ في المظهر الاحترافي للمشاركات.

مدونة تقنية عربية

السياق: مدون تقني يستخدم ووردبريس ويواجه مشكلة في ظهور وصف عشوائي بدلاً من ملخص المقال عند المشاركة على تويتر.

العملية:

• فحص رابط المقال واكتشاف غياب علامة og:description
• التحقق من إعدادات إضافة Yoast SEO وتفعيل خيارات Open Graph
• استخدام مولد علامات Meta لإنشاء الأكواد الصحيحة

النتيجة: ظهور ملخص المقال بشكل صحيح مع صورة البارزة، وزيادة التفاعل على المنشورات المشاركة.

وكالة تسويق رقمي في الإمارات

السياق: وكالة تدير حسابات عملاء متعددين وتحتاج للتأكد من جاهزية صفحات الهبوط قبل إطلاق حملات إعلانية على فيسبوك.

العملية:

• فحص جميع صفحات الهبوط للعميل قبل بدء الحملة
• اكتشاف تناقض في العنوان بين og:title وtitle العادي
• توحيد الرسائل التسويقية عبر جميع العلامات

النتيجة: تحقيق معدل تحويل أعلى بفضل الاتساق بين الإعلان ومعاينة الرابط عند المشاركة.

شركة ناشئة سعودية

السياق: شركة ناشئة تستعد لإطلاق موقعها الجديد وتريد التأكد من جاهزيته للمشاركة على لينكد إن لجذب المستثمرين.

العملية:

• فحص الصفحة الرئيسية وصفحة "من نحن" وصفحة الخدمات
• التأكد من استخدام علامة og:type المناسبة (website للرئيسية، article للمقالات)
• التحقق من أن og:locale يعرض المحتوى العربي بشكل صحيح

النتيجة: ظهور احترافي للموقع عند مشاركته، مما يعزز مصداقية الشركة أمام المستثمرين والشركاء المحتملين.

أبعاد صور Open Graph الموصى بها

تُعد أبعاد صورة og:image من أهم العوامل المؤثرة في جودة ظهور المحتوى عند المشاركة. لكل منصة متطلبات مختلفة، لكن هناك أبعاد مثالية تضمن أفضل ظهور على معظم المنصات.

الأبعاد القياسية لكل منصة:

المنصة	الأبعاد الموصى بها	نسبة العرض للارتفاع
فيسبوك	1200 × 630 بكسل	1.91:1
لينكد إن	1200 × 627 بكسل	1.91:1
تويتر/X	1200 × 675 بكسل	16:9
واتساب	1200 × 630 بكسل	1.91:1
بنترست	1000 × 1500 بكسل	2:3

نصائح للصور المثالية:

• استخدم صوراً بحجم أقل من 8 ميجابايت لتحميل سريع
• تجنب النصوص الكثيرة داخل الصورة
• احرص على وضوح العناصر الرئيسية في وسط الصورة
• استخدم أداة ضغط الصور لتحسين حجم الملف دون التأثير على الجودة

الفرق بين Open Graph وTwitter Cards

يُعد فهم الفرق بين هذين البروتوكولين أمراً ضرورياً لتحسين ظهور محتواك على جميع المنصات الاجتماعية.

Open Graph (OG):

• طوّرته فيسبوك عام 2010
• يُستخدم أساساً على فيسبوك ولينكد إن وواتساب
• العلامات تبدأ بـ og: مثل og:title وog:image
• يدعم أنواع محتوى متعددة (website, article, product, video)

Twitter Cards:

• طوّرته تويتر خصيصاً لمنصتها
• العلامات تبدأ بـ twitter: مثل twitter:card وtwitter:title
• يقدم أنواع بطاقات مختلفة (summary, summary_large_image, player)
• تويتر يستخدم علامات OG كخيار بديل إذا لم تتوفر Twitter Cards

التكامل بين الاثنين: يُنصح بتضمين كلا النوعين في موقعك لضمان أفضل تغطية. يمكنك استخدام مولد Twitter Card لإنشاء الأكواد المناسبة، ثم التحقق منها باستخدام فاحص Twitter Card.

أخطاء Open Graph الشائعة وكيفية إصلاحها

تواجه العديد من المواقع العربية مشكلات متكررة في إعداد علامات Open Graph. إليك أبرز هذه الأخطاء وطرق معالجتها:

الخطأ الأول: صورة صغيرة أو مفقودة المشكلة: ظهور صورة مصغرة أو أيقونة الموقع بدلاً من الصورة المقصودة. الحل: تأكد من أن og:image تشير إلى صورة بأبعاد 1200×630 بكسل كحد أدنى، واستخدم رابط URL كامل يبدأ بـ https.

الخطأ الثاني: عدم تحديث الصورة المشكلة: فيسبوك يعرض صورة قديمة رغم تحديثها في الموقع. الحل: استخدم أداة Facebook Sharing Debugger لإعادة جلب البيانات، أو أضف معامل استعلام عشوائي للرابط (?v=2).

الخطأ الثالث: وصف مقطوع أو ناقص المشكلة: ظهور وصف غير مكتمل أو نص عشوائي من الصفحة. الحل: حدد og:description بوضوح بطول 150-160 حرفاً، واجعله ملخصاً جذاباً للمحتوى.

الخطأ الرابع: رابط og:url خاطئ المشكلة: التوجيه إلى صفحة مختلفة عند النقر على الرابط المشارك. الحل: تأكد من أن og:url يطابق الرابط الأساسي (canonical URL) للصفحة.

الخطأ الخامس: تجاهل علامة og:type المشكلة: عدم تحديد نوع المحتوى يؤثر على طريقة العرض. الحل: استخدم website للصفحة الرئيسية، article للمقالات، product للمنتجات.

أدوات ذات صلة

أكمل سير عملك باستخدام أدوات ToolsPivot التكميلية التالية:

• مولد Open Graph: إنشاء أكواد علامات OG جاهزة للنسخ واللصق في موقعك بسهولة.

• محلل علامات Meta: فحص شامل لجميع العلامات الوصفية في موقعك وليس فقط علامات OG.

• مدقق سرعة الصفحة: تحسين سرعة تحميل الصفحات لضمان جلب علامات OG بسرعة من قبل المنصات.

• أداة تغيير حجم الصور: ضبط أبعاد صور og:image لتتناسب مع متطلبات كل منصة اجتماعية.

• فاحص الروابط المعطلة: التأكد من صحة روابط الصور والموارد المستخدمة في علامات OG.

• مولد ملف Robots.txt: ضمان وصول زواحف المنصات الاجتماعية لصفحاتك لجلب بيانات OG.

الأسئلة الشائعة

ما هو Open Graph ولماذا هو مهم؟

Open Graph هو بروتوكول طورته فيسبوك عام 2010 يسمح لصفحات الويب بالتحكم في كيفية ظهورها عند مشاركتها على منصات التواصل الاجتماعي. أهميته تكمن في تحسين معدلات النقر وتعزيز الهوية البصرية لعلامتك التجارية عبر الإنترنت.

هل يؤثر Open Graph على ترتيب الموقع في جوجل؟

علامات Open Graph ليست عامل ترتيب مباشر في جوجل، لكنها تؤثر بشكل غير مباشر من خلال زيادة الزيارات والتفاعل القادم من منصات التواصل الاجتماعي، مما يُعد إشارة إيجابية لمحركات البحث.

ما الفرق بين og:title وtitle العادي؟

علامة title هي عنوان الصفحة الذي يظهر في نتائج جوجل وتبويب المتصفح، بينما og:title هو العنوان الذي يظهر عند مشاركة الرابط على فيسبوك. يمكن أن يكونا متطابقين أو مختلفين حسب استراتيجيتك التسويقية.

كم عدد علامات Open Graph التي أحتاجها؟

الحد الأدنى الموصى به هو أربع علامات أساسية: og:title وog:description وog:image وog:url. يمكنك إضافة علامات إضافية مثل og:type وog:locale لتحسين الدقة.

لماذا لا تظهر صورتي الجديدة على فيسبوك؟

فيسبوك يحتفظ بنسخة مخزنة من بيانات OG في ذاكرته المؤقتة. استخدم أداة Facebook Sharing Debugger واضغط على "Scrape Again" لإجبار فيسبوك على جلب البيانات الجديدة.

هل يعمل Open Graph مع المواقع العربية؟

نعم، Open Graph يدعم المحتوى العربي بالكامل. استخدم علامة og:locale بقيمة ar_AR للمحتوى العربي، وتأكد من ترميز النص بـ UTF-8.

ما هو الحجم الأمثل لصورة og:image؟

الأبعاد المثالية هي 1200×630 بكسل بنسبة 1.91:1، وهذا الحجم يعمل بشكل جيد على فيسبوك ولينكد إن وواتساب. حاول إبقاء حجم الملف أقل من 5 ميجابايت.

هل أحتاج Open Graph إذا كان لدي Twitter Cards؟

نعم، يُفضل استخدام كليهما. Open Graph يُستخدم على فيسبوك ولينكد إن وواتساب، بينما Twitter Cards محسنة لتويتر/X. بعض المنصات تستخدم OG كخيار بديل.

كيف أتحقق من عمل علامات OG بشكل صحيح؟

استخدم فاحص Open Graph من ToolsPivot لمعاينة شاملة، أو أدوات المنصات الرسمية مثل Facebook Sharing Debugger وLinkedIn Post Inspector للتحقق المحدد لكل منصة.

هل يمكنني استخدام صورة GIF في og:image؟

فيسبوك يدعم صور GIF في og:image، لكن معظم المنصات الأخرى تعرض الإطار الأول فقط. يُنصح باستخدام صور JPG أو PNG للحصول على نتائج متسقة عبر جميع المنصات.

ما هي علامة og:type وما قيمها الممكنة؟

علامة og:type تحدد نوع المحتوى. القيم الشائعة تشمل: website للصفحات العامة، article للمقالات، product للمنتجات، video.movie للأفلام، وmusic.song للأغاني.

هل يمكنني تخصيص صور OG مختلفة لكل منصة؟

Open Graph القياسي يستخدم صورة واحدة لجميع المنصات. لكن Twitter Cards تتيح تحديد صورة مختلفة باستخدام twitter:image، مما يسمح بتخصيص أكبر حسب متطلبات كل منصة.