منشئ OG و Twitter Card – أداة بناء وتدقيق ومعاينة الوسوم الوصفية
أنشئ وسوم <meta> جاهزة للصق لـ Open Graph و Twitter Card من نموذج، أو الصق <head> موجود لتدقيقه بحثًا عن الوسوم المفقودة وطول العنوان/الوصف وصحة twitter:card – ثم عاينها كلها في نماذج محاكاة لبطاقات الروابط في Twitter/X و Facebook و LinkedIn و Discord بتنسيقاتها الحقيقية.
🔒 تتم معالجتها بالكامل في متصفحك — ولا يتم تحميل أي شيء تدخله هنا على الإطلاق.
النتيجة
وسوم Open Graph و Twitter Card الوصفية هي ما يحدد شكل الرابط لحظة لصقه في Slack أو iMessage أو تغريدة أو قناة Discord – عنوان ووصف وصورة تختارها وسوم <head> الخاصة بالصفحة، وليس ما قد تلتقطه المنصة من نص المحتوى الظاهر. هذه الأداة هي منشئ ومدقق معًا، وليست قالب تعبئة عام. في وضع BUILD، املأ عنوانًا ووصفًا ورابط صورة ورابطًا قانونيًا ونوع المحتوى ونوع بطاقة Twitter، وستقوم بتأليف كتلة الوسوم <meta property="og:..."> و <meta name="twitter:..."> بالضبط والجاهزة للصقها في <head> صفحتك، متجاهلة أي حقل تتركه فارغًا بدلًا من إصدار وسوم فارغة بمحتوى خاوٍ.
في وضع AUDIT، الصق ترميز <head> الحالي لديك أو HTML صفحة كاملة وستقوم الأداة بتحليله باستخدام DOMParser الأصلي للمتصفح لاستخراج كل وسم og: و twitter: موجود بالفعل، ثم تُجري الفحوصات المهمة فعلًا: الوسوم الأربعة المطلوبة عادةً (og:title, og:description, og:image, og:url) يُعلم عنها في حال فقدانها؛ يُقاس og:title مقابل حد 60 حرفًا تقريبًا حيث تبدأ بعض المنصات في اقتطاعه وحد 90 حرفًا تقريبًا حيث تقوم معظم المنصات بذلك؛ يُقاس og:description مقابل نطاق 155 إلى 200 حرفًا تقريبًا الذي تسمح به معظم المنصات قبل قطعه؛ يُفحص twitter:card مقابل القيم الأربع الحقيقية التي يقبلها مدقق بطاقات Twitter – summary, summary_large_image, app, player – ويُعلم عنها إذا كانت أي شيء آخر؛ والوسوم المكررة (نفس الخاصية مُعلنة مرتين، وهو خطأ نسخ ولصق شائع بشكل مفاجئ) يُشار إليها بالاسم.
تحظى أبعاد الصورة بمعالجة صادقة: لا يمكن لهذه الأداة التحقق من الحجم الفعلي لصورتك بالبكسل دون جلبها، وهي لا تفعل ذلك أبدًا عن قصد، تماشيًا مع سياسة هذا الموقع بعدم إرسال طلبات خارجية. إذا كان HTML لديك يعلن بالفعل عن og:image:width و og:image:height، يتم فحص هذه الأرقام المُعلنة مقابل الحد الأدنى 1200×630 الموصى به على نطاق واسع؛ وإن لم تكن موجودة، تحصل على ملاحظة توجيهية واضحة بدلًا من نتيجة نجاح أو فشل مُختلقة. يعرض كلا الوضعين نماذج محاكاة معاينة الروابط الأربعة نفسها – Twitter/X (مع التبديل بين تخطيط الصورة المصغرة المدمجة "summary" وتخطيط عرض الصورة الكامل "summary_large_image" اعتمادًا على قيمة twitter:card)، و Facebook، و LinkedIn، و Discord – كل منها مُعاد تنسيقه حقًا ليطابق أسلوب الطباعة والتخطيط الخاص بتلك المنصة بدلًا من مربع واحد بشعار مختلف، وكل منها مُوضح بوضوح على أنه تقريب توضيحي لأغراض التخطيط، نظرًا لأن المنصات الحقيقية تعيد تصميم واجهة معايناتها مع مرور الوقت وهذه الأداة لا تجلبها أو تمسحها للتحقق أبدًا.