صور المشاركة الاجتماعية (og:image وtwitter:image): الأحجام والحدود والبدائل
ورقة مواصفات صور og:image وtwitter:image: الإعداد الآمن 1200×630 (1,91:1)، وأبعاد المنصات وحدود الملفات، وقاعدة العنوان المطلق، ومتطلبات Google للصور المصغرة في 2026، وأسباب الفشل والبدائل.
اللغات
تشير og:image وtwitter:image إلى صورة بطاقة معاينة الرابط؛ وهذا شرح متعمق لمتطلبات الصورة لا لبنية الوسم، التي يغطيها موضوعا Open Graph وTwitter Cards. الإعداد الآمن عبر المنصات هو عنوان HTTPS مطلق لصورة نحو 1200×630px (1,91:1)، لكنه حل وسط استقر عليه المجتمع لا مواصفة رسمية موحدة. أرقام Meta وحدها أولية المصدر: حد أدنى 200×200، وأرضية 600×315، وتوصية ≥1200×630، ونسبة 1,91:1، وحد 8 MB. أما أرقام X التقريبية 1200×628/675 ونحو 5 MB، وقراءة Slack لأول نحو 32 KB من HTML، وإسقاط WhatsApp الصامت للصور الكبيرة، فهي إجماع مجتمعي لا مواصفات أولية حديثة قابلة للتحقق. قاعدة العنوان المطلق نمط فشل صامت حقيقي؛ فزواحف التواصل لا تحل المسارات النسبية. يتيح الوسم الغائب صورة احتياطية من المتن، أما الصورة المحددة التي تفشل بسبب 404 أو الحجم الزائد أو حجب المصادقة فهي أقل تسامحًا وغالبًا لا تعرض أي صورة. منذ مارس 2026 تقرأ Google og:image لصورها المصغرة في Search وDiscover، ولا تمد وثائقها ذلك إلى أسطح الذكاء الاصطناعي، لكن مواصفاتها 16:9 / عرض ≥1200px / أكثر من 300K بكسل / بلا شعارات / بلا نص، وهي هيئة تختلف عن قص التواصل 1,91:1. لا يصل إصلاح الصورة إلى الروابط التي سبقت مشاركتها حتى تفرض إعادة الجلب. هذا شرح متعمق ضمن محور Meta Tags for SEO.
Evidence for this claim The Open Graph protocol uses og:image to identify an image and defines optional image URL, MIME type, width, height, and alt properties. Scope: Open Graph protocol metadata. Confidence: high · Verified: Open Graph protocol Evidence for this claim X Cards support summary and summary_large_image card types and image metadata, subject to X's crawler and card requirements. Scope: Current X Cards markup documentation. Confidence: high · Verified: X Developer Platform: Cards markupالخلاصة — صورة المشاركة الاجتماعية هي الصورة الظاهرة في بطاقة المعاينة عند لصق رابط في Facebook أو LinkedIn أو Slack أو X. تحددها بوسم
og:image(وبوسمtwitter:imageلمنصة X). استخدم عنوان ويب كاملًا يبدأ بـhttps://، واجعل المقاس نحو 1200×630 بكسل، وحافظ على صغر حجم الملف. إذا كان المقاس خاطئًا أو الرابط معطلاً أو الملف كبيرًا جدًا، فلن تحصل على بطاقة جيدة؛ بل ستستخدم المنصة ما تستطيع العثور عليه.
ما صورة المشاركة الاجتماعية؟
عندما تشارك رابطًا، تعرض معظم التطبيقات بطاقة معاينة صغيرة فيها عنوان ونص قصير وصورة. هذه الصورة هي صورة المشاركة الاجتماعية. تحدد الصورة لكل منصة بوسم og:image في رأس الصفحة. ويمكن لمنصة X (Twitter) استخدام وسم مستقل هو twitter:image، لكنها تعيد استخدام og:image إذا لم تضبطه.
تتناول هذه الصفحة الصورة نفسها: أبعادها، وحجم ملفها، وما الذي يؤدي إلى فشلها. أما الوسوم التي تشير إلى الصورة فتغطيها موضوعات Open Graph وTwitter Cards المنفصلة.
المقاس الوحيد الذي ينبغي تذكره
لا يوجد مقاس رسمي واحد تتفق عليه جميع المنصات، لكن ثمة مقاسًا افتراضيًا آمنًا في كل مكان: 1200 × 630 بكسل، أي مستطيل عريض بنسبة تقارب 1,91:1. توصي Facebook بصورة “at least 1200 x 630 pixels,” (ترجمة) «لا تقل عن 1200 × 630 بكسل»، ويبدو هذا المقاس مناسبًا أيضًا في LinkedIn وSlack وX. استخدمه وستكون النتيجة جيدة في كل المنصات تقريبًا.
ثلاث قواعد يتعثر فيها الناس
- استخدم عنوان ويب كاملًا، لا مسارًا نسبيًا. يحتاج
og:imageإلى عنوان كامل مثلhttps://www.example.com/image.jpg. لن يعمل اختصار مثل/image.jpg؛ إذ لا تملك المنصات التي تقرأ الوسم سياقًا موثوقًا لاستنتاج نطاقك فتتجاهله. - حافظ على صغر الملف. تسمح Facebook بحد أقصى 8 MB، لكن تطبيقات أخرى تسقط الصور الثقيلة بصمت. استهدف أقل بكثير من 1 MB؛ فبضع مئات من KB تكفي للمعاينة.
- الصورة المفقودة والمعطلة ليستا الشيء نفسه. عند غياب الصورة قد تختار المنصة صورة أخرى من الصفحة. أما إذا كان رابط الصورة معطلاً أو محجوبًا أو الملف كبيرًا جدًا، فقد لا تعرض بعض التطبيقات أي صورة.
لماذا لا تُحدَّث الصورة أحيانًا؟
إذا أصلحت الصورة وظلت النسخة القديمة تظهر عند مشاركة الرابط، فالسبب هو التخزين المؤقت؛ فقد حفظت المنصة النسخة السابقة. عليك أن تطلب منها النظر مجددًا باستخدام أداة مثل Facebook Sharing Debugger أو LinkedIn Post Inspector. وينطبق الأمر نفسه على وسوم التواصل الأخرى.
هل تريد الأرقام الدقيقة لكل منصة، وحدود حجم الملفات، وقواعد Google، والفرق بين «مفقودة» و«معطلة»؟ انتقل إلى علامة التبويب متقدم.
Evidence for this claim The Open Graph protocol uses og:image to identify an image and defines optional image URL, MIME type, width, height, and alt properties. Scope: Open Graph protocol metadata. Confidence: high · Verified: Open Graph protocol Evidence for this claim X Cards support summary and summary_large_image card types and image metadata, subject to X's crawler and card requirements. Scope: Current X Cards markup documentation. Confidence: high · Verified: X Developer Platform: Cards markupالخلاصة — هذه ورقة مواصفات للصورة، لا لبنية الوسم؛ فتفاصيل
og:imageوtwitter:imageموجودة في موضوعي Open Graph وTwitter Cards. 1200×630 (1,91:1) هو إعداد افتراضي آمن، لا معيارًا عالميًا رسميًا. أرقام Meta وحدها موثقة من مصدر أولي: حد أدنى 200×200، وأرضية 600×315، وتوصية ≥1200×630، ونسبة 1,91:1، وحد 8 MB. أما أرقام X التقريبية 1200×628/675 و5 MB، وقراءة Slack لنحو 32 KB من بداية HTML، وإسقاط WhatsApp للملفات قرب 300 KB فهي إجماع مجتمعي وليست مواصفات أولية حديثة قابلة للتحقق، وأميز بوضوح بين الفئتين. يجب أن يكون عنوان الصورة مطلقًا؛ فزواحف التواصل لا تحل المسارات النسبية. المفقود لا يساوي المعطل: غياب الوسم يتيح صورة احتياطية من المتن، أما الصورة المحددة التي تفشل (404 أو حجم زائد أو حجب بالمصادقة/robots) فكثيرًا ما تترك البطاقة بلا صورة. تقرأ Google الآنog:imageلصورها المصغرة في Search وDiscover (مارس 2026)، لكن مواصفاتها 16:9 / عرض ≥1200px / أكثر من 300K بكسل / بلا شعار / بلا نص، وهي هيئة تختلف عن قص التواصل 1,91:1. ولا يصل الإصلاح إلى الروابط المنشورة قبل فرض إعادة الجلب.
ما الذي تغطيه هذه المقالة (وما الذي يغطيه الموضوعان الشقيقان)؟
تغطي مقالتا وسوم Open Graph ووسوم Twitter Cards آليات الوسوم: خصائص Open Graph الأربع المطلوبة، والفرق بين name= وproperty=، وأنواع بطاقات Twitter الأربع، وقاعدة رجوع twitter:image إلى og:image. أما هذه المقالة فهي ورقة المواصفات المصاحبة: الأبعاد، ونسبة العرض إلى الارتفاع، وحجم الملف، والتنسيق، وشرط عنوان URL المطلق، وما الذي يتعطل فعلًا عند الخطأ في أي منها. إذا كنت هنا لكتابة سطر <meta> فابدأ بالمقالتين السابقتين؛ وإذا كنت هنا لأن مقاس صورتك خاطئ أو لأنها لا تظهر، فأنت في المكان الصحيح.
نكرر قاعدة الرجوع الاحتياطي لأنها تحدد عدد الصور المطلوبة: إذا غاب twitter:image تستخدم X قيمة og:image، لذلك تضبط معظم المواقع صورة واحدة لكليهما، ولا تفصل بينهما إلا إذا أرادت قصًا مختلفًا لمنصة X.
الإعداد الافتراضي الآمن: 1200×630 (1,91:1) — ولماذا هو حل وسط
تبدأ كل الأدلة تقريبًا بمقاس 1200×630 وتتوقف عنده. إنه خيار افتراضي جيد، لكن من المهم توضيح مصدره: فليس معيارًا واحدًا عابرًا للمنصات تنشره جميعها بالصورة نفسها. بل هو المقاس الذي استقر عليه المجتمع لأنه يحقق توصية Facebook ويُعرض بصورة مقبولة في بقية المنصات. تذكر بعض الأدلة 1200×627، وتذكر أخرى 1200×628 لمنصة X؛ وهذه فروق تقريبية ومتغيرات قديمة للفكرة نفسها، أي نسبة نحو 1,91:1، وليست مواصفات متنافسة. اختر 1200×630، ولن تحتاج إلى صورة ثانية إلا لمنصة X إذا أردت قصًا أضيق فيها تحديدًا.
الأبعاد وحجم الملف حسب المنصة
أهم ما تفعله هذه الصفحة هو الفصل بين الأرقام الموثقة من مصدر أولي (Meta) والإجماع المجتمعي (كل ما عدا ذلك). وقد أوضحت صراحةً أيها ينتمي إلى كل فئة؛ فلا تتعامل مع الأرقام غير الصادرة عن Meta كحقائق قطعية.
Facebook / Meta (مصدر أولي)
وفق وثائق Meta الخاصة بصور المشاركة:
- الحد الأدنى: “The minimum allowed image dimension is 200 x 200 pixels.” (ترجمة) «أصغر أبعاد مسموح بها للصورة هي 200 × 200 بكسل».
- الحد الأدنى لتجنب العرض الصغير: “At the minimum, you should use images that are 600 x 315 pixels to display link page posts with larger images.” (ترجمة) «استخدم على الأقل صورًا بأبعاد 600 × 315 بكسل لعرض منشورات روابط الصفحات بصور أكبر».
- الموصى به: “Use images that are at least 1200 x 630 pixels for the best display on high resolution devices.” (ترجمة) «استخدم صورًا لا تقل عن 1200 × 630 بكسل للحصول على أفضل عرض على الأجهزة عالية الدقة».
- النسبة: اجعلها “as close to 1.91:1 aspect ratio as possible” (ترجمة) «أقرب ما يمكن إلى نسبة 1,91:1» لتجنب القص في Feed.
- حد الملف: “The size of the image file must not exceed 8 MB.” (ترجمة) «يجب ألا يتجاوز حجم ملف الصورة 8 MB».
Meta هي أيضًا مصدر خصوصية التخزين المؤقت عند المشاركة الأولى: يجب أن يرى الزاحف الصورة مرة قبل عرضها، ولذلك “the first person who shares a piece of content won’t see a rendered image.” (ترجمة) «لن يرى أول شخص يشارك المحتوى صورة معروضة». ويتصرف LinkedIn على نحو مشابه؛ وهذه هي قصة إعادة الجلب التي يغطيها موضوع Open Graph.
X / Twitter (إجماع مجتمعي — تعامل معه بحذر)
تتطلب أرقام X حذرًا خاصًا. أُوقفت أداة Card Validator في 2022 من دون بديل، واختفت عمليًا وثائق Cards في developer.x.com: فقد أعادت استجابة HTTP 402 Payment Required في أوائل يوليو 2026، ومنذ هذا التحديث أصبح عنوان URL نفسه يعيد توجيه HTTP 307 إلى الصفحة الرئيسية لـdocs.x.com، حيث يعيد مسار ترميز Cards المكافئ 404s؛ فهو رابط ميت في الحالتين، ولا توجد الآن مواصفة أولية حية وحديثة يمكن التحقق منها لدى X. الأرقام المتداولة في الأدلة — نحو 1200×628 أو 1200×675 لبطاقة summary_large_image، وحد أدنى 300×157، وحد أقصى 4096×4096، وحد ملف نحو 5 MB، مع حاجة بطاقة summary الصغيرة إلى مربع أصغر بحد أدنى يقارب 144×144 — هي إجماع من مصادر ثانوية، لا مواصفة رسمية حالية مؤكدة. وهي قريبة بما يكفي من الإعداد الافتراضي 1,91:1 لتكون مفيدة، لكنني لا أقدم أي رقم محدد للبايتات أو البكسلات في X على أنه موثوق رسميًا. ويغطي موضوع Twitter Cards وضع وثائق X وأداة التحقق كاملًا.
LinkedIn وSlack وWhatsApp وDiscord وiMessage
- LinkedIn هي المنصة الوحيدة غير Meta التي تنشر أرقامها الخاصة: تذكر صفحة المساعدة التي تشرح جعل الموقع قابلًا للمشاركة حدًا أدنى 1200×627 بكسل، ونسبة موصى بها 1,91:1، وحدًا أقصى للملف 5 MB، وتوضح منفصلةً أن “images less than 401 pixels wide display as a thumbnail image.” (ترجمة) «الصور التي يقل عرضها عن 401 بكسل تُعرض كصورة مصغرة». أنشئ الصورة وفق الإعداد 1200×630 فتتجاوز هذه الحدود بهامش؛ ولا تخلط بينها وبين أرقام Facebook، فهي أرقام LinkedIn نفسها. وأداة Post Inspector هي أداة إعادة الجلب.
- Slack يواجه مشكلة في موضع الوسم أكثر من حجم الصورة؛ إذ يُذكر على نطاق واسع أنه لا يقرأ سوى أول نحو 32 KB من HTML الخام للصفحة عند إظهار المعاينة. فإذا وقعت وسوم الرأس — ومن ثم مرجع
og:image— بعد ذلك، فقد لا يراها Slack أبدًا. تؤكد وثائقه الخاصة بإظهار المعاينات أنه يقرأ بيانات Open Graph وX Card، لكنها لا تنشر حدًا للبايتات؛ لذا تعامل مع رقم 32 KB بوصفه رقمًا مُبلّغًا عنه لا مؤكدًا رسميًا. - WhatsApp يُقال إنه يسقط صورة المعاينة بصمت عند كبر الملف، وغالبًا ما يُذكر حد يقارب 300 KB، مع تداول رقم أعلى يقارب 600 KB بلهجة «رسمية». وفي الحالتين يكون الملف الثقيل هو نمط الفشل.
- Discord وiMessage يرثان Open Graph من دون مواصفات مستقلة موثقة للصورة؛ أنشئ الصورة وفق الإعداد 1200×630 وسيتبعانه.
الخلاصة العملية: بدل مطاردة أصغر حد منشور، استهدف أقل من نحو 1 MB، ويفضل 100–300 KB لتظل دون حدود جميع المنصات.
قاعدة عنوان URL المطلق — فشل حقيقي وصامت
هذه القاعدة تُذكر في كل مكان بوصفها حقيقة، لكن نادرًا ما تُشرح. يجب أن تكون قيمتا og:image وtwitter:image عنوان URL مطلقًا من نوع https://.... لا يُرفض المسار النسبي مثل /images/share.jpg برسالة خطأ ظاهرة، بل يُتجاهل بصمت. والسبب أن المتصفح يحل المسار النسبي قياسًا إلى عنوان URL للصفحة لأنه يعرف الصفحة التي يعرضها، أما زاحف التواصل الذي يجلب الوسم فلا يملك سياق الأساس هذا ولا يستطيع إعادة بناء نطاقك بصورة موثوقة. لذلك يتجاوز الوسم ويعود إلى أي صورة أخرى يمكنه استخراجها. فإذا كانت الصورة «لا تظهر» وكان المسار في المصدر يبدأ بـ/ بدل https://، فهذا هو الخلل.
صورة واحدة واستخدامان: مواصفة Google للصور المصغرة في 2026
منذ 2 مارس 2026 توثق Google og:image بوصفه أحد مصدري البيانات الوصفية المقبولين، إلى جانب primaryImageOfPage في schema.org، لاختيار صورها المصغرة في Search وDiscover. وتحصر وثائق Google الادعاء في هذين السطحين ولا تمدده إلى AI Overviews. لذلك قد تضطر الصورة نفسها إلى خدمة منصات التواصل وصور Google، مع أن الأشكال المطلوبة تختلف.
إرشادات Google للصور (وثائق Discover وImage SEO):
- الأبعاد: “at least 1200 px wide.” (ترجمة) «بعرض 1200 بكسل على الأقل».
- النسبة: 16:9، لا نسبة التواصل 1,91:1.
- الدقة: “more than 300,000 total pixels” (ترجمة) «أكثر من 300 000 بكسل إجمالًا»؛ فصورة 1280×720 تضم 921 600 بكسل.
- المحتوى: تجنب “a generic image (for example, your site logo) or an image with text,” (ترجمة) «صورة عامة مثل شعار الموقع أو صورة تحتوي نصًا»، وتجنب “an extreme aspect ratio.” (ترجمة) «نسبة عرض إلى ارتفاع متطرفة».
- شرط الأهلية: يتطلب عرض الصورة الكبيرة في Discover توجيه
max-image-preview:largeأو AMP؛ وهو شرط منفصل يغطيه موضوع وسم meta robots.
صورة اجتماعية 1200×630 (1,91:1) تحتوي 756 000 بكسل، فتتجاوز حدي Google للعرض وعدد البكسلات، لكنها ليست بنسبة 16:9. يمكن لصورة جيدة واحدة خدمة الاثنين، أو يمكنك تحديد primaryImageOfPage منفصلة لـGoogle مع إبقاء قص 1,91:1 للتواصل. ونصيحة تجنب الشعار والنص الثقيل مفيدة أيضًا لنسبة النقر الاجتماعية.
المفقودة والمعطلة — نمطا فشل مختلفان
يخلط الناس بينهما، لكن سلوكهما مختلف:
- وسم
og:imageغائب. تلجأ المنصات إلى صورة من متن الصفحة أو صورة افتراضية. تكون المعاينة غير متحكم فيها، لكنها نادرًا ما تكون فارغة تمامًا. - الوسم موجود لكن الصورة تفشل — بسبب 404، أو ملف كبير يُسقط بصمت، أو نوع MIME خاطئ، أو عنوان محجوب بالمصادقة أو robots.txt. هذا الوضع أقل تسامحًا؛ فقد لا تعرض منصات عدة أي صورة لأنها تعرف أنك حددت واحدة. وقد تكون الإشارة المعطلة أسوأ من عدم الإشارة أصلًا.
وتحت الحالتين مشكلة العرض والزحف: معظم روبوتات التواصل لا تشغّل JavaScript، لذلك لن ترى وسمًا يُحقن من جهة العميل. وكما كتبت في دليل Ahrefs لـJavaScript SEO: “Social media bots don’t run JavaScript, so things like OG tags won’t be seen unless you render the content before serving it to them.” (ترجمة) «لا تشغّل روبوتات التواصل JavaScript، لذلك لن ترى وسوم OG ما لم تعرض المحتوى قبل تقديمه لها». اعرض الوسم على الخادم.
دعم التنسيقات
- JPEG/JPG وPNG مدعومان في كل مكان.
- WebP مدعوم لدى معظم المستهلكين الحديثين (وتذكره Meta صراحة)، لكن احتفظ ببديل JPEG/PNG عندما لا تستطيع الاختبار.
- GIF/WebP المتحركان غير موثوقين لبطاقة ثابتة؛ فمعظم المنصات تلتقط إطارًا واحدًا أو تتجاهل الحركة.
التخزين المؤقت — المرحلة الأخيرة
لا ينتقل إصلاح الصورة كبيرة الحجم أو المعطلة إلى الروابط التي سبقت مشاركتها حتى تفرض إعادة الجلب؛ إذ تعيد أداتا Facebook Sharing Debugger وLinkedIn Post Inspector جلب الصفحة وتحديث المعاينة المخزنة مؤقتًا. وهذه هي الفكرة المحورية في موضوع Open Graph، لذلك أختصرها هنا في سطر واحد: عدّل الصورة ثم أعد الجلب، وإلا بقيت الصورة القديمة.
موضع هذا الموضوع
هذا شرح متعمق تحت محور وسوم Meta لـSEO، وبجوار موضوعي بنية الوسم اللذين توسع هذه المقالة فيهما: Open Graph وTwitter Cards. وهو يمس أيضًا مجموعة SEO للصور المنفصلة، التي تغطي تنسيقات الملفات ونص alt وفهرسة الصور عمومًا. والفرق أن SEO للصور يتناول الصور داخل المحتوى، بينما نتناول هنا صورة بيانات وصفية واحدة تمثل الصفحة كلها في بطاقة مشاركة، وأصبحت الآن تمثلها أيضًا في صورة Google المصغرة.
ملخص الذكاء الاصطناعي
نسخة مكثفة من قسم «متقدم»:
- النطاق: متطلبات صورة
og:imageوtwitter:image، لا بنية الوسم. وتستخدم X قيمةog:imageعند غيابtwitter:image. - الإعداد الآمن: عنوان HTTPS مطلق لصورة نحو 1200×630 (1,91:1)؛ وهو حل وسط مجتمعي لا معيار عالمي رسمي.
- أرقام Meta وحدها أولية المصدر: 200×200 حد أدنى، و600×315 أرضية، و≥1200×630 موصى به، و1,91:1، وحد 8 MB. أما أرقام X التقريبية 1200×628/675 ونحو 5 MB، وقراءة Slack لأول نحو 32 KB من HTML، وإسقاط WhatsApp الصامت للملفات قرب 300 KB فهي إجماع مجتمعي؛ فأداة التحقق لدى X متوقفة ووثائقها اختفت بعد جدار دفع ثم إعادة توجيه ميتة.
- العنوان المطلق: تُتجاهل المسارات النسبية بصمت؛ إذ لا تملك زواحف التواصل سياق أساس لحلها.
- المفقود لا يساوي المعطل: الغائب يسمح بصورة احتياطية من المتن؛ أما صورة محددة تفشل بسبب 404 أو الحجم الزائد أو حجب المصادقة/robots فغالبًا ما تترك البطاقة بلا صورة.
- Google (مارس 2026): تقرأ
og:imageلصورها المصغرة في Search وDiscover، وتحصر وثائقها ذلك في هذين السطحين لا في «صور الذكاء الاصطناعي» عمومًا، لكن مواصفاتها 16:9 / عرض ≥1200px / أكثر من 300K بكسل / بلا شعار / بلا نص، وهي هيئة تختلف عن 1,91:1. تحقق صورة 1200×630 حدود Google الدنيا للبكسلات لكنها ليست 16:9، ويلزمmax-image-preview:largeللصورة الكبيرة في Discover. - التنسيقات: JPEG/PNG في كل مكان، وWebP غالبًا، والحركة غير موثوقة.
- العرض: روبوتات التواصل لا تشغّل JavaScript؛ اعرض الوسم على الخادم.
- الهدف العملي: أقل من نحو 1 MB، ويفضل 100–300 KB.
- التخزين المؤقت: لا يصل الإصلاح إلى الروابط القديمة قبل فرض إعادة الجلب.
الوثائق الرسمية
وثائق المصدر الأولي لمواصفات الصورة.
Meta / Facebook (أوثق مصدر للأبعاد وحجم الملف)
- Sharing — Images — توصية ≥1200×630، وحد 200×200، وأرضية 600×315، ونسبة 1,91:1، وحد 8 MB.
- Sharing — Webmasters — طريقة جلب الزاحف وسلوك المشاركة الأولى والبدائل عند غياب الترميز.
بروتوكول Open Graph
- ogp.me — الخصائص الفرعية لـ
og:image:og:image:urlوog:image:secure_urlوog:image:typeوog:image:widthوog:image:heightوog:image:alt.
- تحديد صورة مفضلة بالبيانات الوصفية — استخدام
og:imageوschema.org لاختيار الصورة المصغرة وتجنب الشعارات والنص والنسب المتطرفة. - Google Discover — عرض 1200px على الأقل، ونسبة 16:9، وأكثر من 300 000 بكسل، وشرط
max-image-preview:largeأو AMP.
- جعل موقعك قابلًا للمشاركة على LinkedIn — حد 1200×627، ونسبة 1,91:1، و5 MB، وتحويل الصور الأضيق من 401px إلى صور مصغرة.
Slack
- إظهار معاينات الروابط في الرسائل — يؤكد قراءة بيانات Open Graph وX Card، لكنه لا ينشر حدًا محددًا للبايتات أو الصورة.
X / Twitter (متعذر الوصول إلى معظم الوثائق في 2026)
- أعادت وثائق ترميز Cards في
developer.x.comاستجابة HTTP 402 خلف جدار دفع في أبحاث أوائل يوليو 2026؛ ومنذ هذا التحديث أصبح عنوان URL نفسه يعيد توجيه HTTP 307 إلى الصفحة الرئيسية لـdocs.x.com، حيث يعيد مسار ترميز Cards المكافئ 404s، كما يعيد مسار Cards القديم فيdeveloper.twitter.comالتوجيه ثم 404s. وفي الحالتين لا توجد مواصفة أولية حية يمكن فحصها. لذلك عامل كل رقم خاص بأبعاد X أو حجم ملفاتها بوصفه إجماعًا من مصادر ثانوية؛ وراجع موضوع Twitter Cards للصورة الكاملة.
اقتباسات من المصدر
تصريحات موثقة عن مواصفات الصور. ينتقل كل رابط إلى النص المقتبس أو يوثقه.
Meta / Facebook — الأرقام الأولية المصدر
- “Use images that are at least 1200 x 630 pixels for the best display on high resolution devices.” (ترجمة) «استخدم صورًا لا تقل عن 1200 × 630 بكسل للحصول على أفضل عرض على الأجهزة عالية الدقة». — وثائق Meta. المصدر
- “At the minimum, you should use images that are 600 x 315 pixels to display link page posts with larger images.” (ترجمة) «استخدم على الأقل صورًا بأبعاد 600 × 315 بكسل لعرض منشورات روابط الصفحات بصور أكبر». المصدر
- “The minimum allowed image dimension is 200 x 200 pixels.” (ترجمة) «أصغر أبعاد مسموح بها هي 200 × 200 بكسل»، و*“The size of the image file must not exceed 8 MB.”* (ترجمة) «يجب ألا يتجاوز حجم الملف 8 MB». المصدر
LinkedIn — الحد الأدنى الذي توثقه المنصة
- “Minimum image dimensions: 1200 (w) x 627 (h) pixels”، و*“Recommended ratio: 1.91:1”، و”Max file size: 5 MB”، و”Images less than 401 pixels wide display as a thumbnail image.”* (ترجمة) «أصغر أبعاد 1200×627، والنسبة الموصى بها 1,91:1، وأقصى ملف 5 MB، والصور الأضيق من 401 بكسل تظهر كصورة مصغرة». — LinkedIn Help، “Make your website shareable on LinkedIn.” (ترجمة) «اجعل موقعك قابلًا للمشاركة على LinkedIn». المصدر
Google — استخدام og:image مصدرًا للصورة المصغرة (مارس 2026)
- تؤثر Google في الاختيار الآلي للصورة “by providing your preferred image through one of the following metadata sources” (ترجمة) «بتقديم صورتك المفضلة عبر أحد مصادر البيانات الوصفية التالية»:
primaryImageOfPageأوog:image. انتقل إلى الاقتباس - “Avoid using a generic image (for example, your site logo) or an image with text in the schema.org markup or og:image meta tag.” (ترجمة) «تجنب صورة عامة مثل شعار موقعك أو صورة تحتوي نصًا في schema.org أو og:image». انتقل إلى الاقتباس
- تقول Google في Discover: “use either schema.org markup or the og:image meta tag to specify a large image,” (ترجمة) «استخدم ترميز schema.org أو وسم meta og:image لتحديد صورة كبيرة»، بعرض 1200px على الأقل ونسبة 16:9 وأكثر من 300 000 بكسل. انتقل إلى الاقتباس
باري شوارتز، Search Engine Land — تغطية تحديث مارس 2026
- أفاد بأن Google تستخدم schema.org ووسم og:image مصدرين عند تحديد الصور المصغرة في Google Search وDiscover. اقرأ التغطية
باتريك ستوكس — مشكلة العرض
- “Social media bots don’t run JavaScript, so things like OG tags won’t be seen unless you render the content before serving it to them.” (ترجمة) «لا تشغّل روبوتات التواصل JavaScript، ولذلك لن ترى وسوم OG ما لم تعرض المحتوى قبل تقديمه لها». — من دليل Ahrefs لـJavaScript SEO. المصدر
developer.x.com، التي فُحصت مباشرةً في هذا التحديث، تعيد الآن التوجيه إلى 404 بدل استجابة جدار الدفع السابقة. وسطر JavaScript SEO منقول بوصفه كلامي المنشور في دليل Ahrefs. «صورتي لا تظهر» — هل المشكلة في الحجم أم العنوان أم الذاكرة المؤقتة؟
اتبع الخطوات من الأعلى؛ أول إجابة «نعم» تكون غالبًا موضع الإصلاح.
1. هل غيّرت الصورة للتو وما زالت القديمة تظهر؟ → إنها مشكلة تخزين مؤقت. افرض إعادة الجلب عبر Facebook Sharing Debugger أو LinkedIn Post Inspector. ولا يهم أي إجراء آخر حتى تعيد المنصة جلب الصفحة.
2. هل قيمة og:image مسار نسبي يبدأ بـ/ أو ./؟
→ إنها مشكلة عنوان URL. تتجاهل زواحف التواصل المسارات النسبية بصمت؛ فغيّرها إلى عنوان https://... مطلق وكامل ثم أعد الجلب.
3. هل يُحقن وسم الصورة بواسطة JavaScript ولا يظهر إلا بعد العرض؟ → إنها مشكلة عرض. روبوتات التواصل لا تشغّل JS؛ ضع الوسم في HTML الأولي من الخادم.
4. هل يُفتح عنوان الصورة في نافذة تصفح خفي جديدة بلا تسجيل دخول؟ → إذا كانت الإجابة لا — بسبب 404 أو طلب المصادقة أو حجب robots.txt — فهذه مشكلة وصول. غالبًا ما تترك الصورة المحددة لكن المعطلة البطاقة بلا صورة. أصلح المسار أو أزل الحجب.
5. هل الملف أكبر من نحو 1 MB، أو يتجاوز حد Meta البالغ 8 MB؟ → إنها مشكلة حجم ملف. ترفض Meta ما فوق 8 MB مباشرةً، ويسقط WhatsApp ومنصات أخرى الصور الكبيرة بصمت عند أحجام أدنى بكثير. اضغط الملف إلى 100–300 KB وأعد الجلب.
6. هل الصورة صغيرة جدًا (أقل من 200×200) أو غريبة الشكل؟ → إنها مشكلة أبعاد. ما دون 600×315 يعطي عرضًا صغيرًا أو مقصوصًا، وما دون 200×200 ترفضه Meta. أعد بناءها قرب 1200×630.
7. هل الخطأ في Slack وحده بينما تعمل البقية؟ → يُرجح أنها مشكلة موضع؛ إذ يُذكر أن Slack لا يقرأ سوى أول نحو 32 KB من HTML. تأكد من ظهور وسوم الرأس مبكرًا في المستند.
إذا لم ينطبق شيء مما سبق وكانت البطاقة سليمة عدا صورة Google المصغرة، فراجع قسم «صورة واحدة وسيدان» في متقدم.
ورقة مرجعية لصورة المشاركة
مواصفات المنصات — بإسناد صريح
| المنصة | الموصى به | الحد الأدنى | سقف حجم الملف | حالة المصدر |
|---|---|---|---|---|
| Facebook / Meta | ≥1200×630 (1,91:1) | 200×200 (و600×315 لعرض كبير) | حد صارم 8 MB | مصدر أولي |
X / Twitter (summary_large_image) | نحو 1200×628 / 1200×675 | نحو 300×157 | نحو 5 MB | إجماع مجتمعي |
X (بطاقة summary) | مربع نحو 144×144+ | نحو 144×144 | — | إجماع مجتمعي |
| حد 1200×627 (1,91:1) | عرض <401px ← مصغرة | 5 MB | مصدر أولي | |
| Slack | 1200×630 | — | يقرأ أول نحو 32 KB من HTML | مُبلّغ، غير مؤكد |
| 1200×630 | — | يسقط الملفات الكبيرة (نحو 300 KB) | إجماع مجتمعي | |
| Discord / iMessage | 1200×630 | — | — | يرث OG بلا مواصفة مستقلة |
| صورة Google المصغرة | عرض ≥1200px، 16:9 | >300 000 بكسل | — | مصدر أولي (شكل مختلف) |
حقائق سريعة
- إعداد آمن: HTTPS مطلق، وصورة نحو 1200×630 (1,91:1)، وملف 100–300 KB.
- عنوان مطلق فقط؛ تُتجاهل المسارات النسبية بصمت.
- تستخدم
twitter:imageقيمةog:imageعند غيابها. - المفقود لا يساوي المعطل: الغائب يسمح ببديل، والمعطل قد يترك البطاقة بلا صورة.
- تريد Google نسبة 16:9، بينما تريد الشبكات 1,91:1؛ وتحقق 1200×630 حدود البكسلات لكنها ليست 16:9.
- JPEG/PNG في كل مكان، وWebP غالبًا، والحركة غير موثوقة.
- حد Meta البالغ 8 MB هو حد البايتات الرسمي الوحيد.
- لا تصل الصورة المصححة إلى الروابط القديمة قبل إعادة الجلب.
قائمة تدقيق صورة المشاركة
خطوات للتأكد من أن صورة المشاركة صحيحة وقابلة للوصول وبالمقاس المناسب:
-
og:imageعنوانhttps://...مطلق، بلا مسارات نسبية. - الصورة نحو 1200×630px (1,91:1)، وعلى الأقل 600×315، ولا تقل مطلقًا عن 200×200.
- الملف أقل من نحو 1 MB، ويفضل 100–300 KB، ليبقى دون حدود المنصات؛ فحد Meta الصارم 8 MB، بينما تسقط منصات أخرى الملفات الكبيرة بصمت.
- التنسيق JPEG أو PNG أو WebP، وليس GIF/WebP متحركًا لبطاقة ثابتة.
- يُفتح العنوان في نافذة خفية جديدة، بلا 404 أو مصادقة أو حجب robots.txt.
- الوسم موجود في HTML الذي يعرضه الخادم، لا يُحقن بـJavaScript؛ فروبوتات التواصل لا تعرض JS.
- الوسم مبكر في
<head>؛ فهذا يساعد Slack الذي يقرأ أول نحو 32 KB فقط. -
twitter:imageإما محذوف، فيرجع إلىog:image، أو مضبوط عمدًا لقص مختلف في X. - تتجنب الصورة الشعار المنفرد والنص الثقيل؛ وهذا مفيد لنسبة النقر ومطلوب لأهلية صور Google المصغرة.
- تحتوي الصفحة
max-image-preview:large(أو AMP) لصورة Discover الكبيرة. - بعد أي تغيير، فرضت إعادة الجلب عبر Facebook Sharing Debugger أو LinkedIn Post Inspector لتحديث الروابط المشتركة.
أمثلة عملية
حالات قبل/بعد ملموسة لأنماط الفشل التي تغطيها المقالة.
عنوان URL مطلق مقابل نسبي
<!-- Silently ignored — a social crawler has no base to resolve this against -->
<meta property="og:image" content="/images/share.jpg" />
<!-- Correct — a full absolute HTTPS URL -->
<meta property="og:image" content="https://www.example.com/images/share.jpg" />صورة واحدة للمنصتين باستخدام الرجوع الاحتياطي
<!-- twitter:image is omitted on purpose; X falls back to og:image -->
<meta property="og:image" content="https://www.example.com/share-1200x630.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Descriptive alt text for the share image" />قص مختلف وأضيق لـX وحدها
<meta property="og:image" content="https://www.example.com/share-1200x630.jpg" />
<!-- Overrides the OG image on X specifically -->
<meta name="twitter:image" content="https://www.example.com/share-x-1200x675.jpg" />نمطا الفشل جنبًا إلى جنب
- وسم مفقود: لا يوجد
og:image← تختار Facebook/LinkedIn صورة من المتن أو افتراضية؛ النتيجة غير متحكم فيها ونادرًا ما تكون فارغة. - صورة معطلة: يشير
og:imageإلىhttps://www.example.com/old-hero.jpgالذي يعيد 404s ← قد تعرض منصات عدة البطاقة بلا صورة لأنها «تعرف» أنك حددت واحدة. وهذا أسوأ من عدم تعيين صورة أصلًا.
حساب المقاس لخدمة استخدامين
- هدف التواصل: 1200×630 = 1,91:1 = 756 000 بكسل.
- حد Google: عرض ≥1200px و**>300 000 بكسل**؛ وتتجاوز صورة 1200×630 الشرطين بسهولة.
- الشكل المفضل لدى Google: 16:9 (مثل 1280×720 = 921 600 بكسل). تحقق صورة 1200×630 الحدود الدنيا لدى Google لكنها ليست 16:9؛ فإذا أردت تحسين كل قناة على حدة، حدد
primaryImageOfPageمنفصلة في schema لـGoogle.
التحقق من أن إصلاح الصورة الاجتماعية دخل حيز التنفيذ
تعني مشكلة التخزين المؤقت التي تصفها هذه المقالة — أن تصلح الصورة بينما تستمر الروابط المشتركة في عرض القديمة — أن عبارة «عدّلت الملف» ليست دليلًا على شيء. نفّذ الاختبارات التالية بالترتيب بعد أي تغيير وقبل اعتبار الإصلاح مكتملًا.
تأكد من أن المنصة أعادت جلب الصورة الجديدة
الاختبار: الصق عنوان URL في Facebook Sharing Debugger أو LinkedIn Post Inspector واضغط زر إعادة الجلب/الفحص، ولا تكتفِ بعرض النتيجة المخزنة. المتوقع: تعرض لوحة المعاينة الصورة الجديدة، وتذكر الأداة طابعًا زمنيًا حديثًا للزحف. تفسير الفشل: إذا بقيت الصورة القديمة بعد الضغط على إعادة الجلب، فلم تُمسح ذاكرة المنصة أو ما زال الوسم يشير إلى الملف الخاطئ. نافذة المراقبة: فورية؛ فنتيجة أداة الفحص حية، لكن المنصات التي لا توفر أداة فحص عامة مثل WhatsApp وiMessage قد تستغرق بضع ساعات لتعكس التغيير. محفز التراجع: إذا عرضت أداة Facebook خطأ جلب منسوبًا إلى Facebook، لا مجرد صورة قديمة، بعد محاولتي إعادة جلب، فارجع إلى آخر عنوان URL معروف بأنه يعمل أثناء التحقيق.
تأكد من أن العنوان مطلق وقابل للوصول
الاختبار: افتح عنوان URL الدقيق في og:image ضمن نافذة تصفح خاصة جديدة بلا تسجيل دخول أو ذاكرة مؤقتة، أو نفذ curl -I عليه وافحص سطر الحالة. المتوقع: تُحمّل الصورة مباشرة وتعيد HTTP/1.1 200 OK، ويكون العنوان في شريط المتصفح مسار https://... كاملًا لا مسارًا نسبيًا. تفسير الفشل: تعني 404 أو إعادة التوجيه إلى صفحة تسجيل دخول أو أي حالة غير 200 أن الصورة غير متاحة لزاحف التواصل أيضًا. وهذا هو نمط «موجود لكنه معطل»، وهو أقل تسامحًا من غياب الوسم. نافذة المراقبة: فورية؛ فهذا فحص وصول في لحظة معينة، فأعده مباشرة بعد نشر الإصلاح. محفز التراجع: أي استجابة غير 200؛ أعد قيمة og:image إلى آخر عنوان URL أعاد 200 حتى تتأكد من إمكان الوصول إلى الأصل الجديد.
تأكد من وجود الوسم في HTML الذي يعرضه الخادم، لا من حقن JavaScript
الاختبار: اعرض المصدر (Ctrl+U / Cmd+Option+U) أو استخدم curl للصفحة وابحث في HTML الخام عن og:image؛ ولا تفحص DOM المعروض في DevTools، لأنه قد يتضمن وسومًا حقنتها JavaScript ولا تراها روبوتات التواصل. المتوقع: يظهر سطر <meta property="og:image" content="https://..."> في متن الاستجابة الخام غير المعروضة. تفسير الفشل: إذا ظهر الوسم في لوحة Elements بالمتصفح فقط ولم يظهر في عرض المصدر أو curl، فهو يُحقن من جهة العميل، ولن تراه روبوتات التواصل التي لا تشغّل JavaScript. نافذة المراقبة: فورية، ويستحق الفحص التكرار بعد أي نشر يمس طبقة القالب أو hydration. محفز التراجع: غياب الوسم عن HTML الخام في فحصي curl متتاليين؛ عامل تغيير القالب بوصفه معطلًا وتراجع عنه.
تأكد من أن الأبعاد وحجم الملف دون حدود المنصات
الاختبار: افحص أبعاد الصورة المنشورة وحجمها بأداة فحص أو Network أو curl -sI وContent-Length. المتوقع: نحو 1200×630px (1,91:1، وعلى الأقل 600×315، وليس أقل من 200×200) وملف دون نحو 1 MB، ويفضل 100–300 KB. تفسير الفشل: ما دون 600×315 يعطي عرضًا صغيرًا، وما يقارب 8 MB أو يتجاوزه ترفضه Meta، وتسقط منصات أخرى ملفات أصغر. نافذة المراقبة: فورية. محفز التراجع: ملف فوق نحو 1 MB أو أبعاد دون 600×315؛ استبدله قبل إعادة الجلب.
موارد تستحق وقتك
مقالات ذات صلة كتبتها
- مشكلات JavaScript SEO وأفضل الممارسات — جانب العرض: لماذا لا ترى روبوتات التواصل التي لا تشغّل JavaScript وسم
og:imageالمحقون من جهة العميل. - دليل المبتدئ إلى SEO التقني — موضع البيانات الوصفية داخل الصفحة، مثل صور المشاركة، ضمن الصورة الكبرى.
محاضراتي
- كيف يعمل البحث (SlideShare) — شرحي للزحف والعرض والفهرسة، بما في ذلك سبب حسم الفرق بين الزحف والعرض لما إذا كان وسم البيانات الوصفية سيُرى أصلًا. (وينطبق إخلاء المسؤولية المعتاد لدي: “This is my understanding of systems… not going to be 100% complete or accurate.” (ترجمة) «هذا فهمي للأنظمة… ولن يكون كاملًا أو دقيقًا بنسبة 100 %».)
رسمي
- Meta — صور المشاركة — مواصفة الأبعاد وحجم الملف الوحيدة الأولية المصدر (≥1200×630، وحد أدنى 200×200، و600×315 لعرض صورة كبيرة، ونسبة 1,91:1، وحد 8 MB).
- بروتوكول Open Graph — خصائص
og:imageالفرعية. - Google — تحديد صورة مفضلة بالبيانات الوصفية وGoogle Discover — متطلبات Google الخاصة بصورها المصغرة.
- Slack — إظهار معاينات الروابط في الرسائل — يؤكد أن Slack يقرأ بيانات OG وX Card.
من أنحاء المجال
- استخدام Google لكل من ترميز schema.org ووسم meta og:image للصور المصغرة في Google Search وDiscover (Search Engine Land، باري شوارتز، 2 مارس 2026) — تغطية في اليوم نفسه لتحديث وثائق مارس 2026.
- توضيح Google لطريقة اختيار الصور المصغرة في Search وDiscover (Search Engine Journal) — المقالة المصاحبة عن التحديث نفسه.
- وسوم Open Graph: كل ما تحتاج إلى معرفته (Ahrefs، ميخال بيتشانِك) — مرجع عام قوي لـOpen Graph، وليس من كتابتي.
- r/TechSEO — مجتمع تشخيص المعاينات المعطلة ومشكلات إعادة الجلب.
اختبر نفسك: صور المشاركة الاجتماعية
خمسة أسئلة سريعة عن متطلبات og:image وtwitter:image. اختر إجابة لكل سؤال ثم تحقق.
سجل التغييرات
تم التحديث في 13 أغسطس 2026.
ملخص تحريري وتفاصيل التغيير المسجلة.تفاصيل التغيير
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
المقارنة الكاملة غير متاحة — لم تُؤرشف لقطة سابقة لهذه المراجعة.
تم التحديث في 11 أغسطس 2026.
ملخص تحريري وتفاصيل التغيير المسجلة.تفاصيل التغيير
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
المقارنة الكاملة غير متاحة — لم تُؤرشف لقطة سابقة لهذه المراجعة.
تم التحديث في 11 أغسطس 2026.
ملخص تحريري وتفاصيل التغيير المسجلة.تفاصيل التغيير
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
المقارنة الكاملة غير متاحة — لم تُؤرشف لقطة سابقة لهذه المراجعة.
تم التحديث في 18 يوليو 2026.
ملخص تحريري وتفاصيل التغيير المسجلة.تفاصيل التغيير
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
المقارنة الكاملة غير متاحة — لم تُؤرشف لقطة سابقة لهذه المراجعة.