معاينة المشاركة
الاجتماعية
شاهد رابطك كما ستعرضه WhatsApp وX وLinkedIn وFacebook، قبل أن تشاركه. اكتب عنوان موقعك، أو الصق HTML / اكتب الوسوم يدوياً. نجلب صفحتك بأمان، ولا شيء آخر يغادر متصفّحك.
كيف يسافر رابطك؟
أو الصق HTML / اكتب الوسوم يدوياً
الفحص، بما ستشتكي منه الشبكات
| الوسم | الحالة | ملاحظة |
|---|
تقدّم Yetty بطاقات Open Graph وTwitter في كل صفحة تلقائياً، أحجام صحيحة، روابط مطلقة، بلا إضافة.
ستّ قواعد تتشاركها
الشبكات الأربع
og: هي اللغة المشتركة
WhatsApp وFacebook وLinkedIn وX جميعها تقرأ Open Graph أولاً. اضبط og:title وog:description وog:image جيداً وتكون قد أنجزت 90%.
1200 x 630، رابط مطلق
حجم صورة واحد يُرضي الجميع. الروابط النسبية مثل /hero.jpg تفشل بصمت، فالزاحف لا يعرف أي موقع تقصد.
الجميع يقصّ إلى 1.91:1
الصور الطويلة أو المربّعة يُقصّ أعلاها وأسفلها. أبقِ الوجوه والنصوص في الشريط الأوسط من الصورة.
العناوين تُقتطع بشكل مختلف
يعرض X نحو 70 حرفاً، وFacebook نحو 88، وWhatsApp سطرين قصيرين. قدّم الكلمات المهمّة في البداية.
المعاينات مخزّنة مؤقتاً
أصلحتَ وسومك لكن البطاقة القديمة ما زالت تظهر؟ الشبكة خزّنتها مؤقتاً. استخدم Sharing Debugger من Facebook أو Post Inspector من LinkedIn للتحديث، أو اكسر الرابط بـ?v=2.
twitter:card يفتح البطاقة الكبيرة
يرجع X إلى وسوم og: للكلمات، لكن فقط twitter:card = summary_large_image يضمن تخطيط الصورة بعرض كامل.
يسأل الناس أيضاً
لماذا لا يُظهر رابطي صورة على WhatsApp؟
غالباً أحد ثلاثة أمور: وسم og:image مفقود، أو رابطه نسبي بدل أن يكون مطلقاً (لا يستطيع WhatsApp تحليل /hero.jpg)، أو الصورة كبيرة جداً، إذ يتخطّى WhatsApp الصور فوق نحو 600KB. أضف رابط https مطلقاً لصورة بحجم معقول وأعد المشاركة؛ يخزّن WhatsApp المعاينات مؤقتاً، فاختبر برابط جديد أو أضف ?v=2.
ما الحجم الذي يجب أن تكون عليه og:image؟
1200 x 630 بكسل هي الإجابة الآمنة، نسبة 1.91:1 التي يقصّ نحوها Facebook وLinkedIn وX. أبقِها دون 5MB (دون 600KB إن كان WhatsApp يهمّك) ولا تضع شيئاً مهماً في الحواف الخارجية التي تُقصّ في بعض الشبكات.
هل أحتاج وسوم twitter: منفصلة إن كانت لديّ وسوم og: بالفعل؟
غالباً لا، يرجع X إلى og:title وog:description وog:image. الوسم الوحيد الذي تريده هو twitter:card مضبوطاً على summary_large_image؛ بدونه قد يعرض X البطاقة المربّعة الصغيرة بدل الكبيرة.