حول هذه الأداة
يحلّل معاين علامات الميتا الجزء <head> من الصفحة ويعيد بناء كيفية عرض محركات البحث والمنصات الاجتماعية لها. فهو يقرأ العنوان، ووصف الميتا، والرابط القانوني، والأيقونة المفضلة، ونافذة العرض، وعلامات Open Graph (og:) وTwitter (twitter:)، ثم يطبّق سلاسل الرجوع نفسها التي تستخدمها المنصات الحقيقية — تتراجع Open Graph إلى العنوان والوصف الأساسيين، وتتراجع Twitter إلى Open Graph — فتعكس المعاينات ما يراه المستخدمون فعلاً، لا ما كتبته فحسب.
استخدمه لالتقاط الأخطاء الصغيرة التي تكسر مشاركة الروابط بصمت: عنوان يُقتطع بعد ~60 حرفًا في Google، أو og:image مفقود يترك بطاقة Facebook فارغة، أو مسار og:image نسبي يفشل عندما يجلبه زاحف، أو twitter:card مفقود يتراجع إلى التخطيط الخاطئ. الصق ترميز head لديك، وافحص بطاقات Google وFacebook/LinkedIn وX جنبًا إلى جنب، واعمل على قائمة التدقيق قبل أن تنشر العنوان أو تشاركه.
يُحلَّل كل شيء في متصفحك باستخدام DOMParser المدمج — لا يُرفَع أي ترميز أو عناوين URL، وتُحمَّل الصور البعيدة مباشرة من مصدرها لمعاينة دقيقة.
الأسئلة الشائعة
ما الطول المثالي للعنوان ووصف الميتا؟
استهدف عنوانًا من 50–60 حرفًا ووصف ميتا من 140–160 حرفًا. بعد هذه الحدود يقتطع Google النص بعلامة حذف في نتائج البحث، فقد ينقطع آخر رسالتك.
لماذا لا تظهر og:image عند مشاركة الرابط؟
السبب الأكثر شيوعًا هو مسار نسبي مثل /og.png. تجلب Facebook وLinkedIn وX الصورة من خارج موقعك، لذا يجب أن تكون og:image عنوان https:// مطلقًا. تُبرز الأداة قيم og:image النسبية أو المفقودة في تدقيقها.
ما الفرق بين twitter:card من نوع summary وsummary_large_image؟
يعرض summary صورة مصغرة مربعة صغيرة على يسار النص، بينما يعرض summary_large_image صورة كبيرة عبر أعلى البطاقة. إذا كانت twitter:card مفقودة أو غير معروفة، تتراجع X إلى تخطيط summary الأصغر.