","err_audit_input_required":"قم بلصق HTML الذي يحتوي على العلامات الوصفية الخاصة بك أولاً.","mockups_heading":"كيف تبدو كمعاينة الرابط","mockups_disclaimer":"هذه البطاقات الأربع عبارة عن تقديرات تقريبية لمتصفح Chrome الحقيقي لمعاينة الرابط لكل نظام أساسي، وقد تم تصميمها لأغراض التخطيط فقط - فهي ليست جلبًا مباشرًا أو لقطة شاشة لـ Twitter/X أو Facebook أو LinkedIn أو Discord، وقد تقوم الأنظمة الأساسية بإعادة تصميم واجهة مستخدم المعاينة الخاصة بها بمرور الوقت.","mockup_twitter_heading":"تويتر / اكس","mockup_facebook_heading":"الفيسبوك","mockup_linkedin_heading":"ينكدين","mockup_discord_heading":"الفتنة","mockup_image_alt":"رابط صورة المعاينة","mockup_no_image":"لم يتم تقديم أي صورة","mockup_no_image_short":"لا توجد صورة","domain_default_fallback":"example.com","audit_missing_title":"og:title مفقود — تعرض معظم الأنظمة الأساسية عنوانًا عامًا أو فارغًا بدونه.","audit_missing_description":"og:description مفقود — لن تعرض بطاقة المعاينة أي نص ملخص.","audit_missing_image":"og:image مفقودة — لا تعرض معظم الأنظمة الأساسية أي صورة، أو ترجع إلى الصورة الأولى الموجودة في الصفحة.","audit_missing_url":"og:url مفقود — بدونه، قد لا يتم دمج مشاركات عناوين URL البديلة (مع معلمات التتبع، وإصدارات AMP، وما إلى ذلك) في الصفحة الأساسية.","audit_title_too_long":"og:title عبارة عن {length} حرفًا - فوق نقطة الحرف ~{max} حيث ستقتطعها معظم الأنظمة الأساسية.","audit_title_long":"og:title هو {length} حرف — فوق نقطة الحرف ~{max} حيث تبدأ بعض الأنظمة الأساسية في اقتطاعه، على الرغم من أنه قد يستمر عرضه بالكامل في مكان آخر.","audit_title_ok":"og:title هو {length} حرفًا — ضمن النطاق الآمن لمعظم الأنظمة الأساسية.","audit_description_too_long":"og:description هو {length} حرف — فوق نقطة الحرف ~{max} حيث ستقطعها معظم الأنظمة الأساسية.","audit_description_long":"og:description هو {length} حرف — فوق نقطة الحرف ~{max} حيث تبدأ بعض الأنظمة الأساسية في اقتطاعه.","audit_description_ok":"og:description هو {length} حرف — ضمن النطاق الآمن لمعظم الأنظمة الأساسية.","audit_url_not_absolute":"قيمة og:url \"{value}\" ليست عنوان URL مطلقًا لـ http(s) — بل يجب أن تكون عنوان URL الأساسي الكامل للصفحة.","audit_image_not_absolute":"og:قيمة الصورة \"{value}\" ليست عنوان URL مطلقًا لـ http(s) — تتطلب معظم الأنظمة الأساسية عنوان URL مؤهلاً بالكامل للصورة.","audit_image_dims_small":"og:image:width/height المُعلن هو {w}×{h} — أقل من الحد الأدنى الموصى به على نطاق واسع وهو 1200×630 لمعاينات الارتباط.","audit_image_dims_ok":"og:image:width/height المُعلن هو {w}×{h} — يلبي الحد الأدنى الموصى به على نطاق واسع وهو 1200×630.","audit_image_dims_unparseable":"og:image:width/og:image:height موجودة ولكنها ليست أرقامًا صالحة.","audit_image_dims_unknown":"لم يتم الإعلان عن og:image:width/og:image:height - لا يمكن التحقق من أبعاد البكسل الفعلية دون جلب الصورة، وهو ما لا تفعله هذه الأداة أبدًا، حسب التصميم، من أجل الخصوصية. الحد الأدنى الموصى به: 1200×630.","audit_twitter_card_missing":"لا توجد علامة twitter:card - سيعود Twitter/X بشكل عام إلى علامات og: المكافئة، ولكن بطاقة twitter:الصريحة أكثر موثوقية.","audit_twitter_card_invalid":"twitter:قيمة البطاقة \"{value}\" ليست إحدى القيم الأربع التي يقبلها مدقق بطاقة Twitter: الملخص، Summary_large_image، التطبيق، player.","audit_twitter_card_ok":"twitter:card هي \"{value}\"، وهي قيمة صالحة.","audit_large_image_needs_image":"twitter:البطاقة هي Summary_large_image ولكن لم يتم العثور على og:image أو twitter:image — يحتاج هذا النوع من البطاقة إلى صورة ليتم عرضها بشكل صحيح.","audit_twitter_title_fallback":"لم يتم تعيين twitter:title — سيعود Twitter/X إلى og:title.","audit_twitter_description_fallback":"لم يتم تعيين twitter:description — سيعود Twitter/X إلى og:description.","audit_twitter_image_fallback":"لم يتم تعيين twitter:image — سيعود Twitter/X إلى og:image.","audit_duplicate_tag_item":"تم الإعلان عن \"{tag}\" {count} مرة - ولن يسري مفعول إلا التحليل الأخير الذي تقوم به معظم الأنظمة الأساسية."};
⭐ 0
🔍
نص صورة قوات الدفاع الشعبي والمستندات الصوت الموسيقى الإلكترونيات الوقت المرافق المدققون الروحانيات ألعاب

منشئ بطاقات OG وTwitter — أداة إنشاء العلامات الوصفية ومراجعتها ومعاينتها

أنشئ علامات Open Graph وTwitter Card <meta> الجاهزة لللصق من نموذج، أو الصق <head> موجود لتدقيقها بحثًا عن العلامات المفقودة وطول العنوان/الوصف وصلاحية بطاقة twitter: ثم قم بمعاينة كليهما في نماذج بالحجم الطبيعي لبطاقة رابط Twitter/X وFacebook وLinkedIn وDiscord المعاد تصميمها بشكل حقيقي.

Buy Me a Coffee at ko-fi.com
جارٍ المعالجة... 0%
مدخلات القراءة
بناء/تدقيق العلامات
تقديم المعاينات
تم

النتيجة

تحدد العلامات الوصفية لـ Open Graph وTwitter Card الشكل الذي يبدو عليه الرابط لحظة لصقه في Slack أو iMessage أو تغريدة أو قناة Discord - عنوان ووصف وصورة يتم اختيارها بواسطة <head> الخاص بالصفحة، وليس بواسطة أي شيء يحدث للنظام الأساسي أن يستخرجه من النص الأساسي المرئي. هذه الأداة هي أداة إنشاء ومراجعة في نفس الوقت، وليست أداة حشو قالب عامة. في وضع BUILD، املأ عنوانًا ووصفًا وعنوان URL للصورة وعنوان URL الأساسي ونوع المحتوى ونوع بطاقة Twitter، ثم يقوم بتكوين كتلة علامة <meta property="og:..."> و<meta name="twitter:..."> الدقيقة الجاهزة لللصق في <head> بصفحتك، مع تخطي أي حقل تتركه فارغًا بدلاً من إصدار علامات جوفاء بمحتوى فارغ.

في وضع التدقيق، الصق علامة <head> الموجودة لديك أو HTML للصفحة بأكملها وتقوم الأداة بتوزيعها باستخدام DOMParser الأصلي للمتصفح لاستخراج كل علامة تعريف og: وtwitter: موجودة بالفعل، ثم تشغيل عمليات التحقق المهمة بالفعل: يتم وضع علامة على العلامات الأربع المطلوبة بشكل شائع (og:title، og:description، og:image، og:url) إذا كانت مفقودة؛ يتم قياس og:title مقابل النقطة المكونة من 60 حرفًا تقريبًا حيث تبدأ بعض الأنظمة الأساسية في اقتطاعها والنقطة المكونة من 90 حرفًا تقريبًا حيث ستبدأ معظم الأنظمة الأساسية؛ og:description يتم قياسه مقابل النطاق الذي يتراوح بين 155 إلى 200 حرف تقريبًا والذي تسمح به معظم الأنظمة الأساسية قبل قطعه؛ twitter:يتم التحقق من البطاقة مقابل القيم الأربع الحقيقية التي يقبلها مدقق بطاقة Twitter - الملخص، Summary، Summary_large_image، التطبيق، Player - ويتم وضع علامة عليها إذا كانت أي شيء آخر؛ والعلامات المكررة (نفس الخاصية التي تم الإعلان عنها مرتين، وهو خطأ شائع بشكل مدهش في النسخ واللصق) يتم استدعاؤها بالاسم.

تحظى أبعاد الصورة بمعاملة صادقة: لا تستطيع هذه الأداة التحقق من حجم البكسل الفعلي لصورتك دون جلبها، وهي لا تفعل ذلك عمدًا أبدًا، بما يتوافق مع سياسة عدم الطلب الخارجي لهذا الموقع. إذا كان HTML الخاص بك يعلن بالفعل عن og:image:width وog:image:height، فسيتم التحقق من هذه الأرقام المعلنة مقابل الحد الأدنى الموصى به على نطاق واسع وهو 1200 × 630؛ إذا لم يكن الأمر كذلك، فستحصل على مذكرة إرشادية واضحة بدلاً من تمريرة ملفقة أو فشل. يعرض كلا الوضعين نفس النماذج الأربعة لمعاينة الارتباط - Twitter/X (التبديل بين تخطيط الصورة المصغرة "الملخص" المضغوط وتخطيط "summary_large_image" كامل العرض اعتمادًا على قيمة تويتر: البطاقة)، وFacebook، وLinkedIn، وDiscord - تمت إعادة تصميم كل منها بشكل حقيقي لتتوافق مع اصطلاحات الطباعة والتخطيط الخاصة بتلك المنصة بدلاً من مربع واحد بشعار مختلف، ويتم تصنيف كل منها بوضوح على أنها تقريب توضيحي لأغراض التخطيط، حيث يتم إعادة تصميم المنصات الحقيقية كروم المعاينة الخاصة بهم بمرور الوقت ولا تقوم هذه الأداة أبدًا بجلبها أو مسحها للتحقق منها.

🛡️
يتم تنفيذها في المتصفح

ملفاتك ومدخلاتك لا تترك هذا الجهاز أبدًا. تتم المعالجة دون الاتصال بالإنترنت تمامًا. آمن بنسبة 100%.

التنسيقات والقواعد المقبولة

  • يتكون وضع BUILD من og:title، og:description، og:image، og:url، og:type، og:site_name ومطابقة علامات twitter:card/twitter:site/twitter:title/description/image، وتخطي أي حقل ترك فارغًا، مع نسخة بنقرة واحدة من الكتلة الجاهزة لللصق.
  • يستخرج وضع AUDIT كل علامة og:/twitter: <meta> من HTML الملصق عبر DOMParser في المتصفح، والأعلام التي تفتقد العلامات المطلوبة (og:title/description/image/url)، والعلامات المكررة، وقيم twitter:card غير الصالحة.
  • تستخدم إرشادات الطول الحدود الحقيقية التي يتم الاستشهاد بها بشكل شائع: og:title حوالي 60 حرفًا قبل أن تبدأ بعض الأنظمة الأساسية في اقتطاعه (ما يصل إلى 90 تقريبًا على الأكثر تساهلاً)، og:description حوالي 155-200 حرف.
  • يعرض بطاقة Twitter/X في تخطيطها الصحيح لنوع البطاقة المعلن - بطاقة "ملخصة" مدمجة مع صورة مصغرة مربعة صغيرة، أو تخطيط "summary_large_image" كامل العرض - جنبًا إلى جنب مع معاينات Facebook وLinkedIn وDiscord.

الفوائد الرئيسية

✓ أداتان حقيقيتان في أداة واحدة: وضع BUILD الذي يُنشئ og: وtwitter بالضبط: علامة <meta> HTML من نموذج، ووضع AUDIT الذي يوزع HTML الملصق للعثور على علاماتك الحالية وتصنيفها.
✓ التحقق الحقيقي، وليس قائمة مرجعية تجميلية: العلامات المطلوبة مفقودة، og:title/og:description length تم التحقق منها مقابل الحدود الفعلية التي يتم اقتطاعها عند المنصات، وtwitter:card تم التحقق منها مقابل القيم الأربع الحقيقية المسموح بها.
✓ بصراحة بشأن ما لا يمكن التحقق منه في وضع عدم الاتصال: أبعاد بكسل الصورة هي إرشادية فقط ما لم يعلن HTML بالفعل عن og:image:width/og:image:height، نظرًا لأن هذه الأداة لا تجلب صورتك أبدًا - حسب التصميم، من أجل الخصوصية.
✓ أربعة نماذج مختلفة تمامًا للنظام الأساسي (ملخص Twitter/X مقابل تخطيطات Summary_large_image وFacebook وLinkedIn وDiscord) مبنية من نفس العنوان/الوصف/الصورة، والتي تم تصنيفها بوضوح على أنها توضيحية.

حالات الاستخدام

  • • قم بإرسال منشور مدونة جديد باستخدام بطاقات اجتماعية مناسبة: املأ العنوان والوصف وصورة الغلاف المستضافة، وقم بإنشاء كتلة علامة og:/twitter:، والصقها مباشرة في <head> بالصفحة.
  • • قم بمراجعة <head> لصفحة مقصودة حالية بعد ترحيل نظام إدارة المحتوى (CMS) للعثور على og:image مفقود، أو og:title طويل بما يكفي لاقتطاعه على بعض الأنظمة الأساسية، أو قيمة بطاقة twitter:متبقية غير صالحة.
  • • قارن كيفية قراءة نفس العنوان والصورة في بطاقة التلخيص المدمجة الخاصة بـ Twitter/X مقابل تخطيط Summary_large_image كامل العرض قبل تحديد نوع twitter:card الذي سيتم الإعلان عنه.