HedgieTools

معاينة المشاركة على الشبكات الاجتماعية

شاهد كيف ستبدو صفحتك عند مشاركتها على Google وFacebook وX وLinkedIn وWhatsApp وSlack وDiscord أو Pinterest، وأصلح ما يُقتطع منها، وانسخ وسوم Open Graph جاهزة للصق.

1. معلومات صفحتك

املأ النموذج، أو استورد البيانات من كود صفحة.

0 / 60
0 / 155
نوع الصفحة
صورة المشاركة

JPG أو PNG أو WebP أو GIF. تُستخدم الصورة المختارة للمعاينة فقط: أدخل أيضًا عنوانها على الإنترنت ليُستخدم في الكود.

2. المعاينات

محاكاة لكل منصة: قد تختلف النتيجة الفعلية قليلًا، لكن مواضع القص قريبة من الواقع.

Google

Eexample.comhttps://example.com › …
عنوان الصفحةسيظهر وصف الصفحة هنا.

Facebook

example.comعنوان الصفحةسيظهر وصف الصفحة هنا.

X

عنوان الصفحة
من example.com

LinkedIn

عنوان الصفحةexample.com

WhatsApp

عنوان الصفحةسيظهر وصف الصفحة هنا.example.com
https://example.com10:24

Slack

example.comعنوان الصفحةسيظهر وصف الصفحة هنا.

Discord

example.comعنوان الصفحةسيظهر وصف الصفحة هنا.

Pinterest

عنوان الصفحةEexample.com

يعرض Pinterest الصورة كاملة دون قصها. الصورة العمودية (2:3، مثل 1000 × 1500 بكسل) تشغل هناك مساحة أكبر، لكنها ستُقص في المنصات الأخرى.

3. الفحوص والكود

ما يجب إصلاحه، ثم الوسوم التي تلصقها في صفحتك.

  • مشكلةالعنوان مفقودمن دون عنوان، تؤلف كل شبكة عنوانًا من محتوى الصفحة.
  • مشكلةالوصف مفقودستأخذ الشبكات مقطعًا من نص الصفحة، وغالبًا ما يكون اختيارًا سيئًا.
  • مشكلةلا توجد صورالروابط التي بلا صورة تحصل على نقرات أقل بكثير. جهّز صورة بمقاس 1200 × 630 بكسل.
  • يحتاج إلى تحسينعنوان الصفحة مفقوديحدد og:url العنوان الرسمي للصفحة، فتُجمع المشاركات معًا.

الصقه في قسم head من صفحتك.

املأ النموذج لإنشاء الكود.

حول معاينة المشاركة على الشبكات الاجتماعية

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

اجعل روابطك تظهر بشكل جميل

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

الأطوال المناسبة

يقتطع Google العنوان عند 60 حرفًا تقريبًا، والوصف عند 155 تقريبًا. وتبدو صورة بمقاس 1200 × 630 بكسل (1.91:1) جيدة في كل مكان: ضع الأهم في الوسط، لأن بعض المنصات تقصها. أما Pinterest فيفضل الصورة العمودية.

كود جاهز للصق

انسخ وسوم HTML لوضعها في قسم head من صفحتك، أو كائن البيانات الوصفية لموقع Next.js. بعد النشر، قد تحتفظ الشبكات بالمعاينة القديمة في ذاكرتها المؤقتة لبضعة أيام.

لا يُرفع أي شيء

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

أدوات ذات صلة

التطوير

فك ترميز JWT

اقرأ الترويسة والحمولة (payload) والتواريخ في JWT، وتحقق من توقيعه.