شاهد كيف تبدو صفحتك عندما يشارك أحدهم الرابط
شاهد البطاقة التي تبنيها ست منصات عندما يشارك أحدهم رابطًا إلى صفحتك.
عند مشاركة رابط، لا تكتفي المنصة بعرض العنوان. إنها تجلب الصفحة، وتقرأ بضعة وسوم من head، ثم تبني منها بطاقة: صورة واحدة، وعنوان رئيسي واحد، وسطر نصي واحد. أي وسوم تقرأها يعتمد على المكان الذي نُشر فيه الرابط. تبحث X عن وسومها أولًا ثم ترجع إلى وسوم Open Graph عند غيابها، بينما تقرأ Facebook و LinkedIn وسوم Open Graph وحدها. وغياب وسم لا يترك فراغًا؛ تأخذ المنصة شيئًا آخر من الصفحة، وغالبًا ما يكون أول نص تجده. أدخل عنوانًا أدناه لقراءة وسوم صفحة، أو اكتبها بنفسك، وتُرسم البطاقة كما تبنيها كل منصة من المنصات الست.
أي وسوم تقرأ كل منصة
تتحقق X من وسومها أولًا وترجع إلى Open Graph عند غيابها. أما Facebook و LinkedIn فتقرآن وسوم Open Graph وحدها، ولذلك لا يفعل وسم X لديهما شيئًا على الإطلاق. وتقبل Slack و Discord أيًا منهما. وهكذا يمكن لصفحة واحدة أن تنتج ست بطاقات لا تتطابق فيما بينها، وقد يغيب عنوان رئيسي أنت واثق من ضبطه في نصفها. كل معاينة هنا تتبع الترتيب الذي تستخدمه تلك المنصة فعلًا.
تتذكر Facebook و LinkedIn ما قرأتاه
تحتفظ كلتاهما بنسخة مما وجدتاه أول مرة جلبتا فيها صفحتك، وتبقيان عليها مدة طويلة. تصحّح الوسوم ولا تتغير البطاقة، وهذا أكثر سبب شيوعًا يجعل إصلاحًا صحيحًا يبدو فاشلًا. عليك أن تطلب من المنصة قراءة الصفحة من جديد، ولدى كل منهما أداة لذلك: Sharing Debugger لدى Facebook و Post Inspector لدى LinkedIn. لا توجد أداة تستطيع تفريغ تلك الذاكرة نيابة عنك، وهذه الأداة منها. ما تراه هنا هو ما تقوله الوسوم الآن، لا ما لا يزال Facebook يعرضه.
غياب الوسم لا يترك فراغًا
تستبدل المنصات بدل أن تترك ثغرة. فبلا وسم وصف تأخذ سطرًا من الصفحة، غالبًا أول نص تصادفه، وفي كثير من المواقع يكون هذا النص عنوان قائمة أو إشعار ملفات تعريف الارتباط. وبلا صورة تنكمش البطاقة إلى سطر نصي بجوار أيقونة الموقع. والمعاينات هنا تتبع هذه الاستبدالات.
الحجم، وأين يقع القص
تحت 600px عرضًا تقريبًا، تتوقف معظم المنصات عن عرض البطاقة ذات الصورة الكبيرة وتنزل إلى صورة مصغّرة بجوار النص، وهي بطاقة أضعف بكثير. و1200 في 630 هو المقاس الذي يستهدفه معظم الناس. ويجري القص من المنتصف، لذا قد يختفي كل ما يقع قرب الحافة العلوية أو السفلية أو الجانبية: رقم هاتف أسفل صورة فوتوغرافية، أو اسم أعلى ملصق. وتُحمَّل الصورة هنا في متصفحك وتُقاس، فالحجم الذي تراه هو الحقيقي لا ما يدّعيه وسم العرض.
مجموعة وسوم واحدة، وست بطاقات، لأن المنصات لا تقرأها بالطريقة نفسها.
- بتخطيط كل منصة
- بترتيب الوسوم الذي تستخدمه كل منصة
- جنبًا إلى جنب
- تُقاس في متصفحك
- بكسلات حقيقية، لا ما يقوله الوسم
- مقصوصة كما ستُقص فعلًا
- العنوان الرئيسي والوصف
- أين يُقتطع كل منهما
- من أي وسم جاء كل منهما
- أي وسوم موجودة هناك
- كل بديل احتياطي متبَّع
- لا شيء يُحتفظ به