باختصار: للتحقق من Open Graph عبر الإنترنت، الصق عنوان الصفحة في أداة تصحيح أخطاء Open Graph المجانية PromoPilot. ستقوم الأداة بقراءة جميع وسوم og:* ووسوم Twitter Card، والتحقق من وجود الصورة وحجمها، وتقييم اكتمال الترميز، وعرض معاينات الروابط Facebook ، وتويتر، ولينكدإن، بالإضافة إلى توصيات لما يجب إضافته. لا يتطلب الأمر التسجيل. ستجد أدناه الوسوم المطلوبة، وحجم og:image المطلوب، وكيفية تحديث معاينة "عالقة".
أعمل في مجال تصميم المواقع الإلكترونية منذ 12 عامًا، وأسمع من العملاء سؤال "لماذا لا يحتوي رابط Telegram على صورة؟" أكثر من أسئلة تحسين ترتيب الموقع. عادةً ما يستغرق الأمر خمس دقائق فقط - إذا كنت تعرف أين تبحث.
ما الذي يتحقق منه مصحح أخطاء Open Graph؟
عند إدراج رابط في منشور أو رسالة، ينتقل النظام إلى الصفحة ويبحث عن وسوم Open Graph. إذا وجد أحدها، يعرض بطاقة تعريفية. وإذا لم يجد، فإنه يعرض أي رابط موجود أو يعرض عنوان URL فقط. لا يتحقق النظام إلا مما تقرأه الشبكات الاجتماعية.
| ما الذي يتحقق منه؟ | ما الذي ينظر إليه؟ | لماذا تحتاج الشركات إلى هذا؟ |
|---|---|---|
| جميع الوسوم og:* | og:title، og:description، og:image، og:url، og:type، og:site_name، og:locale | ومن هذه المصادر، تجمع المواقع عنوان البطاقة ووصفها وصورتها. |
| بطاقة تويتر | twitter:card, twitter:title, twitter:description, twitter:image | يقوم تطبيق تويتر (X) بقراءة علاماته، وإذا كانت غائبة، فإنه يقوم جزئيًا بـ |
| صورة أصلية | هل توجد صورة؟ وما حجمها؟ | الصورة الصغيرة تحول البطاقة إلى أيقونة صغيرة على الجانب |
| تقييم الاكتمال | كم عدد العلامات الموصى بها التي تم ملؤها؟ | مرجع سريع: هل كل شيء في مكانه؟ |
| معاينات الشبكة | بطاقات Facebook ، وX، ولينكدإن | يمكنك رؤية شكل المنشور قبل نشره. |
| التوصيات | ما الذي يجب عليّ إضافته أو تصحيحه؟ | قائمة مهام جاهزة للمطور أو لك |
كيفية التحقق من صفحات Open Graph عبر الإنترنت؟
- افتح برنامج تصحيح أخطاء Open Graph.
- أدخل عنوان URL للصفحة التي تريد مشاركتها: مقال، أو منتج، أو صفحة هبوط إعلانية. انقر فوق "تحقق".
- قم بمراجعة قائمة العلامات: أي منها تم تعيينه، وأي منها فارغ، وما إذا كان هناك عنوان أجنبي أو عنوان اختبار في og:url.
- تحقق من معاينة كل شبكة: هل تم اقتطاع العنوان، وهل الصورة مرئية، وهل يوجد أي نص مهم حول الحواف.
- يرجى إضافة الوسوم المفقودة كما هو موصى به والتحقق من الصفحة مرة أخرى.
صفحة الأدوات: حقل العنوان، زر "التحقق"، قائمة عمليات التحقق والأسئلة الشائعة.
الأداة سهلة الاستخدام: يكفي حد يومي محدد للزائر للاطلاع على جميع قوالب الموقع - الصفحة الرئيسية، والفئة، والمنتج، والمقال. بعد التسجيل المجاني، يتضاعف هذا الحد ثلاث مرات.
ما هي أكثر الأخطاء شيوعاً في Open Graph؟
إليكم ما وجدته في كل موقع آخر تقريبًا، والترتيب الصحيح لإصلاحه.
- لا يوجد رابط og:image أو تم تحديده كرابط نسبي. لن تفهم الشبكات الاجتماعية
content="/img/cover.jpg"- الرابط الكامل الذي يبدأ بـhttps://مطلوب. بدون صورة، ينخفض وصول المنشور بشكل ملحوظ. - الصورة صغيرة جدًا. الشعار بحجم 200×200 بكسل يحوّل البطاقة إلى مربع صغير على الجانب. نحتاج إلى صورة بحجم 1200×630 بكسل.
- صورة واحدة للموقع بأكمله. يجب أن تظهر جميع المقالات والمنتجات على وسائل التواصل الاجتماعي بنفس الشكل، مع الشعار. أما بالنسبة للمدونة والكتالوج، فيجب أن تُؤخذ الصورة من الصورة الرئيسية للصفحة.
- يؤدي og:url إلى عنوان آخر - الصفحة الرئيسية، أو نطاق تجريبي، أو نسخة
http://. يمكن للمنصة دمج جميع الروابط في صفحة واحدة. - لا يوجد عنصر twitter:card. بدونه، غالبًا ما يعرض X بطاقة صغيرة. لعرض صورة أكبر، تحتاج إلى
summary_large_image. - يُكرر عنصر og:title العنوان مع كلمة "شراء" واسم العلامة التجارية. في صفحات التواصل الاجتماعي، يبدو هذا كإعلان؛ لذا يُفضّل استخدام عنوان جذاب، كما هو الحال في المنشورات.
تبدو المجموعة الصحيحة الدنيا على النحو التالي:
<meta property="og:title" content="Как выбрать кожаный рюкзак: 7 признаков качества"> <meta property="og:type" content="article"> <meta property="og:url" content=" https://example.com/blog/kozhanyj-ryukzak/"> <meta property="og:image" content=" https://example.com/img/og/kozhanyj-ryukzak.jpg"> <meta name="twitter:card" content="summary_large_image">كيفية تجهيز صورة لـ og:image؟
تُعدّ الصورة الجزء الأبرز في البطاقة، وهي الجزء الذي غالبًا ما يُهمله الناس. إليكم بعض القواعد التي أتبعها:
- حجم الصورة 1200×630 بكسل، واتجاهها أفقي. ستقوم الشبكة الاجتماعية باقتصاص الجزء العلوي والسفلي من صورة المنتج المربعة، مما قد يؤدي إلى ظهور جزء من المنتج غير ظاهر، كالجزء العلوي أو السفلي.
- الأهم هو التركيز على المنتصف. تختلف المنصات في قص الحواف، وفي عرض الهاتف المحمول، تكون البطاقة أصغر حجمًا. لذا، اجعل النص كبيرًا وبعيدًا عن الحواف.
- نص مختصر. العنوان موجود بالفعل أسفل الصورة؛ لا حاجة إلى 3-6 كلمات أو أي تعليقات توضيحية على الصورة نفسها.
- ملف خفيف الوزن. سيتم تحميل ملف JPG أو PNG بحجم معقول بسرعة، ولن يحدث انقطاع في الاتصال بالمنصة.
- صورة مخصصة لكل صفحة رئيسية. بالنسبة للمقالات والمنتجات، من الملائم إنشاء صورة تلقائية: غلاف للمقالة أو صورة المنتج الرئيسية.
يُعد فتح المعاينة في مصحح الأخطاء على هاتفك اختبارًا جيدًا. إذا لم يكن الرابط واضحًا دون تكبير الصورة، فهذا يعني أن الصورة بحاجة إلى تعديل.
كيف يمكنني تحديث معاينة قديمة بعد إجراء إصلاح؟
سيناريو شائع: قمتَ بتعديل الوسوم، لكن الشبكة الاجتماعية لا تزال تعرض الصورة القديمة. السبب هو ذاكرة التخزين المؤقت: فقد احتفظت المنصة بمعاينة الصورة من أول مشاركة. على Facebook يُفيد إعادة جمع البيانات في أداة تصحيح المشاركة، وعلى لينكدإن، باستخدام أداة فحص المنشورات، وعلى Telegram ، باستخدام بوت @WebpageBot الذي تُرسل إليه الرابط. إذا لم تُجدِ كل هذه الحلول نفعًا، أضف مُعاملًا بسيطًا إلى العنوان، مثل ?v=2: بالنسبة للمنصة، هذا رابط جديد.
مقارنة: مصحح أخطاء Open Graph والبدائل
| أداة | ما هو المجاني؟ | قيود | لمن يناسب هذا المنتج؟ |
|---|---|---|---|
| PromoPilot - مصحح أخطاء Open Graph | جميع علامات og وتويتر، حجم صورة og، معاينات Facebook ، X، ولينكدإن، توصيات | لا يقوم بمسح ذاكرة التخزين المؤقت لوسائل التواصل الاجتماعي | تحقق من صفحتك فوراً قبل نشرها على أي من وسائل التواصل الاجتماعي |
| أداة تصحيح الأخطاء المشتركة (ميتا) | معاينة Facebook وإعادة جمع البيانات | خاص Facebook فقط، يلزم تسجيل الدخول إلى الحساب | إعادة ضبط المعاينة القديمة على Facebook |
| مفتش منشورات لينكد إن | معاينة لينكدإن وتحديث ذاكرة التخزين المؤقت | خاص بـ LinkedIn فقط، يلزم تسجيل الدخول | لأولئك الذين يروجون على لينكدإن |
| @WebpageBot على Telegram | تحديث معاينة الرابط في Telegram | Telegram فقط، لا يقوم بتحليل الوسوم | لأصحاب قنوات Telegram |
الخلاصة: يلزم استخدام أدوات تصحيح الأخطاء الرسمية للمنصات لمسح ذاكرة التخزين المؤقت، لكن كل منصة تعرض شبكتها الخاصة فقط. لعرض جميع المعاينات وقائمة بالعلامات المفقودة دفعة واحدة، يُعد استخدام أداة تصحيح أخطاء شاملة أكثر ملاءمة.
بالمناسبة، لدى PromoPilot 87 أداة مجانية لتحسين محركات البحث. إذا لم تكن قد كتبت علامات بعد، فلدينا مقال ضمن سلسلتنا حول مولد علامات التعريف الوصفية الذي يُنشئ كتلة Open Graph مع معاينة.
كيف يختلف مصحح أخطاء Open Graph عن تحليل العلامات الوصفية؟
يُحلل قسم "البيانات الوصفية" الصفحة من منظور محركات البحث، حيث تشمل هذه البيانات العنوان، والوصف، والرابط الأساسي، وعلامة hreflang، وبيانات Open Graph. أما أداة تصحيح الأخطاء، فتركز على وسائل التواصل الاجتماعي، إذ تُنشئ بطاقات تعريفية لمختلف المنصات، وتتحقق من حجم الصور، وتقدم توصيات بناءً على معاينات محددة. وتكون هذه الأداة أكثر فائدةً إذا كانت روابط موقعك تُشارك بكثرة على وسائل التواصل الاجتماعي وتطبيقات المراسلة.
كلاهما يعاني من قيد واحد: قراءة كود HTML المُعاد من الخادم. إذا أُضيفت الوسوم بواسطة سكربت المتصفح، فلن تتمكن العديد من الشبكات الاجتماعية من رؤيتها، وهذا يتطلب إصلاحًا من جانب الموقع الإلكتروني. تفصيل آخر: يتحقق المُصحح من الوسوم، وليس من عملية المشاركة نفسها. إذا كانت الصفحة محمية بكلمة مرور، أو محظورة جغرافيًا، أو محمية من برامج الروبوت، فقد لا تتمكن الشبكة الاجتماعية من الوصول إليها حتى لو كانت جميع الوسوم موجودة.
متى لا تكفي الأداة المجانية؟
سيُظهر مُصحِّح الأخطاء أن الصفحة لا تحتوي على عنصر og:image. ولكن إذا كان هناك آلاف الصفحات، فإن إدراج الصور يدويًا غير ممكن. يلزم الاستعانة بمختص في الحالات التالية:
- ينبغي أن يحتوي كل منتج أو مقال على صورة معاينة خاصة به، يتم جمعها تلقائيًا؛
- يقوم الموقع بإرجاع الوسوم باستخدام برنامج نصي، ولا تراها الشبكات الاجتماعية؛
- تقوم بإطلاق الإعلانات والرسائل البريدية حيث تؤثر كل معاينة على تكلفة النقرة؛
- نحن بحاجة إلى مزيج من "الموقع الإلكتروني + قناة Telegram + النشر التلقائي" مع البطاقات المناسبة.
ما الذي يمكنني فعله لموقعك الإلكتروني؟
أنا فاليري دانيوك، مطور برامج ومتخصص في تحسين محركات البحث، لديّ خبرة 12 عامًا وأكثر من 200 عميل. معاينة الروابط الجميلة مجانية، وأقوم بتخصيصها لكل مشروع.
تحسين محركات البحث والترويج
- تدقيق تحسين محركات البحث لموقع الويب الجاهز: أقوم بفحص جميع علامات القوالب، وإعداد صور المعاينة التلقائية، وتصحيح التعليمات البرمجية.
المواقع الإلكترونية والمتاجر الإلكترونية
- نقل متجرك من Instagram إلى موقعك الإلكتروني — منتجات مع معاينات مناسبة لسهولة المشاركة.
- صفحة هبوط لمنتج جديد تم إنشاؤها في أمسية واحدة - دراسة حالة لشركة NordHarvest مع بطاقة جاهزة لوسائل التواصل الاجتماعي.
- موقع إلكتروني لعيادة جراحة تجميلية مزود بتقنية الذكاء الاصطناعي وتطبيقات عبر Telegram.
- الموقع الإلكتروني على 1001site: يتم إعداد معاينات الشبكات الاجتماعية والنشر التلقائي في Telegram تلقائيًا.
الروبوتات والأتمتة
- بوت Telegram مزود بتقنية الذكاء الاصطناعي لمتجر صلصات عبر الإنترنت.
- QuestFlow هو برنامج SaaS لبناء روبوتات Telegram باستخدام الذكاء الاصطناعي.
- وكلاء التجارة الإلكترونية بدلاً من روبوتات الدردشة.
أرسل لي رابطًا يبدو سيئًا في تطبيق المراسلة على Telegram وسأخبرك ما هو الوسم المفقود.
نتيجة
- يُظهر مدقق Open Graph عبر الإنترنت كيف يبدو الرابط على Facebook و X و LinkedIn، وما هي العلامات المفقودة.
- الحد الأدنى المطلوب هو og:title وog:type وog:image (1200×630، العنوان الكامل) وog:url، بالإضافة إلى twitter:card.
- بعد الإصلاح، أعد ضبط ذاكرة التخزين المؤقت للمواقع: Sharing Debugger، Post Inspector، @WebpageBot.
- بالنسبة للكتالوج والمدونة، يجب جمع صور المعاينة تلقائيًا، كما هو الحال في 1001site.
تحقق من الصفحة التي ستشاركها باستخدام أداة تصحيح الأخطاء المجانية Open Graph Debugger قبل أن يرى متابعوك المنشور.
مصادر
- صفحة أداة تصحيح أخطاء الرسم البياني المفتوح من PromoPilot - قائمة بالفحوصات والأسئلة الشائعة.
- بروتوكول الرسم البياني المفتوح (ogp.me) - الخصائص الإلزامية والاختيارية.
- أداة تصحيح أخطاء مشاركة Meta وأداة فحص منشورات LinkedIn هما الأداتان الرسميتان للمنصات.
