نسخ ولصق مع معاينة نصائح الصور/التخزين المؤقت مضمنة

مولد وسوم OGP (إخراج تلقائي لـ og:title/og:image وغيرها)

أدخل الرابط، العنوان، الوصف، ورابط الصورة. قم بتوليد وسوم Open Graph + Twitter Card الوصفية معاً.

يعمل الجلب مباشرة في متصفحك (تطبق قيود CORS).

إدخال

1) المعلومات الأساسية

مطلوب

توجيه: 30–60 حرفاً 0
توجيه: 80–120 حرفاً 0
تظهر معاينة مصغرة عند تحميل الصورة.
النسبة الحالية -

اختر موقع إلكتروني أو مقالة.

2) بطاقة تويتر (Twitter Card)
قابل للطي / مفعل افتراضياً
تضمين وسوم بطاقة تويتر
قواعد المزامنة التلقائية
  • • إذا كان twitter:title فارغاً، استخدم og:title.
  • • إذا كان twitter:description فارغاً، استخدم og:description.
  • • إذا كان twitter:image فارغاً، استخدم og:image.
3) خيارات متقدمة
افتح فقط إذا كنت بحاجة إلى ضبط دقيق.

نص لإمكانية الوصول. X يشير إلى ما يصل إلى 420 حرفاً.

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

وسوم المقالة (فقط عند og:type=article)

استخدم ISO 8601 إذا لزم الأمر.

الوسوم الوصفية المولدة


            

معاينة

معاينة OG
example.com
عنوان المعاينة
سيظهر الوصف هنا.
تبدو العديد من تطبيقات التواصل الاجتماعي/المحادثة مشابهة لهذا
معاينة بطاقة X summary
example.com
عنوان المعاينة
سيظهر الوصف هنا.
للتبديل بين summary و summary_large_image
ملاحظات (اختياري)
    تظهر الملاحظات هنا بناءً على مدخلاتك.

    خيارات

    دليل حجم الصورة (أمثلة)
    اختر OG أو X لرؤية أحجام نموذجية
    تلميح النسبة -

    كيفية الاستخدام / أمثلة

    1. املأ الرابط، العنوان، الوصف، ورابط الصورة.
    2. اختر og:type وإعدادات بطاقة تويتر (اختياري).
    3. انسخ الوسوم المولدة والصقها في <head>.
    مثال سريع

    أدخل الرابط + العنوان + الصورة، ثم انسخ المجموعة الموصى بها.

    ملاحظات ونصائح

    ما هو OGP؟

    يتيح OGP (بروتوكول الرسم البياني المفتوح) لمنصات التواصل الاجتماعي قراءة عنوان صفحتك، وصفها، وصورتها.

    عن طريق تعيين og:title/og:description/og:image، يمكنك التحكم في كيفية ظهور الروابط المشتركة.

    تستخدم بطاقات تويتر (X) بيانات وصفية مماثلة ويمكن أن تعود لاستخدام وسوم OG.

    إرشادات حجم الصورة (لاستقرار المعاينات)

    إرشادات Meta (فيسبوك)
    • • الحد الأدنى 200×200.
    • • لأفضل عرض، 1200×630 أو أكبر؛ يشار إلى 600×315 كحد أدنى. (مطوروا فيسبوك)
    • • نسبة قريبة من 1.91:1 تساعد في تجنب القص (تقريبي، ليس صارماً).
    • • تتضمن إرشادات حجم الملف 8 ميجابايت أو أقل.
    إرشادات بطاقة X (تويتر)
    • • يدعم summary_large_image نسبة 2:1؛ الحد الأدنى 300×157، الحد الأقصى 4096×4096. (مطور X)
    • • يشار إلى حجم ملف أقل من 5 ميجابايت والتنسيقات الشائعة (JPG/PNG/WEBP/GIF).

    عندما لا تظهر التغييرات (التخزين المؤقت وإعادة الجلب)

    • • تقوم زواحف الشبكات الاجتماعية بتخزين بيانات OG مؤقتاً. استخدم مصحح/فاحص كل منصة لإعادة الجلب. (مطوروا فيسبوك)
    • • إذا استبدلت الصورة ولكنها لا تتحدث، قد يكون رابط الصورة نفسه مخزناً مؤقتاً؛ غير اسم الملف أو أضف سلسلة استعلام.
    • • يمكن أن تحسن إضافة og:image:width/height من استقرار العرض. (مطوروا فيسبوك)

    أدوات للتحقق

    أسئلة شائعة

    هل أضمن وسوم بطاقة تويتر أيضاً؟

    نعم. يمكن توليد twitter:card والوسوم ذات الصلة معاً. يمكن لـ X العودة لاستخدام وسوم OG، لذا الإعدادات البسيطة لا تزال تعمل. (مطور X)

    حجم الصورة الموصى به؟

    كدليل، تقترح Meta حجم 1200×630 أو أكبر (بحد أدنى 600×315) ونسبة قريبة من 1.91:1. لدى summary_large_image في X نسبة وحدود دنيا مختلفة. اختر المنصة المستهدفة.

    المعاينة لا تتحدث

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