ماهو مشروع amp من جوجل؟ وكيف تستطيع تركيبه بمدونتك (بلوجر , ووردبريس)
المشاهدات:
8549
الردود:
14
Abo-Karim
Administrator
معلومات Abo-Karim
- رقم العضوية
- 1
- تاريخ التسجيل
- 2015-06-22
- الإقامة
- ام الدنيــ EGYPT ــا
- الموقع الالكتروني
- هيلبرنت
- آخر نشاط
- المشاركات
- 4,975
- المعدل اليومي
- 1.21
- مستوى التفاعل
- 189
- قوة السمعه
أوسمة العضو
السلام عليكم ورمه الله وبركاته
في هذه المقالة سنتعرف عن ماهو مشروع ال AMP؟ وما هو وظيفته؟ وكيف يمكنني إضافة هذا المشروع في موقعي؟ كل هذه الاسئلة سنجيب عليها .ما هو AMP او Accelerated Mobile Pages؟
AMP هو إختصار لـكلمة Accelerated Mobile Pages هو مشروع من جوجل يستخدم لغة HTML وهى لغه مفتوحة المصدر “Open Source” فهو وسيلة لبناء صفحات الموبايل لتكون سريعة حبث باستخدام AMP يجعل سرعة الموقع كبيرة جداً تصل إلى 10 أضعاف سرعة الصفحة العادية, مما يجعل تجربة التصفح من الجوال سريعة وممتعة.
سلبيات استخدام AMP ؟
AMP مثله مثل اى تقنية لها مالها وعليها ماعليها فمن السلبيات انه فى حاله وجود الاعلانات علي موقعك فهو يقوم بإيقاف تحميلها لانه يعطي الاولويه للمحتوي فهو سيئ بالنسبة لاصحاب المواقع الربحيه لكنه جيد فى حاله لم يكون لديك اعلانات على موقعك .
نتائج استخدام AMP ؟
في تجربة عملية وبسيطة منا لتوضيح الامور اكثر, سنقوم باختبار موقع يستخدم تقنية AMP وطبعا لن جد افضل من الموقع الرسمي لمشروع AMP وسوف نقارنه بمعهد هيلبرنت والاختبار سيتم من خلال اداة pingdom لقياس حجم الصفحة والوقت المستغرق لتحميل الصفحة.
نتيجة اختبار الموقع الرسمي لمشروع AMP
نتيجة اختبار معهد هيلبرنت
لاحظ الفرق من ناحية حجم الصفحة وزمن تحميلها فى موقع AMP الصفحة تحمل فى نصف ثانية ام موقعنا هنا تقريبا نفس الحجم لكن تحمل فى وقت اكبر 1.7 ثانية يعنى داخل على ثانيتين
طريقة إضافة الـ AMP الى موقعك ؟
فى البداية احب ان انوه الى ان هذه الاضافة اوالميزة هي ميزة تجريبية و قيد الاختبار اى انها ستمر بمراحل كثيره جدا من التطور والتحديث لحين حصولنا على الاضافة المستقره لكن بإمكاننا تجربتها في مواقعنا ومشاركة النتائج معنا .
اولا: طريقة إضافة AMP لمنصة البلوجر :
1- فى البداية إذهب إلى محرر الـ HTML واستبدل كود ال <html> بــ :
كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
1- توجه إلى لوحة التحكم ثم اذهب إلى أضافات>>أضف جديد
2- ابحث عن AMP, ستظهر لك الاضافة الرسمية في أول نتيجة, وهذه هي صفحة الاضافة AMP WordPress
3- بعد تنصيب الاضافة وتفعيلها
ثم
اذهب الى “الروابط الدائمة” ثم أضغط على حفظ التغييرات وذلك لأعادة توليد قاعدة بيانات جديدة تحوي على روابط AMP.
الآن اصبحت AMP جاهزة في موقعك, وتعمل بشكل سليم, ويمكنك تجربة اي صفحة من خلال اضافة AMP الى اخر الرابط, وكمثال على ذلك:
رابط الصفحة الاصلي هو:
كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
الطريقة الاولى :
اذهب الى الرابط validator.ampproject.org وضع رابط الموقع وسيقوم بالتحقق من أكواد ال AMP .
الطريقة الثانية :
استخدم متصفح جوجل كروم ثم أضف هذا الكود "#development=1" في نهاية الرابط لتظهر كما في المثال
كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
موضوع تجريبى للـ AMP
تحويل الزائر القادم من الجوال الى صفحات AMP
الان تعمل صفحات AMP في موقعك, ولكن الزائر لا يمكنه الوصول لها مباشرة الا عن طريق كود تحويل سنضعه داخل ملف .htaccess وهو:
كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
المرفقات
التعديل الأخير بواسطة المشرف:
