alfares
01-10-2019, 06:43 PM
شرح كامل عن تسريع صفحات الجوال AMP
http://eshraag.com/upload/viewimages/935658054f.jpg (http://eshraag.com/upload/download/935658054f.html)
ماهو AMP؟ ما وظيفته؟ لماذا قامت جوجل بتطوير هذا المشروع؟ كيف استخدم AMP في موقعي؟ كل هذه الاسئلة سنجيب عليها في هذه المقالة
شهدنا في الاشهر الاخيرة ارتفاع اهتمام جوجل بمشروع AMP وتطويره, وشارك في هذا المشروع اكبر المواقع والمنصات العالمية, مما شهد انتشار واسعاً بشكل سريع, لذلك لا يمكن لأي صاحب موقع إهمال AMP والتغاضي عن استخدامها, فهي إن لم تكن اليوم عامل ترتيب في محرك البحث, فإنها في المستقبل القريب ستكون ذلك, خصوصاً بعد ان ظهور شعار AMP بجانب النتائج في محرك البحث, وإظهار أرشفة وأخطاء الصفحات التي تستخدم AMP في ادوات مشرفي المواقع.
https://sitesuccessful.com/wp-content/uploads/2016/03/AMP-errors.jpg
بما أن مشروع AMP في بدايته, والكثير من اصحاب المواقع ما زالت تجهل ماهية AMP وكيف يعمل, وظهور الكثير من الأسئلة في ذهن المهتمين, لذلك قمت بعمل فيديو قصير أشرح فيه كل شيء عن AMP وأجيب عن كل الاسئلة وأقدم لكم كل المعلومات عن AMP وطريقة اضافة AMP لموقعك “ووردبريس”.
محتوى الفيديو
سنتحدث في هذا الفيديو عن AMP بشكل مفصل وقصير, كل شيء عن AMP وعن طريقة اضافته للموقع في حال كنت تعمل بمنصة ووردبريس.
الموقع الرسمي لمشروع Accelerated Mobile Pages هو: ampproject.org (https://www.ampproject.org/), ستجد فيه كل ماتريد معرفته عن AMP, كما ستجد رأي المساهمين في هذا المشروع, ومشاهدة فيديوهات تعريفية عن AMP.
ماهو AMP؟
هو مشروع من جوجل يعمل بلغة HTML مفتوحة المصدر “Open Source” تجعل سرعة الموقع كبيرة جداً تصل إلى 10 أضعاف سرعة الصفحة العادية, مما يجعل تجربة التصفح من الجوال سريعة وممتعة, حيث تعودنا ان التصفح من الجوال بطيء ولكن مع AMP التجربة مختلفة.
وفي تجربة عملية وبسيطة, افتح الموقع الرسمي لمشروع AMP (https://www.ampproject.org/) وشاهد السرعة الرهيبة التي يتم تحميل الموقع بها, وقم بعمل اختبار للموقع من خلال اداة pingdom (http://tools.pingdom.com/fpt/) لقياس حجم الصفحة والوقت المستغرق لتحميل الصفحة.
https://sitesuccessful.com/wp-content/uploads/2016/03/ampproject-test.jpg
لاحظ ان حجم الصفحة ليس بالخفيف “2.7ميغا” وتم تحميلها في نصف ثانية فقط :), ونحن اعتدنا ان مثل هذا الحجم يتم تحميله في 5-6 ثواني على الاقل, ولكن مع AMP التجربة مختلفة, واعتقد انك الان فهمت ما هو AMP والية عمله.
لماذا قامت جوجل بعمل هذا المشروع؟
مع الازدياد والانتشار الواسع والكبير لأستخدام الجوال في العالم لتصفح الانترنت, أصبح من الضروري جعل تجربة التصفح من الجوال فريدة, وذلك في البداية بجعل المواقع متوافقة مع الجوال ثم بجعلها سريعة, وهذا كان هدف جوجل الاساسي في تحسين تجربة المستخدم, فمن خلال شاشة صغيرة يجب ان يرى المستخدم محتوى الصفحة ولا ينتظر طويلاً كي تظهر الصفحة له.
كيف اضيف AMP لموقعي؟
هذا هو الجزء الأهم في المقالة, بالنسبة لبلوجر والمنتديات والمنصات الاخرى, ليس من السهل جعل موقعك يعمل بالAMP لأن المشروع في بدايته ومازال التطوير جاري عليه, وأنا متأكد أن جميع المشاكل ستحل في المستقبل القريب بأذن الله, وإذا كان لديك خبرة التطوير يمكنك زيارة شروحات جوجل حول تصميم صفحة AMP HTML (https://www.ampproject.org/docs/get_started/create_page.html) بخطوات سهلة وبسيطة.
أما لو كنت تستخدم ووردبريس فالأمر بسيط جداً, وسأشرح لكم طريقة جعل موقعك يعمل بالـAMP بسهولة.
توجه إلى لوحة التحكم ثم اذهب إلى أضافات>>أضف جديد, ثم ابحث عن AMP, ستظهر لك الاضافة الرسمية في أول نتيجة, وهذه هي صفحة الاضافةAMP WordPress (https://wordpress.org/plugins/amp/)
بعد تنصيب الاضافة وتفعيلها, اذهب الى “الروابط الدائمة” ثم أضغط على حفظ التغييرات وذلك لأعادة توليد قاعدة بيانات جديدة تحوي على روابط AMP.
الآن اصبحت AMP جاهزة في موقعك, وتعمل بشكل سليم
ملاحظة: اضافة AMP تقوم بتهئية المقالات فقط, ولا تقوم بعمل AMP للصفحة الرئيسية والصفحات والتاجات والتصنيفات.
بواسطة وليد الحمود - الموقع الناجح
http://eshraag.com/upload/viewimages/935658054f.jpg (http://eshraag.com/upload/download/935658054f.html)
ماهو AMP؟ ما وظيفته؟ لماذا قامت جوجل بتطوير هذا المشروع؟ كيف استخدم AMP في موقعي؟ كل هذه الاسئلة سنجيب عليها في هذه المقالة
شهدنا في الاشهر الاخيرة ارتفاع اهتمام جوجل بمشروع AMP وتطويره, وشارك في هذا المشروع اكبر المواقع والمنصات العالمية, مما شهد انتشار واسعاً بشكل سريع, لذلك لا يمكن لأي صاحب موقع إهمال AMP والتغاضي عن استخدامها, فهي إن لم تكن اليوم عامل ترتيب في محرك البحث, فإنها في المستقبل القريب ستكون ذلك, خصوصاً بعد ان ظهور شعار AMP بجانب النتائج في محرك البحث, وإظهار أرشفة وأخطاء الصفحات التي تستخدم AMP في ادوات مشرفي المواقع.
https://sitesuccessful.com/wp-content/uploads/2016/03/AMP-errors.jpg
بما أن مشروع AMP في بدايته, والكثير من اصحاب المواقع ما زالت تجهل ماهية AMP وكيف يعمل, وظهور الكثير من الأسئلة في ذهن المهتمين, لذلك قمت بعمل فيديو قصير أشرح فيه كل شيء عن AMP وأجيب عن كل الاسئلة وأقدم لكم كل المعلومات عن AMP وطريقة اضافة AMP لموقعك “ووردبريس”.
محتوى الفيديو
سنتحدث في هذا الفيديو عن AMP بشكل مفصل وقصير, كل شيء عن AMP وعن طريقة اضافته للموقع في حال كنت تعمل بمنصة ووردبريس.
الموقع الرسمي لمشروع Accelerated Mobile Pages هو: ampproject.org (https://www.ampproject.org/), ستجد فيه كل ماتريد معرفته عن AMP, كما ستجد رأي المساهمين في هذا المشروع, ومشاهدة فيديوهات تعريفية عن AMP.
ماهو AMP؟
هو مشروع من جوجل يعمل بلغة HTML مفتوحة المصدر “Open Source” تجعل سرعة الموقع كبيرة جداً تصل إلى 10 أضعاف سرعة الصفحة العادية, مما يجعل تجربة التصفح من الجوال سريعة وممتعة, حيث تعودنا ان التصفح من الجوال بطيء ولكن مع AMP التجربة مختلفة.
وفي تجربة عملية وبسيطة, افتح الموقع الرسمي لمشروع AMP (https://www.ampproject.org/) وشاهد السرعة الرهيبة التي يتم تحميل الموقع بها, وقم بعمل اختبار للموقع من خلال اداة pingdom (http://tools.pingdom.com/fpt/) لقياس حجم الصفحة والوقت المستغرق لتحميل الصفحة.
https://sitesuccessful.com/wp-content/uploads/2016/03/ampproject-test.jpg
لاحظ ان حجم الصفحة ليس بالخفيف “2.7ميغا” وتم تحميلها في نصف ثانية فقط :), ونحن اعتدنا ان مثل هذا الحجم يتم تحميله في 5-6 ثواني على الاقل, ولكن مع AMP التجربة مختلفة, واعتقد انك الان فهمت ما هو AMP والية عمله.
لماذا قامت جوجل بعمل هذا المشروع؟
مع الازدياد والانتشار الواسع والكبير لأستخدام الجوال في العالم لتصفح الانترنت, أصبح من الضروري جعل تجربة التصفح من الجوال فريدة, وذلك في البداية بجعل المواقع متوافقة مع الجوال ثم بجعلها سريعة, وهذا كان هدف جوجل الاساسي في تحسين تجربة المستخدم, فمن خلال شاشة صغيرة يجب ان يرى المستخدم محتوى الصفحة ولا ينتظر طويلاً كي تظهر الصفحة له.
كيف اضيف AMP لموقعي؟
هذا هو الجزء الأهم في المقالة, بالنسبة لبلوجر والمنتديات والمنصات الاخرى, ليس من السهل جعل موقعك يعمل بالAMP لأن المشروع في بدايته ومازال التطوير جاري عليه, وأنا متأكد أن جميع المشاكل ستحل في المستقبل القريب بأذن الله, وإذا كان لديك خبرة التطوير يمكنك زيارة شروحات جوجل حول تصميم صفحة AMP HTML (https://www.ampproject.org/docs/get_started/create_page.html) بخطوات سهلة وبسيطة.
أما لو كنت تستخدم ووردبريس فالأمر بسيط جداً, وسأشرح لكم طريقة جعل موقعك يعمل بالـAMP بسهولة.
توجه إلى لوحة التحكم ثم اذهب إلى أضافات>>أضف جديد, ثم ابحث عن AMP, ستظهر لك الاضافة الرسمية في أول نتيجة, وهذه هي صفحة الاضافةAMP WordPress (https://wordpress.org/plugins/amp/)
بعد تنصيب الاضافة وتفعيلها, اذهب الى “الروابط الدائمة” ثم أضغط على حفظ التغييرات وذلك لأعادة توليد قاعدة بيانات جديدة تحوي على روابط AMP.
الآن اصبحت AMP جاهزة في موقعك, وتعمل بشكل سليم
ملاحظة: اضافة AMP تقوم بتهئية المقالات فقط, ولا تقوم بعمل AMP للصفحة الرئيسية والصفحات والتاجات والتصنيفات.
بواسطة وليد الحمود - الموقع الناجح