وسوم Open Graph: ليست عامل ترتيب، لكنها متطلب مهم لتحسين محركات البحث
ما وسوم Open Graph، ولماذا ليست عامل ترتيب في Google، وكيف تستخدم Google فعليًا og:title وog:image وog:site_name، وما أحجام og:image التي توثقها المنصات، وكيف تعمل آليات fallback والتخزين المؤقت، وكيف تفرض إعادة الجلب.
اللغات
وسوم Open Graph (OG) هي عناصر <meta> في رأس صفحتك، من بروتوكول Open Graph (ogp.me، الذي أنشأته فيسبوك)، تصف صفحتك ككائن قابل للمشاركة. الخصائص الأربع المطلوبة هي og:title وog:type وog:image وog:url؛ أضف og:description وog:site_name وog:locale وog:image:alt. وظيفتها الرئيسية هي بطاقة معاينة الرابط التي يراها الأشخاص عند مشاركة عنوان URL الخاص بك على فيسبوك ولينكد إن وسلاك وديسكورد وواتساب وآي مسج — لذا فهي أداة لتحسين نسبة النقر، وليست عامل ترتيب. لكن جوجل تقرأها: og:title مدرج ضمن المصادر التي يمكنها استخدامها لعنوان الرابط في نتائج البحث (أُضيف في أغسطس 2024)، وog:image هو أحد المدخلات الموثقة لاختيار الصورة المصغرة التلقائي في بحث واكتشاف جوجل، وog:site_name هو مدخل ذو أولوية أقل لاسم الموقع المعروض في النتائج — لا شيء من هذا يضمن استخدام قيمتك كما هي. العمود الفقري العملي: og:image يحتاج إلى عنوان URL مطلق ووصف بديل موثق؛ كل منصة تنشر إرشادات الحجم الخاصة بها (لينكد إن: 1200×627 كحد أدنى، بنسبة 1,91:1؛ اكتشاف جوجل: عرض 1200 بكسل على الأقل، بنسبة 16:9) بدلاً من رقم عالمي واحد، على الرغم من أن 1200×630 (1,91:1) هو الاصطلاح طويل الأمد عبر المنصات؛ الوسوم المفقودة تسبب معاينة غير خاضعة للتحكم (وليست فارغة)؛ كل منصة تخزن نتيجة الجلب مؤقتًا، لذا لا يصلح تعديل الوسوم الروابط التي سبقت مشاركتها — افرض إعادة الجلب باستخدام Facebook Sharing Debugger أو LinkedIn Post Inspector. معظم زاحفات منصات التواصل لا تشغل JavaScript، لذا يجب أن تكون الوسوم في HTML الذي يقدمه الخادم.
Evidence for this claim The Open Graph protocol defines og:title, og:type, og:image, and og:url as basic metadata for representing a page as a graph object. Scope: Open Graph protocol vocabulary; platform rendering can vary. Confidence: high · Verified: Open Graph protocol Evidence for this claim Meta's sharing crawler uses server-rendered Open Graph metadata and provides Sharing Debugger tools to inspect and refresh scraped information. Scope: Meta/Facebook sharing behavior, distinct from search ranking. Confidence: high · Verified: Meta for Developers: Webmasters sharing guideTL;DR — وسوم Open Graph (OG) هي أجزاء صغيرة من HTML في رأس صفحتك تحدد كيف يبدو رابطك عندما يشاركه شخص ما — العنوان، والوصف المختصر، والصورة في بطاقة المعاينة التي تراها على فيسبوك، ولينكد إن، وسلاك، وديسكورد، وواتساب، أو في iMessage. لا تساعدك في الترتيب في جوجل. لكن إذا تخطيتها، تخمن المنصات — وغالبًا ما يكون التخمين أسوأ مما كنت ستختاره.
ما هي وسوم Open Graph
عندما تلصق رابطًا في تطبيق دردشة أو منشور اجتماعي ويتحول إلى بطاقة أنيقة — عنوان رئيسي، ووصف قصير، وصورة كبيرة — تُبنى تلك البطاقة من وسوم Open Graph. وهي وسوم <meta> موجودة في <head> صفحتك، حيث لا يراها الزوار لكن التطبيقات التي تبني المعاينة تراها.
يأتي النظام من بروتوكول Open Graph، وهو مواصفة أنشأها فيسبوك (يمكنك قراءته على ogp.me). كانت الفكرة هي السماح لأي صفحة ويب بالعمل كـ”كائن” غني يمكن للمنصات الاجتماعية عرضه بشكل متسق.
إليك الوسوم التي تقوم بتعيينها فعليًا:
<meta property="og:title" content="Your headline for the share card" />
<meta property="og:description" content="A short blurb, a sentence or two." />
<meta property="og:image" content="https://example.com/share-image.jpg" />
<meta property="og:url" content="https://example.com/your-page/" />
<meta property="og:type" content="website" />- og:title — العنوان الرئيسي على البطاقة.
- og:description — الوصف المختصر تحته.
- og:image — الصورة المصغرة الكبيرة (هذه هي التي تجعل البطاقة لافتة للنظر).
- og:url — الرابط الأساسي للصفحة.
- og:type — نوع الشيء الذي تمثله الصفحة (
websiteلمعظم الصفحات،articleلمنشور مدونة).
هل تساعدك في الترتيب؟
لا. وسوم Open Graph ليست عامل ترتيب في جوجل — إضافتها لن ترفعك في نتائج البحث. ما تفعله هو التأثير على عدد الأشخاص الذين ينقرون على رابطك عندما تتم مشاركته، وهو أمر مختلف (وما زال قيمًا). فكر فيها كما تفكر في وصف ميتا جيد: إنه ليس ترتيبًا، بل هو العرض الذي يكسب النقرة.
حجم الصورة الذي يجب تذكره
لا يوجد حجم رسمي واحد تنشره كل منصة — كل منها يوثق أرقامه الخاصة (صفحة مساعدة لينكد إن الخاصة تقول 1200 × 627 بكسل كحد أدنى، نسبة 1,91:1؛ إرشادات جوجل الخاصة لاكتشاف تقول عرض 1200 بكسل على الأقل، 16:9). عمليًا، 1200 × 630 بكسل (حوالي نسبة 1,91:1) هو الاصطلاح الطويل الأمد الذي يُعرض بشكل نظيف، دون قص، على فيسبوك، ولينكد إن، وسلاك، وديسكورد، وواتساب، وiMessage — استخدمه كإعداد افتراضي آمن بدلاً من قاعدة مختومة في أي مكان رسمي. واستخدم رابطًا كاملًا يبدأ بـ https:// — المسار النسبي مثل /image.jpg يتم تجاهله بصمت.
الشيء الوحيد الذي يتعثر فيه الجميع
تغيّر og:image، ثم تعيد مشاركة الرابط… لكن الصورة القديمة ما زالت تظهر. السبب هو التخزين المؤقت — يتذكر فيسبوك ولينكد إن وسلاك ما جلبه كل منها في المرة الأولى، وتعديل الوسوم لا يحدّث بأثر رجعي الروابط التي سبقت مشاركتها. لإصلاح ذلك، اطلب من المنصة أن تجلب الصفحة من جديد: الصق رابطك في Facebook Sharing Debugger وانقر على “Scrape Again”، أو استخدم LinkedIn Post Inspector.
هل تريد الصورة الكاملة — كل وسم، وما يفعله جوجل بها فعليًا في 2026، والسلوك الاحتياطي والتخزين المؤقت لكل منصة، ومشكلة جافا سكريبت التي تخفي وسومك عن الزاحفين؟ انتقل إلى علامة التبويب متقدم.
Evidence for this claim The Open Graph protocol defines og:title, og:type, og:image, and og:url as basic metadata for representing a page as a graph object. Scope: Open Graph protocol vocabulary; platform rendering can vary. Confidence: high · Verified: Open Graph protocol Evidence for this claim Meta's sharing crawler uses server-rendered Open Graph metadata and provides Sharing Debugger tools to inspect and refresh scraped information. Scope: Meta/Facebook sharing behavior, distinct from search ranking. Confidence: high · Verified: Meta for Developers: Webmasters sharing guideالخلاصة — وسوم Open Graph هي عناصر
<head>من نوع<meta>ضمن بروتوكول Open Graph (ogp.me، الذي أنشأته فيسبوك) تصف صفحتك ككائن قابل للمشاركة. المطلوبة:og:title،og:type،og:image،og:url؛ والشائعة الاختيارية:og:description،og:site_name،og:locale، وog:image:alt. تكوّن الخصائص المتكررة مصفوفات، وتكون الأولوية للوسم الأول عند التعارض. وهي ليست عامل ترتيب — بل طبقة المظهر لمعاينات الروابط في تطبيقات التواصل والدردشة (فيسبوك، لينكد إن، سلاك، ديسكورد، واتساب، iMessage). يظل تعامل محركات البحث معها منفصلًا، ولا ينبغي استنتاجه من صحة وسوم Open Graph. ولا يحدد البروتوكول نفسه أبعادًا بالبكسل لـog:image— فكل مستهلك ينشر مقاساته الخاصة (لينكد إن، Google Discover) — لذا استخدم فيog:imageعنوان URL مطلقًا وحجمًا يناسب المنصات التي تدعمها؛ واعلم أن الوسوم المفقودة تنتج معاينة غير متحكم فيها، لا معاينة فارغة؛ وتذكر أن كل منصة تخزن نتيجة الجلب مؤقتًا — فتعديل الوسوم لا يصلح الروابط التي سبقت مشاركتها، لذا افرض إعادة الجلب. معظم زاحفات التواصل لا تشغل JavaScript، لذا يجب أن تكون الوسوم في HTML الذي يقدمه الخادم.
ما هي وسوم Open Graph فعليًا
وسوم Open Graph هي عناصر <meta> في <head> صفحتك، ويعرّفها
بروتوكول Open Graph — وهو مواصفة أنشأتها فيسبوك ونشرتها على
ogp.me. تقوم فكرة البروتوكول على تحويل صفحة الويب
إلى “كائن” غني باستخدام مجموعة صغيرة ومتسقة من الخصائص، بحيث تستطيع أي
منصة بناء المعاينة نفسها من الوسوم نفسها. ويلخص شرح Google للمطورين أصل الفكرة
بوضوح: بروتوكول Open Graph “provides Facebook with the metadata necessary to allow web pages to have the same functionality as other Facebook objects” (ترجمة) «يزود فيسبوك بالبيانات الوصفية اللازمة كي تتمتع صفحات الويب بوظائف كائنات فيسبوك الأخرى نفسها»، وفق
مقالة web.dev عن الاكتشاف الاجتماعي.
المواصفة تحدد أربع خصائص كمطلوبة — og:title، og:type، og:image،
وog:url — والخصائص التي ستضيفها دائمًا تقريبًا هي og:description،
og:site_name، وog:locale، بالإضافة إلى خصائص فرعية منظمة مثل
og:image:width، og:image:height، وog:image:alt (إرشاد المواصفة نفسه:
الصفحة التي تحدد og:image يجب أن تحدد og:image:alt أيضًا).
الوسوم المتكررة والخصائص المنظمة تتبع قواعد محددة. يتيح لك البروتوكول
تكرار خاصية جذرية لوصف كائنات متعددة (مثلًا، عدة صور مرشحة) — عندما يرى المستهلكون
قيمًا متعارضة لنفس الخاصية، الوسم الأول في ترتيب المستند هو المفضل. خاصية فرعية منظمة مثل
og:image:width تنطبق على وسم og:image الذي يسبقها مباشرة، وليس على كل
صورة في الصفحة، لذا حافظ على تجميع og:image لكل صورة وخصائصها الفرعية المنظمة
معًا في ترتيب المصدر. هذا سلوك على مستوى البروتوكول من
ogp.me نفسه، وليس خصوصية لكل منصة.
الإطار الذي أريدك أن تحتفظ به: هذه هي طبقة مظهر التواصل/الدردشة، شقيقة طبقة مظهر SERP التي تديرها بالفعل مع وسم العنوان و الوصف التعريفي. نفس الفكرة — التحكم في كيفية تقديم صفحتك لنفسها — فقط على سطح مختلف.
وسوم Open Graph الأساسية، واحدًا تلو الآخر
يشرح دليل web.dev من Google الغرض من كل وسم في سطر واحد: og:title هو “the title of the web page,” (ترجمة) «عنوان صفحة الويب»، وog:description هو “the description of the web page,” (ترجمة) «وصف صفحة الويب»، وog:image هو “URL to an image attached to the shared post,” (ترجمة) «عنوان URL لصورة مرفقة بالمنشور المشترك»، وog:url هو “the canonical url of the web page,” (ترجمة) «عنوان URL الأساسي لصفحة الويب»، وog:type هو “a string that indicates the type of the web page” (ترجمة) «سلسلة تشير إلى نوع صفحة الويب» (web.dev).
عمليًا:
- og:title — عنوان البطاقة. اجعله تقريبًا بما يظهر على بطاقات الجوال/سطح المكتب؛ استخدم العنوان الخام دون إضافة اسم الموقع. هذا منفصل عن عنصر
<title>في HTML، على الرغم من أن Google قد تستخدم أيًا منهما لرابط العنوان (انظر أدناه). - og:description — وصف البطاقة. جملة أو جملتان؛ النص الأطول يُقتطع على معظم المنصات.
- og:image — الصورة المصغرة، وهي الخاصية التي تصنع البطاقة أو تكسرها. يجب أن تكون URL مطلقًا (
https://…) — المسار النسبي يتم تجاهله بصمت بواسطة برامج الزحف. أضفog:image:width/og:image:heightحتى تتمكن المنصات من تخطيط البطاقة قبل اكتمال تحميل الصورة، وog:image:altمع وصف حقيقي — البروتوكول نفسه يوصي به كلما حددتog:image. - og:url — عنوان URL الأساسي للصفحة (قم بمحاذاته مع rel=canonical حتى تتجمع المشاركات على عنوان واحد).
- og:type — يعلن نوع الكائن.
websiteهو الافتراضي (وهو ما يتم التعامل مع أي صفحة غير موسومة به)؛articleيفتح خصائص إضافية مثلarticle:author، وarticle:published_time، وarticle:section؛ هناك أيضًا أنواعprofile، وbook، وvideo.*، وmusic.*. هذا مهم لميزات المنصة، وليس لتحسين محركات البحث مباشرة. - og:site_name وog:locale — الزوج الاختياري لكن المفيد.
og:site_nameيسمي العلامة التجارية وراء الصفحة؛og:locale(الافتراضيen_US) مطلوب فقط عندما لا يكون المحتوى باللغة الإنجليزية الأمريكية.
هل وسوم Open Graph عامل ترتيب؟ لا — ولكن إليك ما تفعله Google بها
لا يوجد مصدر رسمي من Google يذكر أن وسوم OG تؤثر في الترتيب. فهي تتحكم في المظهر، لا في الموضع — وهي الفئة نفسها التي وضع فيها John Mueller وصف meta حين قال إنه “primarily used as a snippet in the search results page. And that’s not something that we would use for ranking” (ترجمة) «يُستخدم أساسًا كمقتطف في صفحة نتائج البحث، وليس شيئًا نستخدمه للترتيب» (عبر تقرير Search Engine Journal). لم يقدم أي ممثل مسمى من Google اقتباسًا رسميًا مكافئًا عن Open Graph والترتيب تحديدًا، لذا لن أخترع واحدًا — الدليل هو الآلية الموثقة، والآلية كلها تتعلق بالمظهر. هناك ثلاثة مواضع مؤكدة تقول فيها وثائق Google إنها تقرأ وسوم OG — وفي كل حالة يكون الترميز الصالح مجرد مدخل قد تستخدمه Google، لا ضمانًا لعرض أو قص معين، ولا لأي نتيجة ترتيب أو زيارات. كما أن غياب وسم عن إحدى هذه الوثائق لا يثبت أن Google تتجاهله في موضع آخر — تعامل مع هذا على أنه “ما هو موثق”، لا قائمة شاملة بكل ما قد تلمسه أنظمة Google.
og:title كمصدر لرابط العنوان
منذ 26 أغسطس 2024، تدرج وثائق Google عبارة “Content in og:title
meta tags” (ترجمة) «المحتوى داخل وسوم og:title الوصفية» ضمن المصادر التي قد تستخدمها لإنشاء
رابط العنوان تلقائيًا — وهو العنوان
القابل للنقر في النتائج. وينص سجل التغييرات مباشرة على أن “Google Search can use content within
og:title meta tags to automatically generate title links”
(ترجمة) «يمكن لبحث Google استخدام المحتوى داخل وسوم og:title الوصفية لإنشاء روابط العناوين تلقائيًا»
(سجل تغييرات Search Central).
وهذا واحد من نحو تسعة مصادر تمزج Google بينها
(وثائق روابط العناوين) —
وليس ضمانًا لاستخدام قيمة og:title حرفيًا.
og:image كمصدر للصورة المصغرة
يحتوي دليل أفضل ممارسات تحسين محركات البحث للصور من Google على قسم «تحديد صورة مفضلة باستخدام البيانات الوصفية» يذكر مصدرين للبيانات الوصفية يمكنك استخدامهما للتأثير في الصورة التي تُختار للبحث: primaryImageOfPage من schema.org (أو صورة على الكيان الرئيسي)، أو “the og:image meta tag.” (ترجمة) «وسم og:image الوصفي». وتوضح Google صراحة أن “Google’s selection of an image preview is completely automated” (ترجمة) «اختيار Google لمعاينة الصورة آلي تمامًا»، وتحذر من “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 الوصفي». ويقدم دليل Discover الخيارين نفسيهما لصور Discover، مع إرشادات محددة: عرض لا يقل عن 1200 بكسل، وأكثر من 300 000 بكسل إجمالي، ونسبة عرض إلى ارتفاع 16:9 (ومثاله 1280×720) — وهي نسبة مختلفة عن اصطلاح 1,91:1 المستخدم لصور بطاقات المشاركة الاجتماعية أدناه، لذلك لن تكون صورة واحدة مهيأة للمشاركة الاجتماعية بالضرورة هي القص المفضل في Discover.
غطت الصحافة التجارية (Search Engine Land، Search Engine Journal، Search Engine Roundtable) هذه الوثائق الخاصة بالصور/Discover كأمر جديد في أوائل مارس 2026 وذكرت أن دور og:image يمتد الآن إلى AI Overviews أيضًا. لم أتمكن من تأكيد ذكر AI Overviews في صفحات الصور أو Discover الخاصة بـ Google مباشرةً — لا تذكر أي من الصفحتين حاليًا AI Overviews أو “أسطح الذكاء الاصطناعي” — لذا تعامل مع دور Search/Discover كحقيقة موثقة وامتداد AI Overviews كأمر أبلغت عنه جهات خارجية، وليس شيئًا تذكره وثائق Google نفسها صراحةً. في كلتا الحالتين، هذا اختيار، وليس ترتيبًا: og:image هو أحد المدخلات من بين عدة مدخلات، دون ضمان للعرض الدقيق.
og:site_name كمصدر لاسم الموقع
بالنسبة إلى اسم الموقع المعروض بجانب نتائجك، تقول Google إن نظامها “will also consider content in og:site_name, <title>, heading elements, and other text on a home page. However, WebSite structured data is most important” (ترجمة) «سينظر أيضًا في محتوى og:site_name، و<title>، وعناصر العناوين، ونصوص أخرى في الصفحة الرئيسية. ومع ذلك، تظل البيانات المنظمة WebSite هي الأهم» (دليل أسماء المواقع). لذا فإن og:site_name أحد المدخلات، لكنه يأتي في الأولوية بعد ترميز schema الخاص بـWebSite. (ولصفحات الفيديو نقطة رابعة: تدعم Google بروتوكول OGP وتقرأ og:video:image للصور المصغرة للفيديو، وفق وثائق تحسين محركات البحث للفيديو.)
اجمع ذلك كله، وستحصل على الخلاصة الدقيقة: تقرأ Google وسوم OG، ولكن فقط للمساعدة في تحديد كيف تبدو نتيجتك — لا موضعها في الترتيب.
كيف تستخدم منصات التواصل الاجتماعي وتطبيقات الدردشة وسوم OG
الوظيفة الأساسية اليومية لوسوم OG هي بطاقة معاينة الرابط. تقرأها Facebook وLinkedIn وSlack وDiscord وWhatsApp وiMessage وTelegram جميعًا لبناء البطاقة المعروضة قبل النقر.
X/Twitter هو الحالة الخاصة. بطاقات Twitter، بحسب تعبير Google، “an extension to the Open Graph Protocol applicable for Twitter” (ترجمة) «امتداد لبروتوكول Open Graph ينطبق على Twitter» (web.dev). يتحقق X من وسوم twitter:card وtwitter:* أولًا، ثم يلجأ إلى وسوم OG لكل خاصية؛ وإذا غاب twitter:card تمامًا، فقد يظل X يبني بطاقة من بيانات OG، لكنه يستخدم نوع البطاقة البسيط summary افتراضيًا. ومن المفيد أن تعرف أن أداة Twitter Card Validator القديمة أُوقفت نحو عام 2022 — ولا تزال أدلة منافسة عدة تشير إليها كما لو كانت متاحة. لم يعد هناك مدقق رسمي خاص بـX؛ وتسد أدوات فحص OG التابعة لجهات خارجية هذه الفجوة.
الحجم والتنسيق الموصى به لـ og:image
لا يحدد بروتوكول Open Graph نفسه أي أبعاد بكسل أو نسبة عرض إلى ارتفاع لـ og:image — يحدد ogp.me فقط الخصائص المنظمة (og:image:width، og:image:height، og:image:type، og:image:alt)، وليس حجمًا مطلوبًا. التحجيم هو قرار لكل مستهلك، ولا يتفق المستهلكون جميعًا:
- LinkedIn يوثق الحد الأدنى الخاص به مباشرة: 1200 × 627 بكسل، بنسبة 1,91:1؛ وتُعرض الصور الأضيق من ~401px كصورة مصغرة صغيرة فقط.
- Google Discover يوثق عرضًا لا يقل عن 1200 بكسل، وأكثر من 300 000 بكسل إجمالي، ونسبة أبعاد 16:9 (ومثاله 1280×720) لبيانات الصورة المفضلة — وهي نسبة تختلف بوضوح عن اصطلاح بطاقة التواصل أدناه.
- تطلب وثائق المشاركة الحالية من Facebook صورًا “at least 1080 pixels in width” (ترجمة) «بعرض لا يقل عن 1080 بكسل»، من دون تحديد نسبة عالمية؛ وتحيل إلى دليل منفصل لأفضل الممارسات لمزيد من التفاصيل.
بالنظر إلى هذا الانتشار، 1200 × 630 بكسل (حوالي 1,91:1) يظل الافتراضي العملي عبر المنصات الذي يستخدمه معظم المنفذين — فهو قريب من الحد الأدنى الخاص بـ LinkedIn ويُعرض بشكل مقبول (وإن لم يكن دائمًا مثاليًا بالبكسل) على Facebook وSlack وDiscord وWhatsApp وiMessage، ويعرضه X كبطاقة صورة كبيرة. تعامل معه كاصطلاح معقول، وليس كقاعدة تفرضها أي مواصفة واحدة — إذا كانت منصة معينة مهمة جدًا بالنسبة لك، تحقق من وثائق تلك المنصة الحالية بدلاً من افتراض أن هذا الرقم مضمون هناك.
شيئان هما قواعد صارمة، وليسا اصطلاحات:
- مطلوب عنوان URL مطلق. يجب أن يشير
og:imageإلى عنوان URL كاملhttps://…؛ المسار النسبي يتم تجاهله بواسطة برامج الزحف. - لا شعارات عامة أو صور كثيفة النص إذا كنت تريد أيضًا أن تكون الصورة مؤهلة
لاختيار الصور المصغرة من Google — يحذر Google صراحةً من كلاهما، ومن
نسب الأبعاد المتطرفة. اضبط
og:image:altمع وصف حقيقي أيضًا.
ماذا يحدث عندما تكون وسوم Open Graph مفقودة
من الأساطير الشائعة أن “عدم وجود وسوم OG” يعني “رابط نص عادي، بدون صورة.” ليس كذلك —
المنصات تلجأ إلى البدائل، ولا تتركه فارغًا. يملأ Facebook الفجوات من
<title> الصفحة، ووصف meta، وأول صورة محتوى قابلة للاستخدام؛ يتصرف LinkedIn
بشكل مشابه ويعامل الصور الأضيق من ~401px كصورة مصغرة فقط. لذا فإن الخطر الحقيقي
لحذف وسوم OG هو معاينة غير خاضعة للتحكم وأسوأ — صورة عشوائية داخل النص،
أو <title> مقطوع — وليس معاينة مفقودة. إذا كنت تهتم بكيفية ظهور الصفحة عند مشاركتها
(وبالنسبة لأي شيء تريد الترويج له، يجب أن تهتم)، فاضبط الوسوم بدلاً من ترك كل
منصة تخمن.
لماذا لا تظهر وسوم OG المحدثة — التخزين المؤقت وإعادة الجلب
هذه هي المشكلة العملية الأكثر شيوعًا. يخزن Facebook وLinkedIn وSlack جميعًا بيانات OG التي جلبتها مؤقتًا، لذلك لا يؤدي تعديل الوسوم إلى تحديث الروابط التي سبقت مشاركتها بأثر رجعي. وتؤكد وثائق مشرفي المواقع من Facebook آلية محددة تستحق المعرفة: “images are cached based on the URL and won’t be updated unless the URL changes” (ترجمة) «تُخزَّن الصور مؤقتًا استنادًا إلى عنوان URL، ولن تُحدَّث ما لم يتغير العنوان» — لذلك، إذا علقت صورة قديمة، فقد يفرض تغيير اسم ملف og:image، لا محتوياته فقط، جلبًا جديدًا. لا أملك مصدرًا أوليًا يحدد بالضبط مدة بقاء ذاكرة التخزين المؤقت في كل منصة قبل أن تنتهي تلقائيًا، لذلك لا تعامل أي مدة محددة تراها في مصدر آخر على أنها ضمان موثق — اطلب إعادة الجلب في كل منصة بدل انتظار انتهاء المدة:
- Facebook Sharing Debugger (developers.facebook.com/tools/debug) — الصق عنوان URL واستخدم “Scrape Again” لبدء جلب جديد.
- LinkedIn Post Inspector — يعيد جلب البطاقة ويعاينها؛ وإذا تعذر جلب الصورة، فتحقق من أنها ليست محظورة أو خلف مصادقة.
- X/Twitter — لا يوجد مدقق رسمي منذ نحو 2022. وبما أن X يلجأ إلى وسوم OG، فالمسار العملي هو استخدام مدقق OG عام ثم إجراء مشاركة جديدة.
لأن الزاحفات تخزن النتائج مؤقتًا ولأن المحتوى يتغير، فلا يمكن ضبط وسوم OG ثم نسيانها: بعد تحديث مهم للمحتوى أو الصورة في صفحة عالية القيمة، اطلب إعادة جلبها.
مشكلات التنفيذ: JavaScript، حدود البايت، عناوين URL المطلقة
الأكبر منها يرتبط مباشرة بـ
الرندر: معظم زاحفات منصات
التواصل الاجتماعي لا تنفّذ JavaScript. وسوم OG المُحقنة من جهة العميل — مثلًا عبر React
بعد الـ hydration — غير مرئية لها؛ يرى الزاحف <head> فارغًا. يجب أن تكون الوسوم
موجودة في HTML الخام المُقدَّم من الخادم. هذا هو نفس
التمييز بين الزحف والرندر الذي يضرب المواقع كثيفة JavaScript في أماكن أخرى (انظر
JavaScript SEO). تم الإبلاغ (وليس
توثيقه في مواصفة رسمية) أن Slack يجلب عددًا محدودًا فقط من البايتات من
بداية الصفحة، لذا كهامش أمان ضع وسوم OG مبكرًا في <head> بدلًا من
وضعها بعد سكربت أو كتلة أنماط كبيرة. ومرة أخرى لأنها القاتل الصامت: يجب أن يكون og:image عنوان URL مطلقًا.
Bing وMicrosoft وOpen Graph
Bing أقل توثيقًا هنا بكثير من Google. أداة التحقق من العلامات في Bing (في Bing
Webmaster Tools) تدرج Open Graph ضمن تنسيقات العلامات المنظمة التي يتعرف عليها،
إلى جانب schema.org وMicrodata وMicroformats وRDFa، وإرشادات ترحيل Bing
تشير إلى بيانات OG كشيء يجب إبقاؤه محدثًا أثناء النقل — لكن Bing
لم ينشر تفاصيل بأسلوب Google حول ما إذا كانت بيانات OG تغذي مقتطفاته أو
صوره المصغرة أو كيف. عمليًا، المستهلك الأقوى في نظام Microsoft البيئي لوسوم OG هو
LinkedIn (المملوكة لـ Microsoft)، والتي تقرأ og:title وog:description و
og:image وog:url لبناء بطاقات المشاركة الخاصة بها. لا تبالغ في ادعاء آلية Bing
غير الموثقة.
خرافات Open Graph الشائعة، مُفنَّدة
- “وسوم OG عامل ترتيب في Google.” لا — لا يوجد مصدر رسمي يقول ذلك. فهي تؤثر في المظهر (مصادر رابط العنوان والصورة المصغرة واسم الموقع)، لا في الموضع.
- “OG is only for Facebook, irrelevant to real SEO.” (ترجمة) «OG مخصص لـFacebook فقط، ولا صلة له بتحسين محركات البحث الحقيقي.» هذا طرح قديم. تدرج وثائق Google
og:title(روابط العناوين؛ أُضيف في أغسطس 2024)، وog:image(مدخل لاختيار الصور في البحث وDiscover)، وog:site_name(مدخل لاسم الموقع بأولوية أقل) كثلاث ميزات مظهر منفصلة تقرأ لها وسوم OG — مع أن دور og:image في AI Overviews مذكور في تقارير صحفية، لا في صفحات الصور وDiscover من Google نفسها وقت هذا الفحص. - “غياب وسوم OG يعني رابطًا نصيًا عاديًا بلا صورة.” لا — تلجأ المنصات إلى
<title>ووصف meta والصورة الأولى، فتنتج معاينة غير متحكم فيها، لا معاينة فارغة. - “تحديث og:image يصلح فورًا كل رابط تمت مشاركته مسبقًا.” لا — يخزن Facebook وLinkedIn وSlack نتيجة الجلب مؤقتًا؛ ويجب أن تطلب إعادة الجلب، وقد يؤخرها تخزين CDN المؤقت أيضًا.
- “استخدم Twitter Card Validator لإصلاح معاينات X.” أُوقفت الأداة نحو 2022؛ ولا يوجد الآن مدقق رسمي لـX.
- “أي حجم أو عنوان URL يصلح لـog:image.” لا — يجب أن يكون عنوان URL مطلقًا، وتحذر Google من الشعارات العامة والنص داخل الصورة ونسب الأبعاد المتطرفة عند اختيار الصور المصغرة.
ما الخطوة التالية؟
هذه الصفحة هي غوص عميق تحت
مركز وسوم Meta لـ SEO، خريطة مجموعة الصفحات الداخلية
لعناصر الرأس المهمة فعليًا. Open Graph هو طبقة المظهر الاجتماعي/الدردشة —
نظائره على جانب مظهر SERP هي
وسم العنوان (الذي قد تستمد منه Google
og:title الخاص بك) ووصف meta
(أقرب نظير: ليس عامل ترتيب، بل كله حول النقرة). بالنسبة للصورة و
جانب اسم الموقع، يتداخل OG مع ترميز schema —
تعامل Google og:image وprimaryImageOfPage في schema كمصدرين بديلين للصور
المصغرة. ولأن معظم زاحفات التواصل الاجتماعي لا تشغّل JavaScript، فإن الموضوع كله يقع
في مرحلة لاحقة عن الرندر و
JavaScript SEO.
ملخص الذكاء الاصطناعي
نظرة مختصرة على النسخة المتقدمة:
- وسوم Open Graph هي طبقة المظهر في تطبيقات التواصل والدردشة. وهي عناصر
<head>من نوع<meta>ضمن بروتوكول Open Graph (ogp.me، الذي أنشأته فيسبوك) تصف صفحتك ككائن قابل للمشاركة. - المطلوب:
og:title، وog:type، وog:image، وog:url. والاختياري الشائع:og:description، وog:site_name، وog:locale، وog:image:alt. تكوّن الوسوم المتكررة مصفوفات؛ وعند التعارض تكون الأولوية للوسم الأول. - ليست عامل ترتيب — بل تنتمي إلى فئة المظهر نفسها التي ينتمي إليها وصف meta. ولا يربط أي مصدر رسمي من Google وسوم OG بالترتيب.
- تقرأها Google لأغراض المظهر عبر ثلاث آليات موثقة لا تضمن أي منها النتيجة:
og:title← مصدر لرابط العنوان (أُضيف في أغسطس 2024)؛ وog:image← مدخل لاختيار الصورة في البحث وDiscover (يوثق Discover عرضًا ≥1200 بكسل ونسبة 16:9، وهي نسبة تختلف عن اصطلاح بطاقة التواصل)؛ وog:site_name← مدخل لاسم الموقع بأولوية أقل من بياناتWebSiteالمنظمة. وتضيف صفحات الفيديوog:video:image. كما تذكر الصحافة التقنية دورًا لـog:imageفي AI Overviews؛ لكن صفحات الصور وDiscover من Google لا تسمي AI Overviews مباشرة. - الوظيفة الرئيسية عمليًا: بطاقة معاينة الرابط على Facebook وLinkedIn وSlack وDiscord وWhatsApp وiMessage. توسع بطاقات X/Twitter بروتوكول OG — يقرأ X وسوم
twitter:*أولًا، ثم يلجأ إلى OG لكل خاصية، ويستخدم بطاقةsummaryافتراضيًا إذا غابtwitter:card. وقد أُوقفت أداة Twitter Card Validator نحو 2022. - og:image: لا يوجد حجم عالمي في المواصفة؛ يوثق LinkedIn 1200×627 (1,91:1)، ويوثق Google Discover عرضًا ≥1200 بكسل بنسبة 16:9؛ أما 1200×630 (1,91:1) فهو اصطلاح شائع عبر المنصات. يلزم عنوان URL مطلق؛ وتجنب الشعارات العامة والنص داخل الصورة والنسب المتطرفة، وعيّن
og:image:alt. - الوسوم المفقودة تعني معاينة غير متحكم فيها، لا معاينة فارغة. تلجأ المنصات إلى
<title>ووصف meta والصورة الأولى. - التخزين المؤقت هو المشكلة الأولى. لا يصلح تعديل الوسوم الروابط التي سبقت مشاركتها؛ اطلب إعادة الجلب عبر Facebook Sharing Debugger (“Scrape Again”) أو LinkedIn Post Inspector. وتذكر وثائق Facebook أن الصور تُخزَّن مؤقتًا حسب عنوان URL ولا تُحدَّث إلا إذا تغير العنوان نفسه.
- مشكلة العرض: لا تشغل معظم زاحفات التواصل JavaScript، لذلك يجب أن تكون الوسوم في HTML الذي يقدمه الخادم؛ ويُذكر، من دون توثيق رسمي، أن Slack يجلب نطاقًا محدودًا من البايتات، لذا ضع وسوم الرأس مبكرًا كهامش أمان.
- Bing: توثيقه محدود — يتعرف Markup Validator على OG، لكن لا توجد آلية منشورة للصور المصغرة أو المقتطفات بمستوى تفصيل Google. وLinkedIn هو المستهلك العملي في منظومة Microsoft.
الوثائق الرسمية
وثائق أولية من مواصفة البروتوكول ومحركات البحث.
البروتوكول
- بروتوكول Open Graph (ogp.me) — المواصفة نفسها: الخصائص المطلوبة (
og:title،og:type،og:image،og:url)، الخصائص الاختيارية، والخصائص الفرعية المنظمة مثلog:image:width/og:image:height.
- التحكم في روابط العناوين في نتائج البحث — القائمة الكاملة لمصادر روابط العناوين، بما في ذلك
og:title. - سجل تغييرات Search Central: إضافة og:title إلى مصادر روابط العناوين (26 أغسطس 2024) — متى تمت إضافة
og:title. - أفضل ممارسات SEO للصور — “تحديد صورة مفضلة عبر البيانات الوصفية” —
og:image(وschema.org) كمصادر لاختيار الصور المصغرة في البحث. - Google Discover —
og:imageللصور المصغرة في Discover؛ المستندات بعرض ≥1200 بكسل، وأكثر من 300 000 بكسل إجمالي، ونسبة 16:9. - أسماء المواقع في بحث Google —
og:site_nameكمصدر لاسم الموقع (أدناهWebSiteالبيانات المنظمة). - أفضل ممارسات SEO للفيديو — دعم OGP و
og:video:imageللصور المصغرة للفيديو. - web.dev — الاكتشاف الاجتماعي — الشرح الأساسي من Google لـ OGP وبطاقات تويتر، مع جدول أغراض كل وسم.
الأدوات
- Facebook Sharing Debugger — الصق عنوان URL، وشاهد كيف يقوم Facebook بجمع البيانات منه، واستخدم “Scrape Again” لمسح ذاكرة التخزين المؤقت.
اقتباسات من المصدر
تصريحات موثقة ومنسوبة إلى Google. ينقلك كل رابط مباشرة إلى المقطع المقتبس في صفحة المصدر.
Google — og:title كمصدر لروابط العناوين
- “Google Search can use content within
og:titlemetatags to automatically generate title links.” (ترجمة) «يمكن لبحث Google استخدام المحتوى داخل وسوم og:title meta لإنشاء روابط العناوين تلقائيًا.» — سجل تغييرات Google Search Central (26 أغسطس 2024). الانتقال إلى الاقتباس - قائمة مصادر روابط العناوين تتضمن “Content in
og:titlemetatags.” (ترجمة) «المحتوى في وسوم og:title meta.» — وثائق Google Search Central. الانتقال إلى الاقتباس
Google — og:image كمصدر لاختيار الصور المصغرة
- يمكنك التأثير في اختيار الصور “by providing your preferred image through one of the following metadata sources” (ترجمة) «من خلال توفير صورتك المفضلة عبر أحد مصادر البيانات الوصفية التالية» — ترميز schema.org أو “the
og:imagemetatag.” (ترجمة) «وسم og:image meta.» — وثائق Google Search Central. الانتقال إلى الاقتباس - “Avoid using a generic image (for example, your site logo) or an image with text in the schema.org markup or
og:imagemetatag.” (ترجمة) «تجنب استخدام صورة عامة (مثل شعار موقعك) أو صورة تحتوي على نص في ترميز schema.org أو وسم og:image meta.» الانتقال إلى الاقتباس - “Use either schema.org markup or the
og:imagemetatag to specify a large image that’s relevant and representative of the web page.” (ترجمة) «استخدم إما ترميز schema.org أو وسم og:image meta لتحديد صورة كبيرة ذات صلة وتمثل صفحة الويب.» — وثائق Google Discover. الانتقال إلى الاقتباس
Google — og:site_name كمصدر لاسم الموقع
- “Our site name system will also consider content in
og:site_name,<title>, heading elements, and other text on a home page. However,WebSitestructured data is most important.” (ترجمة) «سيأخذ نظام أسماء المواقع لدينا أيضًا في الاعتبار المحتوى في og:site_name، و<title>، وعناصر العناوين، ونصوص أخرى في الصفحة الرئيسية. ومع ذلك، فإن البيانات المنظمة WebSite هي الأكثر أهمية.» — وثائق Google Search Central. الانتقال إلى الاقتباس
Google — تعريف OGP والغرض من كل وسم
- بروتوكول Open Graph “provides Facebook with the metadata necessary to allow web pages to have the same functionality as other Facebook objects.” (ترجمة) «يزود فيسبوك بالبيانات الوصفية اللازمة كي تتمتع صفحات الويب بوظائف كائنات فيسبوك الأخرى نفسها.» — web.dev (Google). الانتقال إلى الاقتباس
- بطاقات Twitter هي “an extension to the Open Graph Protocol applicable for Twitter.” (ترجمة) «امتداد لبروتوكول Open Graph ينطبق على Twitter.» — web.dev (Google). الانتقال إلى الاقتباس
جون مولر، جوجل — المظهر ≠ الترتيب (مُستشهد به على سبيل القياس)
- “So the meta description is primarily used as a snippet in the search results page. And that’s not something that we would use for ranking.” (ترجمة) «يُستخدم الوصف التعريفي أساسًا كمقتطف في صفحة نتائج البحث، وليس شيئًا نستخدمه للترتيب.» — John Mueller، في SEO Office Hours (مايو 2022)، عبر Search Engine Journal. وينطبق هنا إطار «المظهر لا الترتيب» بالقياس على وسوم OG. اقرأ التغطية
”رابط المشاركة الخاص بي يبدو خاطئًا” — شجرة فرز
اعمل من الأعلى إلى الأسفل؛ أول “نعم” هي إجابتك.
1. هل تحتوي الصفحة على وسوم OG على الإطلاق في HTML الخام؟
شغّل curl -s https://your-url/ | grep 'og:' (أو “عرض المصدر،” وليس DOM المعروض
في أدوات المطور).
- لا توجد وسوم في HTML الخام، لكنها موجودة في DOM المعروض → يتم حقنها
بواسطة جافا سكريبت. معظم زاحفات التواصل الاجتماعي لا تشغل JS، لذا لا يمكنها رؤيتها. الإصلاح:
قم بتقديم الوسوم من الخادم في
<head>. - لا توجد وسوم في أي مكان → أضفها. حتى ذلك الحين، تعتمد المنصات على
<title>/الوصف التعريفي/الصورة الأولى (معاينة غير خاضعة للتحكم). - الوسوم موجودة في HTML الخام → انتقل إلى 2.
2. هل og:image عنوان URL مطلق https://…؟
- لا (مسار نسبي) → تتجاهله الزاحفات. الإصلاح: اجعله مطلقًا.
- نعم → انتقل إلى 3.
3. هل غيّرت الوسوم مؤخرًا، وما زالت المعاينة القديمة تظهر؟
- نعم → إنها مخزنة مؤقتًا. الإصلاح: اطلب إعادة الجلب في كل منصة — Facebook Sharing Debugger (“Scrape Again”) وLinkedIn Post Inspector. وإذا كانت المشكلة في الصورة تحديدًا ولم تساعد إعادة الجلب، فجرب تغيير عنوان URL أو اسم ملف الصورة — تقول وثائق Facebook إن الصور تُخزَّن مؤقتًا حسب عنوان URL ولن تُحدَّث حتى يتغير العنوان.
- لا → انتقل إلى 4.
4. هل المشكلة فقط على X/Twitter؟
- نعم → يقرأ X وسوم
twitter:*أولاً، ثم يتراجع إلى OG لكل خاصية و يضع افتراضيًا بطاقةsummaryإذا كانتtwitter:cardمفقودة. لا يوجد مُتحقق رسمي من X منذ حوالي 2022؛ أضف وسومtwitter:cardصريحة وأعد المشاركة. - لا → انتقل إلى 5.
5. هل الصورة بالحجم الخاطئ/مقصوصة، أم صورة شعار/نص في نتائج Google؟
- مقصوصة/غير واضحة على وسائل التواصل → غيّر الحجم إلى 1200×630 (1,91:1)، وهو الاصطلاح الشائع عبر المنصات (ليس مواصفة رسمية لمنصة واحدة، لكنه قريب من الحد الأدنى الموثق لدى LinkedIn).
- قص خاطئ تحديدًا في Google Discover → يوثق Discover نسبة 16:9 (عرض ≥1200 بكسل، >300 000 بكسل إجمالي)، وهي مختلفة عن اصطلاح 1,91:1 لوسائل التواصل.
- الصورة المصغرة في Google هي شعارك أو صورة نصية → يتجنب Google الشعارات العامة،
والنص داخل الصور، ونسب الأبعاد المتطرفة؛ أعطه صورة
og:imageنظيفة وتمثيلية (أو عيّن مخططprimaryImageOfPage).
ورقة Open Graph المرجعية السريعة
الوسوم — ماذا يفعل كل واحد منها
| الخاصية | مطلوبة؟ | تتحكم في | ملاحظات |
|---|---|---|---|
og:title | نعم | عنوان البطاقة | أيضًا مصدر لرابط عنوان Google (أغسطس 2024) |
og:type | نعم | نوع الكائن | الافتراضي website؛ article يفتح article:* |
og:image | نعم | الصورة المصغرة للبطاقة | رابط مطلق؛ أيضًا مدخل للصورة المصغرة في بحث/Discover من Google |
og:url | نعم | الرابط الأساسي | طابقه مع rel=canonical |
og:description | لا | نص البطاقة | يُقتطع على معظم المنصات |
og:site_name | لا | اسم العلامة التجارية | أيضًا مصدر لاسم موقع Google (أقل من مخطط WebSite) |
og:locale | لا | اللغة/المنطقة | الافتراضي en_US؛ عيّنه لغير الإنجليزية الأمريكية |
og:image:width/:height | لا | تلميح التخطيط | يساعد المنصات على العرض قبل التحميل |
og:video:image | لا | صورة مصغرة للفيديو | يقرؤه Google لصفحات الفيديو |
أين يقرأ Google وسوم OG (كلها للظهور، لا شيء للترتيب)
| الوسم | ميزة Google | ملاحظة الأولوية |
|---|---|---|
og:title | رابط العنوان | واحد من ~9 مصادر؛ لا يُستخدم حرفيًا |
og:image | الصورة المصغرة (بحث / Discover؛ نظرات AI حسب تقارير صحفية) | بديل لمخطط primaryImageOfPage |
og:site_name | اسم الموقع | أقل من البيانات المنظمة WebSite |
حقائق سريعة
- لا يوجد حجم عالمي في المواصفة لـ
og:image. LinkedIn: 1200×627 بنسبة 1,91:1. Google Discover: عرض ≥1200 بكسل بنسبة 16:9. الاصطلاح الشائع: 1200×630 بكسل بنسبة 1,91:1، مع عنوان URL مطلق وتعيينog:image:altوتجنب الشعارات والنصوص والنسب المتطرفة. - الوسوم المفقودة تعني معاينة احتياطية غير متحكم فيها، لا معاينة فارغة.
- التخزين المؤقت: لا يصلح تعديل الوسوم الروابط التي سبقت مشاركتها — اطلب إعادة الجلب. يخزن Facebook الصور حسب عنوان URL؛ ويجبر تغيير العنوان على جلب جديد حتى لو ظل اسم الملف متشابهًا.
- Facebook: Facebook Sharing Debugger ← “Scrape Again”.
- LinkedIn: LinkedIn Post Inspector؛ وقد تكون ذاكرة التخزين المؤقت عنيدة.
- X: لا يوجد مدقق رسمي منذ نحو 2022؛ يقرأ
twitter:*أولًا، ثم يلجأ إلى OG. - العرض: لا تشغل معظم زاحفات التواصل JavaScript، لذلك يجب أن يقدم الخادم الوسوم؛ ويُذكر، من دون توثيق رسمي، أن Slack يجلب نطاقًا محدودًا من البايتات، لذا ضع وسوم الرأس مبكرًا.
قائمة التحقق لتنفيذ Open Graph
مراجعة لتأكيد أن روابطك المشتركة تبدو بالشكل الذي تقصده:
- جميع الوسوم الأربعة المطلوبة موجودة:
og:titleوog:typeوog:imageوog:url. - عُيّن
og:descriptionوog:site_name؛ وعُيّنog:localeإذا لم يكن المحتوى بالإنجليزية الأمريكية. - يستخدم
og:imageعنوانhttps://مطلقًا — لا مسارًا نسبيًا ولا شعارًا ولا رسمًا كثيف النص ولا نسبة أبعاد متطرفة. وحجمه 1200×630 بكسل (1,91:1) بوصفه اصطلاحًا شائعًا عبر المنصات، أو جرى التحقق منه مقابل الحد الأدنى الموثق للمنصة الأهم لك (مثل 1200×627 بنسبة 1,91:1 لدى LinkedIn، أو عرض ≥1200 بكسل بنسبة 16:9 لدى Google Discover). - عُيّنت
og:image:widthوog:image:heightوog:image:altللمساعدة في تخطيط البطاقة وإمكانية الوصول. - يطابق
og:urlقيمة rel=canonical حتى تتجمع المشاركات على عنوان URL واحد. - توجد الوسوم في
<head>ضمن HTML الخام الذي يقدمه الخادم — وتأكدت منها عبر “View Source” أوcurl، لا عبر DOM المعروض في DevTools فقط (فمعظم زاحفات التواصل لا تشغل JavaScript). - تظهر وسوم الرأس مبكرًا في المستند (يُذكر، من دون توثيق رسمي، أن Slack يجلب نطاقًا محدودًا من البايتات من بداية الصفحة).
- يطابق
og:typeالصفحة (articleللمقالات، مما يتيحarticle:authorوarticle:published_time). - عُيّنت وسوم
twitter:cardوtwitter:*إذا كنت تريد تحكمًا صريحًا في X؛ وإلا يلجأ X إلى OG مع بطاقةsummary. - عاينت النتيجة في Facebook Sharing Debugger وLinkedIn Post Inspector، وطلبت إعادة الجلب بعد أي تغيير مهم في العنوان أو الصورة.
- للصفحات التي تريد تأهيلها لصور Google المصغرة، يمثّل
og:image، أوprimaryImageOfPageفي schema، صورة نظيفة ومعبرة عن الصفحة.
فحص مخرجات Open Graph من الطرفية
url="$1"
curl -sSL "$url" | grep -Eio '<meta[^>]+property=["'"']og:[^"'"']+["'"'][^>]*>'احفظه باسم check-og.sh، ثم شغّل bash check-og.sh https://example.com/page وراجع استجابة الخادم الخام. يكشف هذا الوسوم المفقودة من HTML الذي يقدمه الخادم؛ واستخدم أدوات إعادة الجلب الخاصة بكل منصة على حدة لمسح المعاينات المخزنة مؤقتًا.
أخطاء Open Graph التي يجب تجنبها
- استخدام روابط
og:imageنسبية أو صورة محجوبة عن الجالبات العامة. - توليد وسوم OG فقط بعد تشغيل JavaScript من جانب العميل.
- نشر قيم متعددة متعارضة لنفس الخاصية الأساسية.
- تغيير الوسوم مرارًا عندما تكون المشكلة الفعلية هي الجلب المخزن مؤقتًا من المنصة.
- التعامل مع ترميز المعاينة الاجتماعية كبديل عن عمل العنوان أو canonical أو البيانات المنظمة.
موارد تستحق وقتك
كتاباتي ذات الصلة
- دليل المبتدئين إلى تحسين محركات البحث التقني — حيث تتناسب طبقة المظهر (العناوين، الأوصاف، والآن وسوم OG) في خط أنابيب الزحف → الفهرسة → العرض. (لا يغطي Open Graph تحديدًا — هذه المقالة هي الغوص العميق في OG الذي يشير إليه ذلك الدليل.)
محاضراتي
- كيف يعمل البحث (SlideShare) — شرحي للزحف، والعرض، والفهرسة، والتقديم، وهو الخلفية التي توضح لماذا تهم وسوم OG التي يقدمها الخادم (فزاحفات الشبكات الاجتماعية لا تشغل JavaScript). (ينطبق إخلاء المسؤولية الدائم الخاص بي: “This is my understanding of systems… not going to be 100% complete or accurate.” (ترجمة) «هذا هو فهمي للأنظمة… لن يكون مكتملًا أو دقيقًا بنسبة 100%.»)
رسمي / البروتوكول
- بروتوكول Open Graph (ogp.me) — المواصفات: الخصائص المطلوبة مقابل الاختيارية والخصائص الفرعية المنظمة.
- Google — تحديد صورة مفضلة باستخدام البيانات الوصفية —
og:imageكمصدر صورة مصغرة للبحث. - Google — التحكم في روابط العناوين وأسماء المواقع —
og:titleوog:site_nameكمصادر للمظهر. - web.dev — الاكتشاف الاجتماعي — شرح Google لـ OGP وبطاقات Twitter.
من حول الصناعة
- وسوم Open Graph الوصفية: كل ما تحتاج إلى معرفته (Michal Pecánek، راجعه Joshua Hardwick — Ahrefs) — مرجع شامل للتنفيذ للوسوم والأحجام.
- تستخدم Google ترميز schema.org وog:image للصور المصغرة في البحث وDiscover (Search Engine Land، 2 مارس 2026) — تغطية لتحديث الصورة المصغرة og:image.
- توضح Google كيف تختار الصور المصغرة في البحث وDiscover (Search Engine Journal) — مقال مصاحب حول نفس التغيير.
- كيف تختار Google الصور المصغرة في بحث Google وGoogle Discover (Barry Schwartz، Search Engine Roundtable) — تقرير ثالث مؤكد.
- Facebook Sharing Debugger — الأداة لفحص/إعادة فحص كيف يرى Facebook صفحتك.
- r/TechSEO — المجتمع لتصحيح مشكلات OG/معاينة الروابط.
اختبر نفسك: وسوم Open Graph
خمسة أسئلة سريعة حول ما تفعله وسوم Open Graph وكيفية الحصول عليها بشكل صحيح. اختر إجابة لكل سؤال، ثم تحقق.
سجل التغييرات
تم التحديث في 22 أغسطس 2026.
ملخص تحريري وتفاصيل التغيير المسجلة.تفاصيل التغيير
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
المقارنة الكاملة غير متاحة — لم تُؤرشف لقطة سابقة لهذه المراجعة.
تم التحديث في 22 أغسطس 2026.
ملخص تحريري وتفاصيل التغيير المسجلة.تفاصيل التغيير
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
المقارنة الكاملة غير متاحة — لم تُؤرشف لقطة سابقة لهذه المراجعة.
تم التحديث في 10 أغسطس 2026.
ملخص تحريري وتفاصيل التغيير المسجلة.تفاصيل التغيير
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
المقارنة الكاملة غير متاحة — لم تُؤرشف لقطة سابقة لهذه المراجعة.
تم التحديث في 10 أغسطس 2026.
ملخص تحريري وتفاصيل التغيير المسجلة.تفاصيل التغيير
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
المقارنة الكاملة غير متاحة — لم تُؤرشف لقطة سابقة لهذه المراجعة.
تم التحديث في 18 يوليو 2026.
ملخص تحريري وتفاصيل التغيير المسجلة.تفاصيل التغيير
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
المقارنة الكاملة غير متاحة — لم تُؤرشف لقطة سابقة لهذه المراجعة.