دليل تثبيت سكيما الصور المتقدم.. حلول ربكا نيوز لأخطاء AMP وAdSense.
tech
ربكا نيوز | تكنولوجيا
بقلم:د.محمد الجندى|رئيس التحرير
دليل تثبيت وتخصيص سكيما الصور: إنقاذ قوالب AMP وحل مشكلة تضارب AdSense
 |
| إصلاح التضارب بين السكيما المتقدمة وبنية AMP الصارمة هو مفتاح السرعة والظهور. |
في الحلقتين السابقتين، وضعنا الأساس النظري والقانوني لـ سكيما مارك اب الصور. لكن القيمة الحقيقية تكمن في التطبيق العملي. يواجه المطورون في بلوجر تحديين تقنيين رئيسيين: قوالب AMP (Accelerated Mobile Pages) التي تمنع استخدام JavaScript، وتضارب الإعلانات (AdSense Conflict) الذي قد ينتج عن إضافة السكيما على وحدات إعلانية. هذا المقال هو دليل العمل الميداني الذي يقدم حلول ربكا نيوز التقنية لمعالجة هذه المشكلات.
سنقوم بتفصيل خطوات تثبيت السكريبت بطريقة "مقاومة للأخطاء" (Error-Resistant)، مع التركيز على استراتيجيات التخصيص التي تضمن أن سكيما الصور تعمل بسلاسة، سواء كان قالبك يدعم AMP أو لا يدعمه، والأهم، دون تعريض حسابك في AdSense لخطر الانتهاك. سنتعلم كيف نستخدم أدوات جوجل لاختبار السكيما، وليس فقط للتحقق من صحتها، بل لتقييم كفاءتها التقنية في الـ Search Console .
🚀 كورس احتراف سكيما مارك اب الصور في بلوجر 2026 على ربكا نيوز
| 📘 الحلقة 1: الدليل الشامل لسكيما مارك اب الصور في بلوجر 2026 | اقرأ الآن ❯ |
| 🌐 الحلقة 2: الأساسيات المتقدمة لـImageObject.. تكامل Schema الصور مع الجوانب القانونية في 2026 | اقرأ الآن ❯ |
| 🎨 الحلقة 3: دليل تثبيت وتخصيص سكيما الصور المتقدم.. حلول ربكا نيوز لأخطاء AMP وAdSense. | ✅ أنت هنا |
| 📄 الحلقة 4: قياس أداء سكيما الصور ودراسات الحالة.. كيف حققت ربكا نيوز زيادة 350% في CTR. | اقرأ الآن ❯ |
سلسلة حصرية مقدمة من إدارة موقع ربكا نيوز ❤️
الفصل الأول: تحدي AMP وحلول التخصيص
AMP (Accelerated Mobile Pages) هو معيار جوجل لصفحات الجوال فائقة السرعة، وهو يفرض قيوداً صارمة على استخدام JavaScript التقليدي. بما أن سكريبت ربكا نيوز يعتمد على JS لحقن سكيما الصور، فإنه يتطلب تعديلاً جذرياً للعمل على صفحات AMP .
1.1 استراتيجية فصل الأكواد (Conditional Rendering)
لا يمكننا استخدام سكريبت JS كاملاً على صفحات AMP. الحل هو استخدام شروط XML داخل قالب بلوجر. يجب أن يتم تنفيذ السكريبت بالكامل فقط عندما لا تكون الصفحة من نوع AMP. هذا يضمن أن السكيما تظهر على الصفحات العادية دون كسر قاعدة AMP الصارمة .
شرح المعادلة التقنية:
تستخدم بلوجر المتغير `data:view.isLayoutMode` لتمييز صفحات AMP. بإضافة الشرط النفي `!data:view.isLayoutMode`، فإنك تخبر بلوجر بأن كود JavaScript الخاص بسكيما الصور يجب أن يتم تحميله فقط في الصفحات العادية (التي لا تخضع لقيود AMP). هذا يضمن AMP Validation ناجحاً للصفحات السريعة، مع تطبيق السكيما على الصفحات التقليدية.
تطبيق المعادلة (مقتطف الكود للتنصيب):
1.2 الحل المتقدم لـ AMP: Microdata/RDFa البديل
في صفحات AMP، لا يمكنك استخدام JSON-LD. الحل الوحيد هو استخدام صيغ السكيما التي تتكامل مباشرة في كود HTML: Microdata أو RDFa. بما أن قوالب بلوجر AMP تتطلب تحويل أوسمة الصور إلى `<amp-img>`، فإن أفضل طريقة لتطبيق السكيما هي إضافة خصائص Microdata مباشرة إلى هذا الوسم .
يجب تعديل كود القالب للبحث عن `<amp-img>` وإضافة الخصائص التالية بشكل ديناميكي:
| الخاصية (Microdata) | الموقع |
|---|---|
| itemscope itemtype="https://schema.org/ImageObject" | يُضاف إلى الحاوية الرئيسية للصورة. |
| itemprop="contentUrl" | يُضاف إلى وسم `<amp-img>` ويساوي `src`. |
| itemprop="width" / itemprop="height" | يُضاف لتوثيق الأبعاد. |
الفصل الثاني: حماية AdSense: فلترة الصور الإعلانية
كما ذكرنا في الحلقة الأولى، فإن إضافة سكيما الصور إلى إعلانات AdSense (سواء كانت صوراً إعلانية أو إعلانات مصورة) يعد انتهاكاً لسياسات جوجل. سكريبت ربكا نيوز يحل هذه المشكلة عبر "هندسة عكسية" لحاويات الإعلانات الشائعة .
2.1 منطق الاستبعاد (Exclusion Logic)
المنطق يعتمد على دالة `img.closest()` التي تبحث عن العناصر الأبوية (Parent Elements) للصورة. إذا كانت الصورة داخل حاوية لها كلاس (Class) أو معرف (ID) معروف بكونه وِحدة إعلانية، يتم استبعادها.
الكلاسات المستهدفة للاستبعاد (يجب تحديثها باستمرار):
- `.adsbygoogle` (الكلاس القياسي لوحدات AdSense).
- `.post-ad-container` (الكلاسات المخصصة لوحدات الإعلان بين المقالات).
- `.viewed-ranking-container` (الكلاسات الخاصة بأدوات الترتيب التي قد تستخدم صوراً ولا يجب أن تحمل سكيما).
الفصل الثالث: أدوات الاختبار والتحقق المتقدمة
بعد التثبيت والتخصيص، يجب أن تبدأ عملية التحقق. الاعتماد على اختبار واحد فقط يعد خطأ فادحاً. يجب اختبار السكيما في عدة أدوات لضمان التوافق الشامل.
3.1 أدوات Google الأساسية
| الأداة | الغرض من الاختبار |
|---|---|
| Google Rich Results Test | التأكد من أن جوجل يمكنها قراءة سكيما ImageObject/ImageGallery بدون أخطاء. |
| Google Search Console | التحقق من تقارير "تحسينات" (Enhancements) لمراقبة ظهور الصور في نتائج البحث بمرور الوقت. |
| PageSpeed Insights | قياس أثر تحويل WebP على سرعة تحميل الصور (LCP) بعد تطبيق السكريبت. |
3.2 استكشاف الأخطاء المتقدم (Troubleshooting)
إذا ظهر خطأ (Error) في أدوات الاختبار، فغالباً ما يكون أحد الأسباب التالية:
- `Missing Required Property`: نقص حقل إلزامي (مثل `url` أو `name`). الحل: تأكد من أن السكريبت يجد جميع Meta Tags المطلوبة في القالب (راجع الحلقة 1).
- `Invalid URL Format`: رابط غير صالح. الحل: تأكد من أن دالة `optimizeBloggerImage` تعمل بشكل صحيح ولا تُنتج أي مسافات أو رموز غير مسموح بها في الرابط.
- `Conflicting Structured Data`: تضارب مع سكيما أخرى (قديمة أو يدوية). الحل: ابحث في قالبك عن أي أكواد سكيما ImageObject/ImageGallery قديمة وقم بإزالتها، واترك سكريبت ربكا نيوز فقط.
الفصل الرابع: الخاتمة والخطوات اللاحقة في السلسلة
لقد أتممت الآن عملية التثبيت والتخصيص المتقدم لسكيما الصور على مدونتك. لقد تجاوزت مرحلة "الهاوي" وأصبحت على دراية بكيفية التعامل مع تحديات AMP وتضارب AdSense التقنية. هذه الخطوة وحدها تضعك في صدارة منافسيك الذين ما زالوا يعتمدون على سكيما قديمة أو غير متوافقة.
في المقال الأخير (الحلقة 4)، سنكمل مسار السلسلة بالانتقال إلى مرحلة قياس الأداء. سنتعلم كيفية استخدام بيانات Google Search Console لتتبع زيادة الـ Impressions و CTR بشكل مباشر، مع تحليل دراسات حالة حقيقية لمدونات استخدمت هذا السكريبت، والنظر في مستقبل البحث البصري وكيفية الحفاظ على هذا التقدم حتى عام 2027.
مصادر موثوقة
إقرأ أيضا
ادعم استمرار المحتوى
مساهمتك تساعدنا في تقديم محتوى أفضل وأعمق
اكتب تعليقك الآن: