كيفية الاستخدام
- أدخِل og:title وog:description المستخدمَين في الصفحة، أو اللذين تنوي استخدامهما.
- الصق URL كاملًا لصورة og:image. ستحمّلها الأداة وتعرض أبعادها الفعلية بالبكسل.
- أضف URL الصفحة أو النطاق، ثم قارن بين معاينتي البطاقة الكبيرة والصغيرة وعالج أي تحذيرات.
كيف تعمل الأداة
عندما يشارك أحدهم رابطًا، تجلب معظم شبكات التواصل الاجتماعي وتطبيقات المحادثة الصفحة وتقرأ وسوم Open Graph فيها: og:title وog:description وog:image وog:url. ثم تنشئ بطاقة للرابط. عادةً ما تنتج الصورة العريضة بنسبة أبعاد تقارب 1.91:1 بطاقة كبيرة تظهر الصورة في أعلاها؛ أما الصورة الصغيرة أو المربعة، فغالبًا ما تنتج بطاقة صغيرة يظهر فيها مصغّر بجانب النص.
تعرض هذه الأداة نمطين عامّين للبطاقات لمساعدتك على تقييم طول النص وطريقة اقتصاص الصورة. وتتحقق من الأبعاد الفعلية للصورة بعد أن يحمّلها المتصفح: إذا كانت أصغر من 200 × 200 px، تتجاهلها تطبيقات كثيرة؛ وإذا كانت أصغر من 600 × 315 px، تميل التطبيقات إلى استخدام التخطيط الصغير؛ أما إذا كانت نسبة أبعادها بعيدة كثيرًا عن 1.91:1، فسيتم اقتصاصها. ويُوصى على نطاق واسع باستخدام أبعاد 1200 × 630 px لأنها تحافظ على وضوح الصورة على الشاشات عالية الكثافة.
لا يمكن للمعاينة أن تعرض بدقة ما سيظهره تطبيق بعينه. تختلف التطبيقات في عدد أسطر العنوان والوصف التي تعرضها، ويتجاهل بعضها الوصف، كما أن معظمها يخزّن المعاينة مؤقتًا بعد المشاركة الأولى، لذلك قد لا تظهر التغييرات على وسومك فورًا. وتوفّر منصات كثيرة أداة تصحيح خاصة بها لتحديث هذه النسخة المخزنة مؤقتًا.
أمثلة
استخدام لقطة شاشة كصورة og:image
تبلغ نسبة أبعاد لقطة شاشة مقاسها 1440 × 900 نحو 1.6:1. تحذّر الأداة من هذه النسبة، إذ سيُقتص الجزءان العلوي والسفلي في البطاقة الكبيرة. يجنّبك تصدير نسخة بأبعاد 1200 × 630 المفاجآت.
استخدام الشعار بوصفه الصورة الوحيدة
يقل حجم الشعار الذي أبعاده 180 × 180 عن 200 × 200 px، لذا لن تعرض تطبيقات كثيرة أي صورة. استخدم لافتة عريضة وأكبر حجمًا تتضمن الشعار بدلًا من ذلك.
التحقق من طول العنوان
يلتف عنوان og:title المكوّن من 90 حرفًا على ثلاثة أسطر في معاينة البطاقة الكبيرة. اختصره إلى نحو 60 حرفًا لتحافظ على تنسيق البطاقة في معظم التطبيقات.
الأسئلة الشائعة
لماذا يظهر الرابط بشكل مختلف على Facebook وLinkedIn وX؟
تعرض كل منصة البطاقات بتخطيط واقتصاص وحدود للنص خاصة بها، كما تعرض بعضها الوصف بينما لا تعرضه منصات أخرى. هذه المعاينة تقريبية وعامة، وليست نسخة مطابقة لتصميم أي منصة.
غيّرت og:image لكن الصورة القديمة ما زالت تظهر. لماذا؟
تخزّن المنصات معاينات الروابط مؤقتًا. استخدم أداة تصحيح المشاركة الخاصة بالمنصة لإعادة جلب الصفحة، أو انتظر حتى تنتهي مدة التخزين المؤقت. ويساعد أيضًا تغيير اسم ملف الصورة.
هل يمكنني استخدام صورة بصيغة SVG أو WebP؟
لا تدعم معظم المنصات SVG. يعمل WebP في تطبيقات كثيرة، لكن ليس كلها؛ ويُعد JPG أو PNG الخيار الأكثر أمانًا.
لماذا تعذّر على الأداة تحميل صورتي؟
قد يتطلب URL تسجيل الدخول، أو قد يشير إلى صفحة HTML بدلًا من ملف صورة، أو ربما يمنع الخادم الطلبات الواردة من مواقع أخرى. إذا تعذّر على المتصفح تحميل الصورة هنا، فقد يتعذّر على برنامج الزحف الخاص بمنصة اجتماعية تحميلها أيضًا.
الخصوصية
يبقى النص الذي تدخله في متصفحك. للتحقق من الصورة، يطلبها متصفحك مباشرةً من URL الذي تدخله (من دون إرسال المُحيل)، لذا يتلقى الخادم طلب صورة عاديًا. لا يُرسل أي شيء إلى TIG Tools.