جوجل سيوسلايدر

دليل إنشاء صفحات الـ AMP بأربع خطوات

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

الخطوة الأولى : متطلبات العمل

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

الخطوة الثانية : تحميل الإضافات

سنحتاج لتحميل إضافتين إلى الموقع ، الإضافة الأولى تجدها على الرابط التالي ، بمجرد أن تقوم بتفعيل هذه الإضافة ، سيتم إنشاء نسخة من مقالاتك متوافقة مع تقنية AMP ، بالأحرى سيتم إنشاء صفحات AMP لموقعك من خلال إضافة وسم ميتا خاص بصفحات الـ AMP ، يمكنك التأكد من فعالية الإضافة من خلال إضافة كلمة  /amp/ في نهاية عنوان أي مقال لديك ، من المفترض أن يتم فتح الصفحة ذاتها و لكن مع تنسيقات و عناصر أقل ، هذه التنسيقات و العناصر تمت إزالتها لتفتح الصفحة بسرعة على الموبايل و بالتالي يمكن اعتبارها متوافقة مع معايير AMP .

في حال لم تعجبك الصفحة و رغبت بإضافة بعض التحسينات و التنسيقات إليها دون أن تمس بشروط صفحات الـ AMP ، ستحتاج لتنزيل الإضافة الثانية ، و التي ستمكنك من إجراء تعديلات تصميمية على صفحة الـ AMP بما يتناسب مع الخط التصميمي و الستايل المستخدم في موقعك .

الخطوة الثالثة: التأكد من أن جوجل تمكن من الوصول إلى صفحات ال AMP

هذه الخطوة سنستخدم أدوات مشرفي المواقع الخاصة بجوجل ، توجه إلى حسابك الخاص بأدوات مشرفي المواقع ، انقر على Search Appearance ثم على Accelerated Mobile Pages ، من المفترض أن تجد تخط بياني يوضح لك عدد صفحات ال AMP الموجودة في موقعك و الأخطاء الموجودة في هذه الصفحات .

الخطوة الرابعة : إصلاح الأخطاء

كما ذكرت لك في الخطوة الثالثة ، ستجد قائمة بالأخطاء الموجودة في صفحات ال AMP الخاصة بموقعك ، انقر على كل خطأ من هذه الأخطاء و سيفتح لك جوجل أداة خاصة لتقييم الخطأ و تصحيحه ، قم بتصحيح الأخطاء الموجودة ، فكلما قللت من الأخطاء الموجودة كلما زاد عدد صفحات ال AMP التي يؤرشفها جوجل .

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

‫23 تعليقات

  1. رائع عزيزي وجهودك مشكورة
    سؤالي: ذكرت في مقال سابق ان هذه التقنية الجديدة تتطلب ان يكون الموقع Https في حين ان لا اشارة عن هذا الشرط في صفحات الشرح الخاصة بجوجل,, فهل فعليا تطلب ذلك, حيث قمت بتطبيق ماشرحت مشكورا على موقعي ..لكني انتظر ادوات مشرفي المواقع كي تتم فهرسة الصفحات amp علما ان موقع http وليس https.

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

  2. السلام عليكم
    بعد تطبيق ما جاء في الموضوع، الكل تمام ولاكن لدي 2 ملاحضات الاولى ان الموقع لم عد تضهر فيه الاعلانات والتانية هي ان موقعي بالعربي و الكتابة تضهر من اليسار لليمين، ان كان اي حل فانا بانتضار الاجابة وشكرا

    1. صفحات الـ ِAMP تدعم 3 أنواع من الإعلانات : Sticky Ads – Flying Carpet Ad – AMP Ads
      بالنسبة لإعلانات adsence : الحل إما أن تقوم بإضافة كود بي اتش بي يدوياً – أو أن تنتظر تحديث جديد للإضافة الخاصة بال AMP – أو ان تحاول استخدام الإضافة التالية : https://wordpress.org/plugins/custom-amp-accelerated-mobile-pages/ مع الإضافة الحالية علماً أنني لم اقم بتجربتها و لكن يبدو أنها تتيح إمكانية إضافة الإعلان

      بالنسبة لموضوع اللغة العربية : أعتقد أنك بحاجة لتعديل الكود يدوياً و لكن التعديل بسيط و يتعلق بمحاذاة الصفحة – أو ابحث إذا كانت الإضافة الثانية التي ذكرتها في المقال تتيح إمكانية تغيير المحاذاة

    1. صفحات الـ ِAMP تدعم 3 أنواع من الإعلانات : Sticky Ads – Flying Carpet Ad – AMP Ads
      بالنسبة لإعلانات adsence : الحل إما أن تقوم بإضافة كود بي اتش بي يدوياً – أو أن تنتظر تحديث جديد للإضافة الخاصة بال AMP – أو ان تحاول استخدام الإضافة التالية : https://wordpress.org/plugins/custom-amp-accelerated-mobile-pages/ مع الإضافة الحالية علماً أنني لم اقم بتجربتها و لكن يبدو أنها تتيح إمكانية إضافة الإعلان

  3. بعد اذن الاخ الياس

    لمن يسأل عن ضبط الصفحة لتتوافق في المحاذاة مع اللغة العربية.. اعمل على نسخ الكود التالي ولصقه في الحقل Extra Css الخاص باضافة Yoast
    ستتحول معه النصوص العربي الهيمنة العربيى وكذلك اسم ولوغو الموقع.

    الكود:
    body {
    direction: rtl;
    }
    blockquote {
    direction: rtl;
    border-right: 2px solid #87a6bc;
    border-left: 0px solid #87a6bc;
    }

    .amp-wp-content {
    font-weight: 600;
    }

    nav.amp-wp-title-bar .amp-wp-site-icon {
    float: right;
    margin: 11px 8px 0 8px;
    }

    ———– سؤال اخر للاخ الياس
    اضافة Yoast من خلالها يمكن اضافة كود متابعة الزوار Analytics لكن يبدو لي ان ادوات مشرفي المواقع بعد ارشفتها للصفحات تظهر ان فيها خطأ واحد وهو “الكود المذكور” بحذف كود المتابعة يظهر في ادوات مشرفي المواقع ان الصفحات خالية من الاخطاء. .. يبدو ان الاضافة بحاجة الى تطوير ما..

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

  4. الاضافة جميلة جدا و اعتقد انها عامل ترتيب مهم جدا بطريقة غير مبارة, حيث تزيد من سرعة الموقع كثيرا , و المعروف ان سررعة الموقع عامل هام فى ترتيب النتائج و تجربة المستخدم .
    لكن هناك مشكلة كبيرة , و هى عدم القدرة على ادراج اعلانات ادسنس . فهل لديكم الحل لهذه المشكلة ؟
    اتمنى ان يكون الحل بطريقة سهلة غير معقدة لا تعتمد على وضع الاعلانات يدويا

  5. السلام عليكم الأخ إلياس أشكرك جزيل الشكر على هذا المقال الرائع ..دائما متألق إنشاء الله جزاك الله خيراً..لدي سؤال :
    قد ذكرت في أحد الفقة الأولى أنه يجب علينا تحميل إضافة وورد بريس!!
    ألا توجد مثل هذه الإضافات في منصة التدوين بلوجر، أو بالأحرى ألن تعمل مع بلوجر..؟
    جزاك الله خيراً

  6. السلام عليكم اخي الياس مقالة رائعة جزاك الله خيرا
    نحن نستخدم منصة بلوجر ولو تكرمت اعمل لنا مقالة عن كيفية تطبيق amp على قوالب بلوجر ومشكور اخي على المجهود :*

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *