معاينة رابط وسائل التواصل الاجتماعي

عاين شكل رابطك المحتمل عند مشاركته على Facebook وX وLinkedIn من العنوان والوصف والصورة، أو حمّل وسوم og: مباشرة من رابط صفحة.

Facebook
لا توجد صورة
example.com
My Awesome Article
A short summary shown when the link is shared on social networks.
X (Twitter)
لا توجد صورة
My Awesome Article
من example.com
LinkedIn
لا توجد صورة
My Awesome Article
example.com
هذه نماذج تقريبية لتصميم بطاقات الروابط الحالي في كل شبكة؛ تعتمد البطاقات الفعلية على التطبيق وحجم الشاشة وذاكرة الشبكة المؤقتة. يجلب زر "تحميل الوسوم من العنوان" الصفحة عبر خادم AlgoKit ويقرأ وسوم og:/twitter: فيها.

ما هو معاينة وسائل التواصل؟

تعرض هذه الأداة نماذج تقريبية لبطاقات الروابط التي تعرضها Facebook وX (تويتر) وLinkedIn لرابط ما، جنباً إلى جنب. اكتب العنوان والوصف ورابط الصورة، أو اضغط «Load tags from URL» لقراءة وسوم Open Graph وTwitter للصفحة تلقائياً.

كيفية استخدام معاينة وسائل التواصل

  1. أدخل رابط الصفحة؛ واضغط اختيارياً Load tags from URL لملء الحقول من وسوم og: وtwitter: فيها.
  2. عدّل العنوان ورابط الصورة والوصف لتجربة بدائل.
  3. قارن نماذج البطاقات الثلاثة؛ وتُقصَّر النصوص الطويلة بالطريقة التي تتبعها كل شبكة عادة.

متى تستخدم معاينة وسائل التواصل

استخدمه لتجربة عناوين وصور المشاركة قبل النشر. النماذج تقريبية – فالبطاقات الحقيقية تعتمد على إصدار التطبيق وحجم الشاشة وذاكرة كل شبكة المؤقتة – فتأكد بأدوات التشخيص الرسمية للحملات المهمة.

كيف يعمل معاينة وسائل التواصل

تُرسم المعاينات محلياً بتخطيط البطاقات الحالي لكل شبكة (صورة 1.91:1 واسم المضيف والعنوان والوصف) وبحدود أحرف تقريبية. يستخدم «Load tags from URL» دالة Pages الخاصة بـ AlgoKit المحمية من SSRF لجلب الصفحة واستخراج وسوم meta (og:title وog:description وog:image وtwitter:* مع عنوان HTML ووصفه كبدائل). وتُعرض الصورة مباشرة من الرابط الذي تدخله.

حالات الاستخدام الشائعة

  • التحقق من أن عنوان مدونة لا يُقتطع على Facebook.
  • معرفة كيف تُقص صورة منتج في بطاقة عريضة.
  • مقارنة معاينة صيغتين لعنوان.
  • التحقق من ضبط og:image لصفحة منشورة.

الأسئلة الشائعة

هل هذه المعاينات دقيقة؟

لا. تتبع تخطيطات الشبكات الحالية، لكن الخطوط والاقتطاع والقص تتفاوت بحسب الجهاز وتتغير بمرور الوقت.

لماذا يفشل Load tags from URL؟

قد تحجب الصفحة الروبوتات أو تتطلب تسجيل دخول أو تكون على شبكة خاصة أو غير متصلة. ما زال بإمكانك كتابة القيم يدوياً.

ما الوسوم التي تُقرأ؟

og:title وog:description وog:image وog:url أولاً، ثم twitter:title/description/image، ثم <title> الصفحة ووصف meta.

الخطوات التالية المقترحة

استكشف المزيد من الفئات