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

افتح أداة معاينة الرسم البياني

جارٍ تحميل مساحة العمل...

كيفية معاينة علامات OG من أي عنوان URL

الصق عنوان URL https مطلقًا، وقم بتشغيل جلب البيانات التعريفية، ثم راجع العنوان المدمج والوصف والصورة وعنوان URL المقصود. قم بتوسيع التشخيصات لتأكيد رموز الحالة، وعنوان URL النهائي بعد عمليات إعادة التوجيه، ونوع المحتوى.

كيفية اختيار Open Graph وTwitter Card والعلامات الوصفية الاحتياطية

بالنسبة للمعاينات بنمط Facebook وLinkedIn، نفضل علامات Open Graph، ثم نعود إلى علامة العنوان والوصف التعريفي وعنوان URL الأساسي وأول صورة مناسبة للجسم عند فقدان og:image. بالنسبة للمعاينة بنمط X/Twitter، نفضل twitter:title، وtwitter:description، وtwitter:image عند وجودها، وإلا فإننا نرجع إلى Open Graph ثم نفس الإجراءات الاحتياطية العامة.

مشكلات البيانات الوصفية الشائعة وكيفية إصلاحها

تعد og:image المفقودة هي المشكلة الأكثر شيوعًا المتعلقة بجودة المشاركة - أضف عنوان URL لصورة مربعة أو أفقية. العلامات المكررة أو المتعارضة، وعناوين URL للصور النسبية بدون قاعدة صحيحة، والعناوين الطويلة التي يتم اقتطاعها شائعة أيضًا. استخدم المحرر لاختبار الإصلاحات قبل النشر.

كيفية تصدير علامات تعريف HTML أو JSON

بعد نجاح عملية الجلب (أو بعد ملء الحقول المطلوبة يدويًا)، استخدم نسخ HTML أو نسخ JSON، أو قم بتنزيل ملفات .html و.json. يتم تجاوز القيم في مقتطف HTML ويتضمن JSON حالة المصدر لكل حقل مدعوم.

جلب البيانات الوصفية لبطاقة Open Graph وTwitter من عنوان URL عام، ومعاينة البطاقات ذات النمط Facebook وX/Twitter وLinkedIn، وتجاوز الحقول محليًا، وتصدير علامات تعريف HTML أو JSON.

الأسئلة المتداولة

لماذا تختلف المعاينات عبر Facebook وX وLinkedIn؟

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

هل تغير هذه الأداة موقع الويب المباشر الخاص بي؟

لا، يتم تحليل HTML الذي تم جلبه للطلب الحالي فقط. تظل عمليات التحرير والتصدير في متصفحك (مع معلمات استعلام URL اختيارية للتجاوزات القابلة للمشاركة). لا يتم كتابة أي شيء مرة أخرى إلى موقعك.

ماذا لو كانت صفحتي تحظر عمليات الجلب التلقائية؟

تقوم بعض المواقع بإرجاع 403/401 إلى عملاء لا يستخدمون المتصفح. يدعم MVP هذا فقط HTML الذي يمكن جلبه للعامة دون مصادقة. جرّب عنوان URL المرحلي أو قم بتخفيف قواعد الروبوت مؤقتًا إذا كنت تتحكم في الخادم.