|
ماهو مشروع amp من جوجل؟ وكيف تستطيع تركيبه بمدونتك (بلوجر , ووردبريس)
8 مرفق
السلام عليكم ورمه الله وبركاته في هذه المقالة سنتعرف عن ماهو مشروع ال 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 لمنصة البلوجر : اقتباس:
كود:
<html amp='amp'> كود:
<meta charset="utf-8"> كود:
<link expr:href='data:blog.url' rel='canonical'/> كود:
<style amp-boilerplate='amp-boilerplate'>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate='amp-boilerplate'>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript> كود:
<amp-img src="AmpImage.jpg" alt="amp-img" height="500" width="500"></amp-img> 1- توجه إلى لوحة التحكم ثم اذهب إلى أضافات>>أضف جديد 2- ابحث عن AMP, ستظهر لك الاضافة الرسمية في أول نتيجة, وهذه هي صفحة الاضافة AMP WordPress 3- بعد تنصيب الاضافة وتفعيلها ثم اذهب الى “الروابط الدائمة” ثم أضغط على حفظ التغييرات وذلك لأعادة توليد قاعدة بيانات جديدة تحوي على روابط AMP. الآن اصبحت AMP جاهزة في موقعك, وتعمل بشكل سليم, ويمكنك تجربة اي صفحة من خلال اضافة AMP الى اخر الرابط, وكمثال على ذلك: رابط الصفحة الاصلي هو: كود:
http://helperntl.com/anchor-text كود:
http://helperntl.com/anchor-text/amp الطريقة الاولى : اذهب الى الرابط validator.ampproject.org وضع رابط الموقع وسيقوم بالتحقق من أكواد ال AMP . الطريقة الثانية : استخدم متصفح جوجل كروم ثم أضف هذا الكود "#development=1" في نهاية الرابط لتظهر كما في المثال كود:
https://example.blogspot.com/p/amp-page.html#development=1 موضوع تجريبى للـ AMP تحويل الزائر القادم من الجوال الى صفحات AMP الان تعمل صفحات AMP في موقعك, ولكن الزائر لا يمكنه الوصول لها مباشرة الا عن طريق كود تحويل سنضعه داخل ملف .htaccess وهو: كود:
RewriteEngine On |
رد: ماهو مشروع amp من جوجل؟ وكيف تستطيع تركيبه بمدونتك (بلوجر , ووردبريس)
محجوز للصور
تم حفظ الصور بالمرفقات |
رد: ماهو مشروع amp من جوجل؟ وكيف تستطيع تركيبه بمدونتك (بلوجر , ووردبريس)
هى دى الموووووووووووووووووووووا ضيع
|
رد: ماهو مشروع amp من جوجل؟ وكيف تستطيع تركيبه بمدونتك (بلوجر , ووردبريس)
اقتباس:
شكرا لك ياباشا |
رد: ماهو مشروع amp من جوجل؟ وكيف تستطيع تركيبه بمدونتك (بلوجر , ووردبريس)
شرح ممتع أحسنت
|
رد: ماهو مشروع amp من جوجل؟ وكيف تستطيع تركيبه بمدونتك (بلوجر , ووردبريس)
موضوع قوى .
|
رد: ماهو مشروع amp من جوجل؟ وكيف تستطيع تركيبه بمدونتك (بلوجر , ووردبريس)
مشاء الله
طريقة راااااائعه |
رد: ماهو مشروع amp من جوجل؟ وكيف تستطيع تركيبه بمدونتك (بلوجر , ووردبريس)
لايوجد طريقه الا الان تفعل ذلك في كافة صفحات المنتدي الجيل الثالث فهل عندك طريقة لذلك اخي الكريم
وجدت شرح قبل ذلك ولكن هو لصفحات المواضيع والاقسام فقط نريد لكل المنتديات ان امكن |
رد: ماهو مشروع amp من جوجل؟ وكيف تستطيع تركيبه بمدونتك (بلوجر , ووردبريس)
اقتباس:
|
رد: ماهو مشروع amp من جوجل؟ وكيف تستطيع تركيبه بمدونتك (بلوجر , ووردبريس)
بارك الله فيك
|
الساعة الآن 05:16 PM |
|
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. TranZ By
Almuhajir