1
Step 1
أدخل العنوان والوصف ورابط الصورة ورابط الصفحة.
Open Graph Preview أونلاين
استخدم NewTools من أجل إنشاء وسوم Open Graph ومعاينة بطاقة مشاركة مباشرة داخل المتصفح. يعرض معاينة للعنوان والوصف والصورة والرابط ولا يجلب الصفحات البعيدة.
مولد علامات الميتا Open Graph. أنشئ وعاين علامات OG للمشاركة الاجتماعية من خلال إدخال النصوص يدوياً.
بدون تثبيت
معالجة سريعة
مناسب للمتصفح
يراعي الخصوصية
المميزات
معاينة مرئية: يعرض بطاقة محاكاة لوسائل التواصل الاجتماعي بناءً على العنوان والوصف ورابط الصورة الذي تكتبه.
توليد الكود: ينشئ علامات <meta property="og:..."> خام جاهزة للنسخ في ترويسة موقعك.
تحديثات فورية: تتحدث بطاقة المعاينة فوراً بمجرد تعديلك للحقول النصية.
يعمل محلياً فقط: لا يقوم بسحب أو جلب بيانات من الروابط الحية، مما يضمن توليد سريع للأكواد.
كيف يعمل
2
Step 2
راجع بطاقة المعاينة الاجتماعية.
3
Step 3
انسخ كود HTML المولد والصقه داخل وسم <head>.
حالات الاستخدام الشائعة
صياغة البطاقات الاجتماعية
تجربة عناوين وأوصاف مختلفة لرؤية كيف ستبدو عند مشاركتها.
برمجة ترويسة المواقع
توليد علامات Open Graph سليمة برمجياً لصفحات الهبوط الجديدة.
تخطيط الـ SEO
تجهيز بيانات الميتا قبل نشر الصفحة فعلياً على الإنترنت.
نصائح وأفضل الممارسات
Tip 1
اجعل عنوان Open Graph أقل من 60 حرفاً لتجنب قصه في شاشات الهواتف.
Tip 2
استخدم صورة بأبعاد 1200x630 بكسل للحصول على أفضل مظهر في معظم الشبكات الاجتماعية.
Open Graph Preview
توليد أكواد بدون إنترنت
نظراً لأن الأداة لا تعتمد على سحب بيانات الروابط الحية، فهي مثالية لتجهيز الأكواد للمواقع قيد التطوير أو المحتوى الذي لم يُنشر بعد.
الأسئلة الشائعة
هل تسحب هذه الأداة البيانات من رابط موقعي الفعلي؟
لا. الأداة لا تعمل مثل أداة Facebook Debugger الرسمية؛ فهي لا تقوم بجلب بيانات من الويب، بل تولد الأكواد والمعاينة فقط من النصوص التي تدخلها يدوياً.
هل هذه المعاينة دقيقة 100% لجميع المنصات؟
الأداة تقدم تقريباً مرئياً عاماً. قد تختلف طريقة اقتصاص الصور أو النصوص قليلاً بين منصات مثل لينكدإن وفيسبوك وديسكورد.
لماذا لا تظهر الصورة في المعاينة؟
تأكد من إدخال رابط مباشر وصالح لملف صورة (مثل .jpg أو .png). تعتمد الأداة على متصفحك لتحميل هذا الرابط وعرض الصورة.