مدقق بيانات Open Graph

تحقق من علامات meta الخاصة بـ Open Graph وبطاقات تويتر لأي صفحة HTML. استخرج og:title/og:description/og:image بالإضافة إلى علامات تويتر، سلط الضوء على القيم المفقودة أو غير الصالحة، وأنشئ تقارير JSON/PDF قابلة للمشاركة. مصمم لتصحيح معاينات تحسين محركات البحث والوسائط الاجتماعية مع دعم إعادة التوجيه وإخراج النص الخام.

Loading…

حول مدقق بيانات Open Graph

الصق رابط URL للتحقق مما يمكن لمنصات التواصل الاجتماعي قراءته من صفحتك: علامات Open Graph (og:*) وبيانات وصف بطاقات تويتر. تساعدك هذه الأداة في اكتشاف العناوين/الوصف المفقود، أو روابط og:image المعطلة أو غير العامة، أو مشاكل إعادة التوجيه، والمزالق الشائعة في المعاينة — بحيث تبدو روابطك صحيحة على X/تويتر، فيسبوك، لينكد إن، Slack، Discord، والمزيد.

الميزات

  • استخراج بيانات Open Graph: og:title، og:description، og:image وخصائص OG ذات الصلة عند توفرها.
  • استخراج علامات بطاقات تويتر (twitter:card، twitter:title، twitter:description، twitter:image) عند توفرها.
  • اتبع عمليات إعادة التوجيه لفحص الوجهة الأساسية النهائية (شائع لـ HTTP→HTTPS، www، مسارات اللغة).
  • وضع التحقق من صحة HTML فقط للتركيز على علامات meta (وليس الموارد غير HTML).
  • النتائج + بطاقة النقاط وفلتر "المشاكل فقط" للتنظيف السريع.
  • إخراج نص خام سهل النسخ والمقارنة والمشاركة.
  • نسخ النتائج للتذاكر والتوثيق.
  • تصدير JSON للأتمتة والتدقيق.
  • تصدير تقارير PDF لتسليمات العملاء وتدقيق تحسين محركات البحث.

🧭 كيفية الاستخدام for open-graph-meta-checker

1

الصق رابط URL الصفحة

أدخل رابط URL للصفحة التي تريد معاينتها (مثل صفحة هبوط، مقالة مدونة، صفحة منتج). هذه الأداة مخصصة لصفحات HTML، وليس للصور أو واجهات برمجة التطبيقات.

2

اتبع عمليات إعادة التوجيه إذا كان موقعك يعيد التوجيه

اترك خيار "متابعة إعادة التوجيه" مفعلاً حتى تفحص الأداة الوجهة النهائية التي من المحتمل أن يصل إليها زواحف وسائل التواصل الاجتماعي.

3

راجع قيم OG وتويتر

تحقق من حقول العنوان والوصف والصورة. ابحث عن قيم فارغة أو عناصر نائبة أو تكرارات أو عدم تطابق بين علامات OG وتويتر.

4

أصلح مشاكل المعاينة الشائعة

تأكد من أن og:image هو رابط URL مطلق، يمكن الوصول إليه للعامة، ويشير إلى الملف الصحيح. تأكد من أن العناوين/الوصف موجزة وفريدة لكل صفحة.

5

صدّر وشارك تقريرًا

حمّل JSON للأتمتة أو PDF لتقارير تحسين محركات البحث/العملاء. استخدم عرض النص الخام للصق القيم بسرعة في التذاكر.

المواصفات الفنية

نموذج الطلب والتحليل

تجلب هذه الأداة الصفحة المستهدفة (HTML) وتستخرج علامات meta الخاصة بـ Open Graph وبطاقات تويتر من عناصر meta الخاصة بالمستند. وهي تدعم متابعة إعادة التوجيه لفحص الوجهة الفعالة.

الإعدادالسلوكالافتراضي
HTML فقطيركز على صفحات HTML واستخراج البيانات الوصفيةمفعل (حسب قدرة الأداة)
متابعة إعادة التوجيهيتتبع عمليات إعادة التوجيه لفحص الرابط النهائيمفعل
الحد الأقصى لإعادة التوجيهحد إعادة التوجيه لمنع الحلقات10
المهلةحد مهلة الطلب15000 مللي ثانية
وكيل المستخدميحدد وكيل المستخدم للطلبEncode64Bot/1.0 (+https://encode64.com)
الشبكات الخاصةيمنع الوصول إلى نطاقات الشبكات الخاصة للسلامةمعطل (الشبكات الخاصة غير مسموح بها)

مجموعة البيانات الوصفية الموصى بها (خط الأساس)

يتضمن خط الأساس القوي حقول Open Graph و Twitter Card معًا حتى تظهر المعاينات بشكل متناسق عبر المنصات.

المنصةالوسوم الدنياملاحظات
Open Graphog:title, og:description, og:imageأضف og:url و og:type عند التطبيق
Twitter Cardtwitter:card, twitter:title, twitter:description, twitter:imagetwitter:card عادةً ما يكون summary أو summary_large_image
حتى لو بدت صفحتك جيدة في المتصفح، فإن الزواحف ترى فقط ما هو موجود في استجابة HTML التي تجلبها. قد لا يتم التقاط حقن البيانات الوصفية من جانب العميل بشكل موثوق.

مشاكل og:image التي يجب الانتباه إليها

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

المشكلةالعَرَضالإصلاح
رابط الصورة النسبيلا تظهر الصورة في المعاينةاستخدم رابطًا مطلقًا لـ og:image و twitter:image
محجوب بواسطة المصادقة / الروبوتات / الجدار الناريالمعاينة مفقودة أو غير متسقةتأكد من السماح بالوصول العام للزاحفات؛ اسمح بوكلاء المستخدم الاجتماعيين إذا كنت تستخدم التصفية
إعادة توجيه رابط الصورةبعض المنصات تفشل في جلبهايفضل استخدام رابط صورة مباشر ومستقر (بدون إعادة توجيه)
نوع المحتوى خاطئالصورة غير معترف بهاقدم نوع المحتوى الصحيح (مثل image/png، image/jpeg)

سطر الأوامر

يمكنك التحقق من علامات OG/Twitter من الطرفية عن طريق جلب HTML والبحث في علامات meta. مفيد لفحوصات CI وتصحيح مشاكل SSR.

macOS / Linux

جلب HTML و سرد علامات meta الخاصة بـ OG/Twitter

curl -Ls https://example.com/page | grep -i -E "<meta[^>]+(property=\"og:|name=\"twitter:)"

يعرض علامات meta التي تؤثر على المعاينات الاجتماعية. استخدم -L لمتابعة عمليات إعادة التوجيه.

التحقق من الرابط النهائي بعد إعادة التوجيه

curl -ILs https://example.com/page | awk '/^HTTP\//{print} /^location:/I{print}'

يطبع سطور حالة سلسلة إعادة التوجيه وعناوين Location.

Windows (PowerShell)

تنزيل HTML والبحث عن علامات OG/Twitter

$html = (Invoke-WebRequest https://example.com/page).Content; $html -split "`n" | Select-String -Pattern "<meta" | Select-String -Pattern "og:|twitter:"

طريقة سريعة للتأكد من وجود العلامات في HTML المُسلم.

إذا كان تطبيقك يعتمد بشكل كبير على SPA، تأكد من تقديم علامات OG/Twitter من جانب الخادم (SSR/SSG) لضمان الموثوقية. قد لا تنفذ الزاحفات JavaScript الخاص بالعميل كما تفعل المتصفحات.

حالات الاستخدام

إصلاح المعاينات الاجتماعية المعطلة

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

  • التحقق من og:title و twitter:title
  • تأكد من أن og:image يمكن الوصول إليه ومطلق
  • اكتشاف الأوصاف الفارغة أو العناصر النائبة

ضمان الجودة للصفحات الديناميكية و SSR

تأكد من أن إطار عملك يخرج علامات OG/Twitter في استجابة HTML لكل مسار (خاصة مع Next.js، Nuxt، SvelteKit، إلخ).

  • تأكد من وجود meta الخاص بكل صفحة في HTML
  • اكتشاف إنشاء meta على جانب العميل فقط
  • التحقق من إعادة التوجيه إلى النسخ المحلية الأساسية

SEO وسير عمل نشر المحتوى

توحيد المعاينات عبر الموقع: العناوين/الأوصاف المتسقة، نوع OG الصحيح، والصور المستقرة تحسن نسبة النقر عند مشاركة الروابط.

  • مراجعة القوالب للبحث عن حقول OG المفقودة
  • تصدير PDF/JSON لقوائم المراجعة التحريرية
  • اكتشاف البيانات الوصفية المكررة عبر صفحات متعددة

تقارير العملاء والمراجعات

إنشاء تقرير نظيف قابل للتصدير لتوثيق حالة المعاينة الاجتماعية والإصلاحات الموصى بها.

  • تقرير PDF لأصحاب المصلحة
  • تقرير JSON لتتبع التغييرات عبر الزمن

❓ Frequently Asked Questions

❓ما الفرق بين Open Graph وبطاقات تويتر؟

يستخدم Open Graph (og:*) من قبل العديد من المنصات (فيسبوك، لينكد إن، Slack/Discord، إلخ). بينما تستخدم بطاقات تويتر (twitter:*) من قبل X/تويتر. ينشر العديد من المواقع كليهما للحصول على أفضل تغطية.

❓لماذا تظهر معاينتي صورة أو عنوانًا قديمًا؟

تقوم المنصات بتخزين المعاينات مؤقتًا. بعد إصلاح الوسوم، غالبًا ما تحتاج إلى إعادة الزحف باستخدام أدوات تصحيح المنصة، وقد تحتاج إلى انتظار تحديث ذاكرة التخزين المؤقت.

❓لماذا لا تظهر صورة og:image الخاصة بي؟

الأسباب الشائعة: أن الرابط نسبي، أو محظور (مصادقة/جدار حماية/robots)، أو يحوي الكثير من إعادة التوجيه، أو نوع المحتوى خاطئ، أو غير قابل للوصول بشكل عام. استخدم هذه الأداة للتحقق من القيمة المستخرجة ثم اختبر رابط الصورة مباشرة.

❓هل أحتاج إلى كل من og:title و twitter:title؟

يُوصى بذلك. تعتمد بعض المنصات على OG، وأخرى على وسوم تويتر. وجود كليهما يقلل من عدم الاتساق.

❓هل يمكنني اختبار صفحة خلف تسجيل الدخول؟

عادةً لا يمكن لبرامج الزحف الاجتماعية الوصول إلى المحتوى الذي يتطلب مصادقة، لذلك لن تعمل المعاينات بشكل موثوق. يُفضل استخدام صفحات معاينة عامة أو نقاط نهاية OG عامة للمحتوى القابل للمشاركة.

❓هل من الآمن لصق روابط هنا؟

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

Pro Tips

Best Practice

استخدم روابط مطلقة لـ og:image و twitter:image وحافظ على ثباتها (تجنب إعادة التوجيه) لتقليل فشل برامج الزحف.

Best Practice

أنشئ صور OG بشكل حتمي (قالب + معلمات) حتى تتمكن من تحديث الهوية مع الحفاظ على ثبات الروابط لكل صفحة.

Best Practice

لتطبيقات Next.js/SSR، تحقق من الوسوم في استجابة HTML الأولية (عرض المصدر)، وليس فقط في DOM بعد التهيئة.

Best Practice

حافظ على العناوين موجزة وفريدة لكل صفحة؛ قد يتم اقتطاع العناوين الطويلة جدًا في المعاينات وتقلل من نسبة النقر.

Best Practice

قم بتصدير تقارير JSON وأضفها إلى قائمة مراجعة الإصدار للكشف عن التراجعات في قوالب البيانات الوصفية.

Additional Resources

بروتوكول Open Graph
Documentation
وثائق بطاقات تويتر (X)
Documentation
وسوم Meta للمعاينات الاجتماعية (MDN: <meta>)
Documentation
مركز بحث Google: التحكم في المقتطفات (وسوم meta)
Documentation

Other Tools