حجم صورة open graph: 1200 × 630 لكل المنصات

حجم صورة open graph له إجابة واحدة تناسب كل المنصات في الوقت نفسه: 1200 × 630 بكسل، بصيغة JPG أو PNG، وأقل من 5 ميغابايت. هذا الملف الواحد يحقق الحد الأدنى الموصى به من Meta، ويلتزم بنسبة 1.91:1 المطلوبة، ويبقى تحت حدي الحجم المنشورين، ويعمل كصورة بديلة لبطاقة X. لا تحتاج إلى مجموعة صور. تحتاج إلى صورة واحدة وأربعة أسطر من الترميز.

قبل هذه الصفحة

يفترض هذا الفصل أن خصائص Open Graph الأربع الإلزامية موجودة بالفعل في صفحاتك. إن لم تكن متأكدًا، فعددها على 26 صفحة رئيسية حقيقية موجود في open graph tags on 26 homepages (بالإنجليزية)، مع قائمة المواصفة بما يُعد إلزاميًا. وللوسم المجاور الذي يصف الصفحة في نتائج البحث، راجع كيفية كتابة meta description.

لماذا تكفي صورة واحدة

كل منصة تعرض معاينة رابط تقرأ العائلتين نفسيهما من الوسوم، بالترتيب نفسه، ثم تقتطع النتيجة داخل إطارها. الصورة التي توفرها مدخل إلى تصميم شخص آخر. لذلك تتفوق صورة واحدة واسعة على مجلد من النسخ لكل منصة: أنت لا تتحكم في الاقتطاع، لذا تتحكم في المصدر.

يجعل بروتوكول Open Graph الوسم og:image واحدًا من أربع خصائص إلزامية. ويعرّف أيضًا الخصائص الاختيارية للعرض والارتفاع ووصف الصورة. وإذا وضعت أكثر من صورة: «إذا كان للوسم أكثر من قيمة، فضع عدة نسخ من الوسم نفسه في الصفحة. الوسم الأول من الأعلى إلى الأسفل تكون له الأولوية عند التعارض» (ogp.me، زُرت في 2026-10-27).

الصورة ملفك. والاقتطاع ملك من يعرضها. اختر المقاس للإطار الذي لا تراه.

حجم صورة open graph: الأرقام ومصدرها

مصدران منشوران يحددان القيود ولا يتناقضان: الحد الأشد هو الحاكم. المسح المذكور أدناه لـ 26 صفحة رئيسية أُجري في 2026-08-27 ولم يُعَد لهذه النسخة العربية.

تطلب Meta صورًا «بمقاس 1200 x 630 بكسل على الأقل لأفضل عرض على الشاشات عالية الدقة»، مع حد أدنى 200 x 200 ونسبة أقرب ما يمكن إلى 1.91:1 لعرض الصورة كاملة في التغذية بلا اقتطاع. وتوضح X أن الصور يجب أن تكون أقل من 5 ميغابايت، وأن الصيغ المدعومة هي JPG وPNG وWEBP وGIF، وأنه يُستخدم الإطار الأول فقط من صور GIF المتحركة، وأن SVG غير مدعوم (وثائق Meta ومواصفات بطاقات X، تحُققت في 2026-08-27).

المنطقة الآمنة المشتركة هي 1200 × 630، بصيغة JPG أو PNG، وأقل من 5 ميغابايت. هذا هو الرقم الذي تسلّمه لمن ينتج الملف.

الترميز الذي يُلصق

أربعة أسطر تؤدي العمل الإلزامي؛ والسطران الخامس والسادس يختصران جولة ويصفان الصورة. روابط مطلقة فقط: المسار النسبي إلى الجذر هو السبب الأكثر شيوعًا لتعطل هذا.

<meta property="og:image" content="https://example.com/og/home.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="وصف من سطر واحد للصورة">
<meta name="twitter:card" content="summary_large_image">

انتبه إلى السمات. قيم Open Graph توضع في property، وقيم بطاقة X في name. تُقرأ العائلتان عادة بأي منهما، لكن في مسحنا بتاريخ 2026-08-27 على 26 صفحة رئيسية، كتبت ثلاثة مواقع وسمًا واحدًا على الأقل في السمة الخطأ، ومنها MDN التي تضع وسومها العشرة og: في name.

التحقق بثلاثة أوامر

نفّذها على رابط منشور. كل أمر ينتهي بقيمة يمكن مقارنتها بالجدول أعلاه.

1. اقرأ ما تعلنه الصفحة: curl -sL --compressed -A 'Mozilla/5.0' https://example.com/ | grep -o '<meta[^>]*og:image[^>]*>'. إذا لم يرجع شيء، فالوسم يُدرج بواسطة سكربت ومعظم القارئات لن تراه.
2. تأكد أن الرابط مطلق ويستجيب: انسخ قيمة content ونفّذ curl -sI <url> | head -3. تريد 200 ونوع محتوى صورة. وجود 404 هنا يظهر كصورة مفقودة بلا خطأ.
3. تأكد أن المقاس الفعلي بالبكسل يطابق المعلن. على macOS استخدم sips -g pixelWidth -g pixelHeight file.jpg. إعلان 1200 × 630 لملف بحجم 800 × 600 أسوأ من عدم الإعلان، لأن المنصة قد تحجز مساحة لن تصلها الصورة أبدًا.

ثلاثة أخطاء متكررة

تظهر الثلاثة في الترميز أو في طلب HTTP واحد. لا يحتاج أي منها إلى معاينة معروضة لاكتشافه.

1. مسار نسبي في og:image. البروتوكول يتوقع رابطًا. في مسح 2026-08-27 على 26 صفحة رئيسية، أعلن أحد المواقع og:image وtwitter:image بالمسار /dev-cdn/v/marketing/…. من لا يحلّه نسبةً إلى رابط الصفحة لا يحصل على شيء، ومتصفحك لن يريك المشكلة.
2. شعار بدل لافتة. ملف مربع داخل إطار 1.91:1 إما يُحاط بفراغ أو يُقتطع من المركز. في المسح نفسه، من بين سبعة مواقع أعلنت أبعادًا، أربعة أعلنت أقل من 1200 × 630: 400 × 400 و512 × 512 و800 × 600 و1024 × 1024.
3. نص مطبوع داخل الصورة. ما تكتبه هناك ستقتطعه إطارات لا تراها، ويبقى غير مرئي لكل ما يقرأ النص. ضع الكلمات في og:title حيث تُقرأ بالفعل.

حيث تتوقف هذه الطريقة

ضبط المقاس لا يحدّث المعاينة. كل منصة تخزن ما جلبته أول مرة في الذاكرة المؤقتة، ولا تعيد القراءة وفق جدولك. إن غيّرت الملف، غيّر الرابط أيضًا: المسار الجديد هو آلية كسر التخزين المؤقت الوحيدة التي تعمل بالطريقة نفسها في كل مكان.

الحد الثاني هو القياس. لم نتحقق من معاينة معروضة على أي منصة. فعل ذلك بأمانة يتطلب نشر رابط حقيقي على كل واحدة، وأدوات التحقق التي كانت تجيب أصبحت خلف تسجيل دخول. كل ما هنا يأتي من المتطلبات المنشورة ومن إعلان 26 صفحة رئيسية فعليًا. إن اقتطعت منصة صورتك بطريقة لا تتوقعها هذه الصفحة، فالمنصة على حق وهذه الصفحة ناقصة.

أسئلة شائعة

ما المقاس الصحيح لصورة Open Graph؟

1200 × 630 بكسل، وهو الحد الأدنى الموصى به من Meta للشاشات عالية الدقة ونسبة 1.91:1 المطلوبة. أبقِ الملف أقل من 5 ميغابايت لتحقق حد X أيضًا، وبصيغة JPG أو PNG لتجتاز كل قوائم الصيغ.

هل أحتاج صورة منفصلة لـ X؟

لا. توثّق مواصفات بطاقات X أن og:image بديل عن twitter:image، فملف واحد يغطي الاثنين. أضف صورة ثانية فقط إذا كان يجب أن تختلفا فعلًا، وتذكّر أن لديك ملفين يجب مزامنتهما.

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

بحسب التكرار: الرابط نسبي، أو لا يعيد 200، أو الوسم يُدرج بسكربت ولم يكن في HTML المُسلَّم، أو الملف SVG. وتذكر X بوضوح أن SVG غير مدعوم.

هل أعلن og:image:width وog:image:height؟

هما اختياريان ومفيدان، لأن من يعرف الأبعاد يستطيع حجز البطاقة قبل وصول الصورة. أعلنهما فقط إذا كانا صحيحين. في مسحنا، أعلنتهما سبع صفحات فقط من 26.

هل og:image:alt مهم؟

هو الوصف الميسّر لصورة البطاقة، ولا يكتبه أحد تقريبًا: ثلاث من 26 في مسحنا. يكلّف سطرًا واحدًا. ولمعرفة ما ترسله الصفحات نفسها في جانب X، راجع twitter card tags on 26 homepages (بالإنجليزية)، ولتفهم ما يتلقاه محرك البحث من صفحتك قبل التحليل، راجع سجل الترويج في QueryWin.