فحص معاينة الرابطشاهد البطاقة قبل أن تنشر الرابط.
الصق رابطًا واحصل على بطاقة المشاركة كما سيرسمها كل من Facebook وX وLinkedIn وWhatsApp وDiscord وSlack وTelegram وiMessage، في الوضعين الفاتح والداكن، مع قائمة بما هو ناقص والوسوم الجاهزة للصق لإصلاحه.
الرابط يجلبه خادمنا، لأن المتصفح لا يستطيع قراءة موقع آخر نيابةً عنك. لا يُسجَّل أبدًا، ولا يُحفَظ، ولا يُمرَّر إلى أي طرف ثالث.
الصق رابطًا لترى بطاقات المشاركة الخاصة به
تحصل على البطاقة كما سيرسمها كل من Facebook وX وLinkedIn وWhatsApp وDiscord وSlack وTelegram وiMessage، مع قائمة بما هو ناقص.
لماذا تظهر في معاينة رابطي صورة خاطئة؟
السبب في الغالب واحد من خمسة، وهذه الأداة تسمّي لك أيها بدل أن تطلب منك إضافة og:image وهو موجود عندك أصلًا.
هناك أكثر من og:image واحد
القالب يضيف واحدًا، وإضافة برمجية تضيف آخر، والمنصات في أغلب الحالات تأخذ أول ما تقابله داخل head. الصورة التي كنت تتوقعها تكون عادةً في الأسفل. جدول الوسوم أعلاه يسرد كل مرشح ويشير إلى الفائز.
الصورة مكتوبة كمسار نسبي
العنوان og:image="/img/card.png" ليس رابطًا يستطيع الزاحف جلبه. يجب أن يكون مطلقًا، وأن يُحَل انطلاقًا من العنوان النهائي بعد عمليات إعادة التوجيه، لا من العنوان الذي كتبته. وإذا كان موقعك يحوّل إلى www، فقد يقود مسار يعمل محليًا إلى لا شيء في بيئة الإنتاج.
الصورة محمية ضد الربط المباشر
تُفتح عندك بلا مشكلة لأن لديك جلسة و referer صحيحًا. الزاحف لا يملك أيًا منهما، فيحصل على 403، وتبقى البطاقة بلا صورة. هذه الأداة تحمّل الصورة كما يفعل أي غريب، فيظهر العطل هنا بدل أن يظهر بعد النشر.
المنصة ما زالت تعرض نسختها المؤقتة
أصلحت الوسم قبل ساعة والصورة القديمة ما زالت موجودة. كل منصة تخزّن المعاينة على حدة، وبعضها يحتفظ بها أسابيع. لا شيء تغيّره من جهتك يمسحها، بل عليك أن تطلب إعادة جلب الرابط بأداة المنصة نفسها.
الصفحة لم تحمل تلك الوسوم أساسًا
إذا كان موقعك يُبنى في المتصفح، فالوسوم موجودة في أدوات المطوّر وليست في كود HTML الذي أعاده الخادم. ولا زاحف ينتظر تنفيذ JavaScript. هذا أكثر الأسباب شيوعًا في البنى الحديثة، وأبطؤها قبولًا لدى الناس.
ما وسوم Open Graph التي تحتاجها فعلًا؟
أربعة وسوم تحمل البطاقة كلها. الباقي تحسينات، وأي أداة تعرض العشرين وسمًا بالدرجة نفسها من الإلحاح لا تساعدك.
og:title و og:description
العنوان والسطران تحته. من دون og:title تعود المنصة إلى <title>، وهو مكتوب عادةً لنتائج البحث ويقرأ بشكل سيئ كعنوان لبطاقة. ومن دون وصف يبقى متن البطاقة فارغًا ببساطة.
og:image بعنوان مطلق وعرض 1200 بكسل على الأقل
توثّق Facebook مقاس 200x200 كحد أدنى و1200x630 كمقاس موصى به. وتوثّق LinkedIn مقاس 1200x627، وتذكر أن الصور الأقل من 401 بكسل عرضًا تظهر كصورة مصغرة صغيرة بدل لافتة عريضة. صورة واحدة بمقاس 1200x630 ترضي كل المنصات دفعة واحدة.
twitter:card
الوسم الوحيد الذي تحتاجه منك X فعلًا. اضبطه على summary_large_image وستتكفل وسوم Open Graph بالباقي: فعند غياب مقابلات twitter: تقرأ X وسوم og:title وog:description وog:image، فلا داعي لتكرارها.
og:url، والوسوم التي ترتّب فحسب
يمنع og:url احتساب الصفحة الواحدة عدة صفحات حين تُشارَك بمعاملات تتبع مختلفة. ويسمح og:image:width و height للمنصة بترتيب البطاقة قبل وصول الصورة. أما og:type وog:site_name وog:locale وog:image:alt فهي لمسات أخيرة.
هل أحتاج وسوم Twitter إذا كانت لدي وسوم Open Graph؟
في الغالب لا، ومن هنا يأتي كثير من الكود المكرر. أمران يستحقان الفهم قبل أن تنسخ مقطعًا من خمسة عشر سطرًا من مدونة ما.
X تعود إلى Open Graph من تلقاء نفسها
إذا غاب twitter:title أو twitter:description أو twitter:image، تقرأ X بدلًا منها og:title وog:description وog:image. لذا فالوسم الوحيد الذي عليك إضافته حقًا هو twitter:card، وهو الذي يحدد أتُرسَم البطاقة المربعة الصغيرة summary أم اللافتة الكبيرة. وإضافة الباقي لا تفيد إلا إذا أردت أن تقول X شيئًا مختلفًا عن بقية المنصات.
property= مقابل name=، ولماذا يعمل الاثنان
مواصفة Open Graph تضع وسومها على property=، ومواصفة بطاقات X تضع وسومها على name=. وعمليًا تقرأ المنصتان الصيغتين معًا، ولهذا فإن أداة تطابق صيغة واحدة فقط تُبلغك أن نصف وسومك مفقود. هذه الأداة تحلل الصيغتين وتخبرك بأيهما استخدمت، كملاحظة لا كخطأ.
لماذا ما زالت المعاينة تعرض الصورة القديمة؟
لأن المنصة لا تنظر إلى صفحتك أصلًا. هي تنظر إلى النسخة التي أخذتها أول مرة شارك فيها أحدهم الرابط، وستستمر كذلك حتى يجبرها شيء على النظر من جديد.
لكل منصة ذاكرة مؤقتة مستقلة
إصلاح الوسم لا يُنبّه أحدًا. تحتفظ Facebook وLinkedIn وX كل بنسختها، فقد يبدو الرابط صحيحًا في مكان وقديمًا في مكانين آخرين في الوقت نفسه.
أعد الجلب بالأدوات الرسمية
في Facebook Sharing Debugger وX Card Validator وLinkedIn Post Inspector زر يفرض جلبًا جديدًا. هذه هي الطريقة الموثوقة الوحيدة لمسحها، ومفعولها فوري.
تطبيقات المراسلة لا تخزّن غالبًا
تعيد WhatsApp وTelegram وDiscord وSlack الجلب عادةً مع كل رسالة جديدة، فهي أسرع وسيلة لتأكيد الإصلاح دون انتظار أحد.
رابط جديد هو مخرج الطوارئ
إذا رفضت منصة أن تُحدّث، فمشاركة رابط لم تره من قبل تتجاوز الذاكرة المؤقتة كليًا. وإضافة معامل واحد تكفي غالبًا.
لست متأكدًا إلى أين يقود رابط مختصر؟ حلّله بأداة قراءة أكواد QR
تحتاج رابطًا نظيفًا للمشاركة بعدما أصلحت الوسوم؟ أنشئه بأداة اختصار الروابط المجانية
المعاينة هي النصف السهل. أما معرفة ما فعله النقر فهي النصف الآخر.
البطاقة الجيدة تكسب النقرة. بعد ذلك لا يخبرك الرابط الخام بشيء: لا من أين جاءت الزيارة، ولا أي منصة حققت النتيجة فعلًا، ولا يمكن توجيهه إلى وجهة أخرى بعد نشره. هذه الفجوة هي سبب وجود LinkScale.
اعرف أي منصة حققت النتيجة
نقرات مصنّفة حسب المصدر والدولة والجهاز، لتعرف إن كان منشور LinkedIn أم النشرة البريدية هو من قام بالعمل.
غيّر الوجهة لاحقًا
وجّه رابطًا منشورًا بالفعل إلى وجهة جديدة، دون أن تطلب من أحد إعادة مشاركته.
احتفظ بالبطاقة كما هي
رابط LinkScale يحمل وسوم المشاركة الخاصة به، فاختصاره لا يكلفك المعاينة التي أصلحتها للتو.
أسئلة عن معاينة الروابط
مجانية، بلا حساب وبلا حد استخدام يستحق الذكر. الرابط يجلبه خادمنا لأن المتصفح لا يستطيع قراءة موقع آخر نيابةً عنك، وهذا كل ما تفعله تلك النقطة الطرفية: تجلب الصفحة، وتستخرج الوسوم، وتعيدها. لا يُسجَّل، ولا يُكتب في أي قاعدة بيانات، ولا يُمرَّر إلى أي طرف ثالث. وإذا كنت تفضّل ألا يغادر شيء جهازك إطلاقًا، فوضع لصق كود HTML ينفّذ التحليل كله داخل متصفحك.
اذهب أبعد مع LinkScale
أُصلحت البطاقة. حان الوقت لتعرف قيمة تلك النقرة.
يُظهر لك LinkScale مصدر كل نقرة، ويتيح لك تغيير وجهة الرابط بعد نشره.
Free 14-day trial on every plan