معاينة Open Graph وبطاقات التواصل الاجتماعي
عاين كيف ينتشر الرابط كبطاقة اجتماعية على X وLinkedIn وSlack وDiscord وFacebook انطلاقًا من عنوان ووصف ورابط صورة ورابط صفحة.
معاينة Open Graph وبطاقات التواصل الاجتماعي — تُظهر معاينة Open Graph وبطاقات التواصل الاجتماعي كيف سيبدو رابطك عند مشاركته على منصات التواصل. اكتب عنوانًا ووصفًا ورابط صورة ورابط صفحة، ثم بدّل بين X وLinkedIn وSlack وDiscord وFacebook لرؤية نموذج حي لبطاقة الرابط لكل منها. يجري كل شيء داخل متصفحك — لا يُرفع نصك أبدًا، ويُحمَّل رابط الصورة مباشرةً من مضيفه إلى المعاينة، لا عبر خوادمنا.
ما هي معاينة Open Graph وبطاقات التواصل الاجتماعي؟
هذه أداة معاينة بصرية لبطاقات Open Graph (OG) والتواصل الاجتماعي. تُخبر وسوم meta الخاصة بـ Open Graph وبطاقة تويتر المنصاتِ بأي عنوان وملخص وصورة يجب عرضها عندما يشارك أحدهم رابطك، وتعيد هذه الأداة بناء بطاقة الرابط تلك لتتمكن من فحصها قبل النشر. يستخدمها المسوّقون وكتّاب المحتوى والمطورون عند إطلاق منشور مدونة أو صفحة هبوط أو صفحة منتج للتأكد من أن العنوان غير مقطوع، وأن الصورة تملأ الإطار، وأن النطاق يُقرأ بشكل صحيح. اختر منصة باستخدام عنصر التحكم المقسّم لرؤية تخطيطها الخاص: تعرض X وFacebook وLinkedIn صورة بانر كبيرة مع العنوان والوصف أسفلها، بينما يعرض Slack وDiscord بطاقة مدمجة بشريط تمييز ونطاق وصورة مصغّرة صغيرة. يُشتق سطر النطاق تلقائيًا من رابط الصفحة. إنها تحاكي البطاقة فقط من القيم التي تُدخلها — فهي لا تزحف إلى صفحتك المنشورة ولا تقرأ وسوم meta الموجودة فيها.
كيفية استخدام معاينة Open Graph وبطاقات التواصل الاجتماعي
- أدخل عنوان الصفحة الذي يجب أن يظهر كعنوان رئيسي للبطاقة.
- اكتب الوصف (سطر الملخص الظاهر أسفل العنوان).
- الصق رابط صورة مطلقًا (يُفضَّل 1200×630) لتحميل صورة المعاينة.
- أدخل رابط الصفحة — يُشتق النطاق الظاهر على البطاقة منه.
- بدّل بين X وLinkedIn وSlack وDiscord وFacebook لمقارنة تخطيط كل منصة.
- اضبط العنوان والوصف حتى لا يُقطع أي شيء وتبدو البطاقة كما ينبغي.
أمثلة
بطاقة منشور مدونة
العنوان 'How to Bake Sourdough' ووصف قصير وصورة og.png والرابط https://blog.example.com/sourdough تُعرض كبطاقة بانر كبيرة على X مع النطاق blog.example.com فوق العنوان الرئيسي.
انتشار Slack/Discord
عند التبديل إلى Slack تظهر القيم نفسها كبطاقة مدمجة بشريط تمييز على اليسار، والنطاق، والعنوان، وصورة مصغّرة مربعة صغيرة على اليمين.
صورة مفقودة
اترك رابط الصورة فارغًا فتعرض المعاينة إطار عنصر نائب بنسبة العرض إلى الارتفاع الصحيحة كي تظل قادرًا على تقدير التباعد وتخطيط النص.
الأسئلة الشائعة
- ما المنصات التي يمكنني معاينتها؟
- خمس: X (تويتر) وLinkedIn وSlack وDiscord وFacebook. تُرسم X وFacebook وLinkedIn كبطاقات بانر بصورة كبيرة، بينما يستخدم Slack وDiscord نمط الانتشار المدمج بشريط تمييز وصورة مصغّرة صغيرة. استخدم مبدّل المنصة للتبديل بينها فورًا.
- هل تقرأ وسوم Open Graph من صفحتي المنشورة؟
- لا. إنها لا تزحف إلى صفحتك أو تجلبها ولا تحلّل وسوم meta الموجودة فيها. تبني البطاقة فقط من العنوان والوصف ورابط الصورة ورابط الصفحة التي تكتبها، لذا فهي أداة معاينة افتراضية وليست أداة تحقق من صفحة منشورة.
- من أين تأتي صورة المعاينة؟
- تُحمَّل الصورة مباشرةً بواسطة متصفحك من رابط الصورة الذي تُدخله — تنتقل من مضيف الصورة نفسه إلى متصفحك، لا عبر خوادمنا. إذا لم تظهر الصورة، فتحقق من أن الرابط مطلق (يبدأ بـ https://) ومتاح للوصول العام.
- لماذا يُقطع عنواني أو وصفي في البطاقة؟
- تقطع منصات التواصل العناوين والأوصاف الطويلة، وتحاكي المعاينة ذلك بتحديد الأسطر. إذا قُطع النص هنا فمن المرجح أن يُقطع عند المشاركة أيضًا، لذا اختصره حتى يتلاءم.
- هل تُرسل بياناتي إلى خادم؟
- لا. يبقى العنوان والوصف والروابط التي تكتبها في متصفحك ولا نرفعها أو نسجّلها أو نخزّنها أبدًا. الطلب الخارجي الوحيد هو جلب متصفحك لصورة المعاينة من الرابط الذي تقدّمه، وهو سلوك طبيعي للمتصفح.
أدوات ذات صلة
أداة إنشاء وسوم hreflang
أنشئ وسوم link hreflang لصفحة متعددة اللغات من قائمة أزواج من اللغة والـ URL، مع x-default اختياري ووسم ذاتي المرجعية.
مولّد JSON-LD
أنشئ بيانات منظَّمة JSON-LD صالحة لمخططات Article وProduct وFAQPage وHowTo وLocalBusiness وEvent وRecipe وBreadcrumbList وOrganization من نموذج بسيط.
مدقق كثافة الكلمات المفتاحية
حلّل أي نص لحساب تكرار الكلمات وكثافة الكلمات المفتاحية كعبارات من كلمة واحدة أو كلمتين أو ثلاث كلمات، مع تنبيه عند الإفراط في التحسين.
مولّد وسوم الميتا
أنشئ وسوم ميتا لتحسين محركات البحث وOpen Graph وبطاقة تويتر لصفحتك انطلاقًا من عنوان ووصف ورابط أساسي وصورة واسم موقع ونوع البطاقة.