ما الفرق بين Open Graph و Twitter Cards؟

Open Graph هو المعيار المستخدم من قبل Facebook و LinkedIn و Slack، بينما Twitter Cards خاصة بـ X. وستستخدم معظم المنصات الحديثة علامات Open Graph إذا كانت علامات Twitter المحددة مفقودة.

لماذا لا تظهر صورة المعاينة الخاصة بي؟

تتطلب منصات التواصل الاجتماعي عناوين URL مطلقة للصور، مثل `https://example.com/image.jpg`. تأكد من أن صورتك متاحة للعامة وتفي بمتطلبات الأبعاد الدنيا للمنصة.

هل هذه الأداة تحفظ بيانات موقعي على الويب؟

لا. يتم إنشاء جميع العلامات محليًا في متصفحك، ولا يتم إرسال أي بيانات إلى خوادمنا أو تخزينها خارجيًا.

كيف أقوم بتحديث المعاينة بعد تحديث العلامات؟

تقوم الأنظمة الأساسية مثل Facebook و X بتخزين البيانات الوصفية مؤقتًا. استخدم أدوات 'Debugger' أو 'Card Validator' الرسمية الخاصة بهم لفرض إعادة زحف لعنوان URL المحدث الخاص بك.

الألوان والتصميم

منشئ Open Graph / Twitter Card

Every social meta tag, preview-ready.

Runs in your browser

TitleDescriptionURLImage URLTwitter @handleType

Meta tags

<title>AnytimeConvert</title>
<meta name="description" content="100% free online converters for units, currency, dates, code, text and files." />

<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://anytimeconvert.com" />
<meta property="og:title" content="AnytimeConvert" />
<meta property="og:description" content="100% free online converters for units, currency, dates, code, text and files." />
<meta property="og:image" content="https://anytimeconvert.com/og.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@anytimeconvert" />
<meta name="twitter:title" content="AnytimeConvert" />
<meta name="twitter:description" content="100% free online converters for units, currency, dates, code, text and files." />
<meta name="twitter:image" content="https://anytimeconvert.com/og.png" />

lines: 18chars: 1011size: 1011 B

live

Preview

anytimeconvert.com

AnytimeConvert

100% free online converters for units, currency, dates, code, text and files.

ملاحظة المحرر

Understanding · A title, a description, a 1200×630 image.

هذا الفصل المعمّق متاح حاليًا باللغة الإنجليزية فقط. أداة التحويل أعلاه تعمل بلغتك؛ أما المقال التفصيلي الطويل فلم تتم ترجمته بعد.

الأسئلة المتكررة

Quick answers.

›What is the difference between Open Graph and Twitter Cards?

Open Graph is the standard used by Facebook, LinkedIn, and Slack, while Twitter Cards are specific to X. Most modern platforms will fall back to Open Graph tags if Twitter-specific tags are missing.

›Why is my preview image not appearing?

Social platforms require absolute URLs for images, such as `https://example.com/image.jpg`. Ensure your image is publicly accessible and meets the platform's minimum dimension requirements.

›Does this tool save my website data?

No. All tag generation happens locally in your browser, and no data is sent to our servers or stored externally.

›How do I refresh a preview after updating tags?

Platforms like Facebook and X cache meta data. Use their official 'Debugger' or 'Card Validator' tools to force a re-crawl of your updated URL.

يبحث الأشخاص أيضًا عن

أدوات ذات صلة

More in this room.

شاهد الكل في الألوان والتصميم