🔍 مميز

Open Graph

بروتوكول مشاركة المحتوى

(5/5)
👁️ 4 مشاهدة
📅 02 Jul 2026
⚛️ React 💚 Vue.js 🅰️ Angular 🧡 Svelte 🌐 عام

مستوى الخبرة المطلوب:

🌱 مبتدئ ⚡ متوسط 🚀 محترف 🏢 مؤسسي
🔗 زيارة الموقع الرسمي
5
تقييم المستخدمين
التصنيف 🔍 SEO
المشاهدات 4
تاريخ الإضافة 02/07/2026
آخر تحديث 02/07/2026

📖 الوصف

Open Graph هو بروتوكول أنشأته Facebook لتحكم في كيفية ظهور المحتوى عند مشاركته على منصات التواصل الاجتماعي. يحدد OG properties العنوان، الوصف، الصورة، والمزيد. يُستخدم Open Graph على نطاق واسع من جميع منصات التواصل الاجتماعي بما في ذلك Facebook، Twitter، LinkedIn، وغيرها.

🎯 يستخدم في

مجالات استخدام هذه الأداة

مشاركة المحتوى على السوشيال ميديا

تحسين العرض في Facebook

تحسين العرض في LinkedIn

تحسين العرض في Twitter

تحسين العرض في Slack

المميزات

أبرز مميزات هذه الأداة

Easy الاستخدام

Easy دعم جميع المنصات

Easy تخصيص

Easy تصدير

Easy بحث

Easy تكامل

Easy TypeScript

⚠️ العيوب

نقاط يجب مراعاتها

×

يحتاج اختبار

×

قد يتغير

×

محدود في الميزات المتقدمة

×

يحتاج صيانة

💻 مثال على الاستخدام

كيفية استخدام هذه الأداة

Example Code
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="عنوان المقال" />
<meta property="og:description" content="وصف المقال الذي يظهر عند المشاركة" />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:url" content="https://example.com/article-slug" />
<meta property="og:type" content="article" />
<meta property="og:site_name" content="اسم الموقع" />
<meta property="og:locale" content="ar_SA" />

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@username" />
<meta name="twitter:title" content="عنوان المقال" />
<meta name="twitter:description" content="وصف المقال" />
<meta name="twitter:image" content="https://example.com/image.jpg" />

📚 أدوات أخرى في SEO

قد يعجبك أيضاً