لتضمينات Discord
شاهد كيف يضمّن Discord رابطك داخل قناة أو رسالة مباشرة.
بدون بطاقة ائتمان · خطة Free مجانية دائمًا
يقرأ Discord بيانات Open Graph و oEmbed الوصفية ليبني بطاقة التضمين التي تراها في القنوات. تفحص هذه الأداة طريقة تضمين الرابط في رسالة على Discord، ولا تعرض معاينة للخوادم أو لدعوات الخوادم.
يُخزَّن التضمين مؤقتًا لكل خادم على حدة. عدّل الرسالة لتجبر Discord على جلب البيانات الوصفية من جديد.
يرتّب Discord مصادر البيانات الوصفية في طبقات: oEmbed أولًا للمواقع التي توفره (وبهذا تحصل روابط YouTube و Spotify على تضمينات قابلة للتشغيل)، ثم Open Graph، ثم ما يجده في HTML العادي. وفي الموقع العادي، وسوم OG هي ما تتحكم فيه: og:title و og:description و og:image، واختياريًا og:site_name الذي يعرضه Discord فوق العنوان في بطاقة التضمين.
ولدى Discord وسم واحد شائع الاستخدام ينفرد به فعلًا: theme-color. تصبح قيمة meta name='theme-color' الشريط الملوّن على الحافة اليسرى للتضمين، وهو الخط العمودي الصغير الذي يمنح التضمين طابع علامتك. يكلّفك سطرًا واحدًا من HTML، وهو أرخص تحسين للروابط المتداولة في مجتمعات Discord.
ويختلف التعامل مع الصور هنا عن المنصات الأخرى بطريقة مفيدة: تظهر og:image صورةً كبيرة في متن التضمين، أما twitter:card=summary فتجعل Discord يعرض الصورة مصغرة بجانب النص. إذا ظهرت في روابطك صورة ضخمة حيث أردت بطاقة مدمجة (أو العكس)، فالتفاعل بين هاتين العائلتين من الوسوم هو عادةً ما يجب تعديله.
تظهر تضمينات Discord على خلفيات داكنة لدى معظم المستخدمين (المظهر الفاتح موجود، لكن الداكن هو السائد في ثقافة Discord). وصور المشاركة المصممة للخلاصات البيضاء، بنص داكن على خلفية شفافة أو بيضاء، قد تبدو باهتة أو تختفي تمامًا في التضمين. إذا كانت مجتمعات Discord قناة حقيقية لك، فاختبر صورة og:image على خلفية داكنة.
في منتجات الألعاب وأدوات المطورين والمجتمعات، يكون Discord غالبًا المكان الذي تُشارَك فيه الروابط أكثر من غيره، وكثير من هذه المشاركات تنشرها البوتات و webhooks. تُعرض الروابط التي تنشرها البوتات بقواعد OG نفسها التي تُعرض بها روابط البشر، لكن البوتات تستطيع أيضًا بناء تضمينات مخصصة غنية عبر API تتجاهل وسوم OG تمامًا. اعرف الآلية التي يستخدمها تكاملك قبل أن تصحح الآلية الخطأ.
إذا بدت البطاقة خاطئة، فالسبب عادةً وسوم الصفحة أو إعادة توجيه تسبقها. يشرح مقال إصلاح معاينات روابط Open Graph الوسوم التي تقرؤها كل منصة، ويبين فاحص إعادة التوجيه هل يمر برنامج الزحف بقفزات قبل أن يصل إلى صفحتك، ويخبرك تقييم الثقة في الرابط هل الوجهة نفسها مصنّفة كوجهة مشبوهة. ولمعاني المصطلحات (og:image و canonical و unfurl) راجع المسرد. أما فاحص معاينة الروابط المبسّط فيعرض البطاقة النهائية على ثماني منصات دفعة واحدة.
تأكد من أن روابط الإطلاق تبدو متقنة في قناة #announcements، ففي كثير من المجتمعات يرى بطاقة التضمين عدد أكبر ممن يزورون الموقع نفسه.
تحقق من أن الروابط التي ينشرها البوت تظهر بالصورة والنص الصحيحين، واعرف هل يعتمد البوت على معاينات OG أم على تضمينات مبنية عبر API.
اكتشف المعاينات المضللة أو المعطلة قبل أن تنتشر، فالتضمين أول ما يحكم به الأعضاء على الرابط.
تحقق من وضوح og:image على خلفية Discord الداكنة، حيث تفقد الصور المصممة للخلاصات البيضاء وضوحها غالبًا.
تأكد من ضبط theme-color لتحمل تضميناتك شريط لون علامتك في كل خادم تُشارَك فيه.
نسخ جاهزة الإعداد ومضبوطة لمنصات وحالات استخدام محددة.
لمشاركات LinkedIn
شاهد كيف يبدو رابطك عند مشاركته على LinkedIn، قبل أن تنشره.
فتح النسخةلمعاينات الروابط في Slack
تحقق من شكل معاينة رابطك داخل رسائل Slack وقنواته.
فتح النسخةلبطاقات X و Twitter
اعرف كيف يظهر رابطك على X في بطاقة Twitter Card.
فتح النسخةلمشاركات Facebook
افحص كيف سيظهر رابطك في منشور أو مشاركة على Facebook.
فتح النسخةلمحادثات WhatsApp
اعرف العنوان والوصف والصورة المصغرة التي يعرضها WhatsApp عند لصق رابط في محادثة.
فتح النسخةلرسائل Telegram
اعرف كيف يعرض Telegram رابطك في المحادثات والمجموعات والقنوات.
فتح النسخةللروابط الغنية في iMessage
شاهد بطاقة الرابط الغني التي ينشئها تطبيق Messages من Apple انطلاقًا من og:title و og:image.
فتح النسخة