Softonic

مولّد وسوم Open Graph

خطوة 1 / 2
التالي

املأ العنوان والوصف والرابط الأساسي (canonical) وصورة المعاينة و og:type، وسيكتب هذا المولّد وسوم <meta> الخاصة بـ Open Graph المطابِقة، جاهزةً للصق في عنصر <head> في صفحتك. الحقول التي تتركها فارغة تُحذف ببساطة، وتُهرَّب علامات الاقتباس وعلامات & في نصك حتى تبقى الوسوم صحيحة. يكتب المولّد خصائص og: الأساسية الخمس فقط، وليس وسوم Twitter Card أو وسوم المقالات.

كيفية توليد وسوم OG

  1. 1

    اختر og:type

    استخدم website للصفحات الرئيسية، و article للمقالات، و product لصفحات المتاجر، و video.other للتضمينات. الحقل نص حر، لذا تعمل أي قيمة og:type صحيحة.

  2. 2

    املأ الحقول الأساسية

    العنوان والوصف والرابط الأساسي ورابط صورة مطلق. أي حقل تتركه فارغًا يُحذف من الناتج.

  3. 3

    ولّد الوسوم

    تُهرَّب علامات الاقتباس وعلامات & تلقائيًا، وتحصل على سطر meta واحد لكل حقل ملأته.

  4. 4

    انسخ الكتلة إلى رأس صفحتك

    الصقها داخل عنصر `<head>` في قالب صفحتك، فوق أي وسوم اجتماعية موجودة لديك مسبقًا.

الوسوم التي ينتجها هذا المولّد

<meta property="og:type" content="article">
<meta property="og:title" content="Your page title">
<meta property="og:description" content="A one-line description.">
<meta property="og:url" content="https://example.com/post/123">
<meta property="og:image" content="https://example.com/og-image.jpg">

هذا هو الناتج بالكامل. يُكتب og:type دائمًا، بينما تُضاف og:title وog:description وog:url وog:image فقط عندما تملؤها. هذه الخصائص الخمس هي أوّل ما تقرؤه فيسبوك ولينكدإن وسلاك وديسكورد وواتساب وإكس، لذا فهي تغطّي الحالة الشائعة.

المولّد لا يكتب وسوم بطاقات twitter: ولا og:image:width / og:image:height ولا og:site_name ولا og:locale ولا وسوم article:. إذا احتجت إليها، فأضِفها يدويًا بجانب الكتلة المولَّدة.

قيم og:type المهمّة

النوع متى تستخدمه
website الصفحة الرئيسية وصفحات الهبوط والمحتوى الثابت
article مقالات المدونة والأخبار والصفحات التحريرية
product صفحات تفاصيل منتجات المتاجر الإلكترونية
video.other محتوى الفيديو والتضمينات
profile صفحات ملفات المؤلفين أو المستخدمين
music.song صفحات المقطوعات الفردية

وسوم يستحق أن تضيفها يدويًا

الوسم ما الذي يفعله قيمة نموذجية
og:site_name اسم الموقع ككل Example
og:locale لغة الصفحة ومنطقتها en_US
og:image:width يساعد أدوات الجلب على ترتيب البطاقة أسرع 1200
og:image:height يساعد أدوات الجلب على ترتيب البطاقة أسرع 630
twitter:card تخطيط البطاقة على إكس summary_large_image

يعود إكس إلى وسوم og: عندما لا توجد وسوم twitter:، لذا فإن الصفحة التي تحمل الخصائص الخمس المولَّدة فقط تظهر معاينتها بشكل صحيح هناك أيضًا. أضِف وسوم twitter: فقط عندما تريد عنوانًا أو وصفًا أو صورة مختلفة على إكس تحديدًا.

أخطاء شائعة يساعدك هذا المولّد على تجنّبها

  • name بدل property. خصائص Open Graph تنتمي إلى property="og:...". يكتب المولّد السمة الصحيحة دائمًا.
  • علامات اقتباس و& غير مُهرَّبة. علامة " أو & خام في عنوانك تكسر الوسم. يُهرِّبها المولّد نيابةً عنك.
  • روابط صور نسبية. تقبل أدوات الجلب الاجتماعية الروابط المطلقة فقط. الصق عنوان https:// الكامل للصورة، لأن المولّد لا يضيف نطاقك تلقائيًا.
  • حجم الصورة الخاطئ. المقاس الآمن العالمي هو 1200 × 630 بكسل. أقل من 200 × 200 بكسل تُرفَض الصورة عادةً.

الأسئلة الشائعة

داخل عنصر <head> في صفحتك، في موضع مرتفع، ويُفضَّل قرب <title>. تقرأ أدوات الجلب رأس الصفحة وكثيرًا ما تتوقف مبكرًا، لذا فإن إبقاء وسوم OG قرب الأعلى يمنع تفويتها في الصفحات الكبيرة جدًا.

لا. يكتب خصائص og: الأساسية الخمس فقط. يعود إكس إلى Open Graph عند غياب وسوم twitter:، لذا تظل معاينتك تعمل. أضِف وسوم twitter: يدويًا فقط عندما تريد عنوانًا أو وصفًا أو صورة مختلفة على إكس.

المقاس الآمن العالمي هو 1200 × 630 بكسل بصيغة JPG أو PNG. يعمل على فيسبوك ولينكدإن وبطاقات إكس الكبيرة وسلاك وديسكورد وiMessage. أي شيء أصغر من 200 × 200 بكسل قد يُرفَض تمامًا.

اجعل لكل نسخة لغوية صفحتها الخاصة بوسوم og: خاصة بها، وأضِف og:locale (مثل en_US) بالإضافة إلى og:locale:alternate للنسخ الأخرى يدويًا. لا يكتب هذا المولّد وسوم locale نيابةً عنك.

أدوات ذات صلة

أداة استخراج الروابط الداخلية

استخرج جميع الروابط الداخلية من عنوان URL أو من كود HTML ملصق، مع نص الرابط وسمات rel وحالة nofollow لأغراض تدقيق تحسين محركات البحث (SEO).

أداة فحص طول الوصف الوصفي

قِس الوصف التعريفي بالأحرف والبكسلات التقديرية، وقارنه بمؤشرات تحريرية، وراجع نماذج توضيحية لسطح المكتب والهاتف.

محاكي نتائج بحث Google

عاين مقتطفًا تقريبيًا بأسلوب Google بحدود أحرف للهاتف وسطح المكتب. تبقى مسودتك في جلسة المتصفح.

مولد مخطط الأسئلة الشائعة (FAQ Schema)

قم بتوليد ترميز JSON-LD من نوع FAQPage من أزواج الأسئلة والأجوبة، للتأهل للنتائج الغنية في جوجل وللظهور في مربعات الإجابات.

أداة فحص رؤوس أمان HTTP

الصق ترويسات استجابة HTTP وراجع محليًا HSTS وCSP والحماية من clickjacking وسياسات MIME وreferrer وcross-origin.

جهاز اختبار متوافق مع الهواتف المحمولة

قم بفحص سهولة استخدام عنوان URL على الأجهزة المحمولة؛ حيث يتم عرض الصفحة بأحجام شاشات الهواتف، ويتم تحديد أي مشاكل تتعلق بنقاط النقر، أو نصوص صغيرة جدًا، أو غياب بيانات ميتا الخاصة بحجم العرض.

الأداة متاحة بلغات أخرى