AMP من Google: الدليل الممتع وسهل الاستخدام إلى Accelerated Mobile Pages

شاهد الفيديو. تجاهل النسخة.

هذه نصيحتي لك بمجرد وصولك إلى موقع Google المخصص لمشروع Accelerated Mobile Pages (AMP) الجديد:

"مشروع Accelerated Mobile Pages (AMP) عبارة عن مبادرة مفتوحة المصدر تجسد الرؤية القائلة بأنه يمكن للناشرين إنشاء محتوى محسّن للجوال مرة واحدة وتحميله على الفور في كل مكان."

إذا لم تكن مطورًا وقرأت النسخة ، فسوف تبتلعك المصطلحات حياً.

شاهد الفيديو ، ومع ذلك ، ستفهم على الفور تقريبًا ما تدور حوله AMP (ناهيك عن مرجع Spinal Tap المضحك ، انظر أدناه).

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

أعدك.

ما هو مشروع جوجل AMP؟

منذ ولادة فلسفة Zero Moment of Truth من Google في عام 2011 ، لم يعد سراً أنهم يريدون "تحسين أداء ويب الجوّال بشكل كبير".

وربما لا أحتاج إلى إخبارك بوجود مشكلة صغيرة في أداء المحتوى على ويب الجوال.

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

لكنه لا يأتي أبدا.

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

"متى يتم هذا سيستغرق؟" أنت لا تصرخ لأي شخص على وجه الخصوص.

من يدري ، لكنك لن تكتشف ذلك أبدًا لأنه ، مثل 40 في المائة من السكان ، ستخرج بكفالة في صفحة التحميل في غضون 3 ثوانٍ. ثم ستقول ، مثل قطتي السوداء Apollo Monkeystrap ، "تنهد."

إنها لحظات لا تطاق على الهاتف المحمول مثل هذه التي تريد Google القضاء عليها باستخدام AMP.

ما مدى سرعة AMP في إنشاء صفحاتك؟

على مقياس من 1 إلى 10 ، مع كون أحدهما "لا يتم تحميله على الإطلاق" والعشرة "يتم تحميله في ثانية واحدة" ، سيتم تحميل محتوى AMP بسرعة صفحة تبلغ 11. (هذا هو مرجع Spinal Tap الذي حذرتك منه ).

لكن بجدية ، ما السرعة؟

قال جون باريسي ، مهندس البرمجيات في Pinterest ، "يتم تحميل Accelerated Mobile Pages أسرع أربع مرات وتستخدم بيانات أقل بثماني مرات من الصفحات التقليدية المحسّنة للجوّال".

أربع مرات أسرع هو جيد! ولكن ماذا يعني ذلك بالنسبة لك ، أن ركاب قطار الأنفاق الودود لدينا يحاول تنزيل صفحة ويب على هاتفه المحمول؟

وفقًا لـ NiemanLab ، تم تنزيل مقالة New York Times المحسّنة على AMP بالكامل على الهاتف المحمول في 2.99 ثانية. للمقارنة ، في اختبار في Chrome على iMac سريع ، استغرق إصدار سطح المكتب لتلك الصفحة 3.82 ثانية (كان إصدار الهاتف المحمول أسرع).

إذا لم تكن على علم ، فإن موقع NYTimes.com كان سيئ السمعة لكونه أحد أبطأ مواقع الويب الإخبارية للجوال في هذا الجانب من زحل.

لقد أصلحوا ذلك منذ ذلك الحين.

هل أنت متأكد من أن هذا سريع بما فيه الكفاية؟

لكن انتظر ، كما تقول ، لا تزال 2.99 ثانية في الروافد العليا للإطار الزمني الذي يرغب ركاب مترو الأنفاق لدينا في الانتظار. هو ، مثل 40 في المائة من السكان ، أفرج عنه بكفالة في 3 ثوان. 2.99 ثانية تقترب من ذلك! هذا ليس تحسنًا كبيرًا.

صحيح ، لكن الاختلاف يكمن في أنه في السيناريو الأول ، الذي لا يحتوي على AMP على سطح المكتب ، كانت الصفحة لا تزال قيد التحميل بعد 3 ثوانٍ. في إصدار AMP من السيناريو ، تم تنزيله بالكامل في 2.99.

والأهم من ذلك ، أن إصدار AMP وصل إلى "domContentLoaded - وهي نقطة رئيسية في تحميل صفحة الويب حيث يتم تنزيل HTML بالكامل واكتمال تحليل مهم معين" في 0.857 ثانية.

تستغرق ومضة عين حوالي 0.33 ثانية.

بعبارة أخرى ، ارمش عينك مرتين ويمكنك ، أنت ، ركاب مترو الأنفاق لدينا ، أن تبدأ في قراءة الجزء المفيد من المحتوى على الفور تقريبًا ، بفضل AMP.

ما الذي يجعل صفحات الجوال التقليدية يتم تحميلها ببطء شديد؟

أعتقد أنني أعرف ذلك ، ولكن نظرًا لأنني لست مطورًا أو مصممًا أو مبرمجًا (ولست متأكدًا مما إذا كانت هذه التخصصات مختلفة) ، فقد قمت بتعيين أحد مطورينا هنا في Rainmaker Digital ، مايك هيل ، لمساعدتي في الترجمة.

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

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

سيتم تنزيل الجزء الأكثر فائدة في 5 ثوانٍ بعد النقر ، ولكن لا يزال الجزء المتبقي يأتي ، وهذا هو سبب ارتداد الشاشة أثناء ضبط المتصفح ثم إعادة التعيين.

ضغطت على مايك ما زلت ضائعة ، "ولكن ما نوع الأشياء التي يتم طلبها ؟! ماذا يسمى ؟! "

أخبرني مايك أن هاتفك المحمول يمكن أن يتصل بالبرامج النصية للمكونات الإضافية الاجتماعية ، ودوامات الصور ، و SlideShares ، ومقاطع الفيديو. ومن المحتمل أن يكون هناك برامج تحليلات وإعلانات ونصوص تتبع تعمل في الخلفية.

أشياء منطقية يومية ، لكنها تضاف. و بسرعة.

تكمن المشكلة في أن جهازك المحمول ببساطة لا يحتوي على قوة المعالجة اللازمة لسحب هذا الأمر بسرعة.

يوضح هذا الرسم التوضيحي مشكلة محتوى الجوال

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

إذا كان البنك يعمل مثل شبكة الويب على الهاتف المحمول الآن ، فسيقوم الصراف برحلات متعددة لإعطائك كل فاتورة على حدة.

كل واحدة من هذه الرحلات هي "مكالمة".

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

تهدف AMP إلى تبسيط الطلبات التي يجب على المتصفح تقديمها.

قال مايك: "النص الوحيد الذي يمكنك الاتصال به هو AMP جافا سكريبت". “كل شيء ملفوف في حزمة واحدة. أنا أعطيك كل شيء دفعة واحدة ".

وإليك كيفية وصف Yoast لمحتوى الجوال AMP:

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

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

كيف يبدو محتوى الجوال المحسّن لصفحات AMP؟

لحسن الحظ ، يمكنك اختبار عرض توضيحي لمحتوى أخبار AMP.

1. اخرج هذا الهاتف الذكي الخاص بك.
2. افتح متصفحًا (أي متصفح).
3. اكتب g.co/ampdemo.
4. اكتب عبارات كلمات رئيسية شائعة مثل "عيد ميلاد جاستن بيبر" أو "جينيفر لورانس" أو "يوكو أونو" في مربع بحث Google.
5. اضغط على "إرسال".

هذا مثال على الشكل الذي ستبدو عليه النتائج:

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

يمكنك التمرير عبر هذا العرض الدائري وعندما تجد مقالة تدعم AMP تريدها ، انقر عليها. هكذا سيبدو:

قراءة ممتعة ، إيه!

لماذا تفعل Google هذا ، وهل يجب أن تهتم؟ (نوعا ما)

هذا هو المكان الذي يصبح فيه غريبًا.

كما ذكرت أعلاه ، كانت Google مهووسة بتحسين أداء الويب للجوال على مدار السنوات الخمس الماضية ، ولهذا السبب كنا نكتب عن أهمية سرعة موقع الويب بسرعة كبيرة (هناك ستة أدوات لاختبار سرعة موقعك في هذه المقالة ، بالمناسبة) بنفس المدة.

لهذا السبب حذرناك في العام الماضي بشأن "Mobilegeddon" من Google Mobile Update.

لذا ، في هذه المرحلة ، يعد AMP نوعًا من تتويج لتركيز Google على تحسين الويب للجوال ، ولكن كيف يساعد الناشرين؟

يبدو الأمر بسيطًا ، لكن Google تعتقد أن: المستخدمون يحبون المحتوى. إنهم يحبون المحتوى السريع. كلما تمكنت من استنباط محتوى سريع بشكل أسرع ، يمكن استهلاك المزيد من المحتوى.

هناك شيء آخر لهذه الخطوة ، على الرغم من ذلك: تحاول Google كسب حرب استهلاك الأخبار.

كيف تختلف AMP عن المقالات الفورية وأخبار Apple؟

في العام الماضي ، أطلقت كل من Apple و Facebook تطبيقات تتيح للمستخدمين الاطلاع على المقالات الإخبارية: Apple News و Instant Articles.

كل من هذه التطبيقات هي منتجات قائمة بذاتها.

كتب كريستيان كانتريل ، كبير مهندسي تطوير الخبرة في فريق Adobe XD ، في مجلة Smashing ، "إنهم في الأساس مجمعين أخبار خياليين مع عارضين مخصصين مبنيين على أعلى تنسيقات الملكية المشتركة".

بمعنى آخر ، تعد المقالات الفورية وأخبار Apple بمثابة خدمة RSS من جديد.

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

حتى الآن ، شارك بعض ناشري الأخبار المشهورين:

• تايم إنك.
• المحيط الأطلسي
• فوكس
• بي بي سي
• هافينغتون بوست

انضم أيضًا عدد من شركات التكنولوجيا مثل WordPress و Twitter و Adobe Analytics و Chartbeat و LinkedIn و Pinterest.

شكوتان شائعتان حول AMP

تأتي الشكاوى في نوعين على الأقل:

1. يكره المنتقدون القيود المفروضة على محتوى الجوال.
2. ينتقد المنتقدون أن الناشر الصغير سيعاقب.

يقع Yoast في الفئة الأولى. كتب Joost de Valk ، "AMP تقيد ما يمكنك فعله في صفحات HTML. يتم تجريد التصميم الرائع لصالح السرعة. AMP هي وظيفة أكثر من مشروع النموذج ".

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

ستلاحظ في الغالب أن كبار الناشرين يستخدمون AMP ، ولكن هل يعني ذلك أن AMP ستؤذي الناشرين الصغار؟

قال بول شابيرو في Search Engine Land:

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

قد تثبت AMP أنها أداة قوية لتحسين تجربة الجوّال. فهل يجب عليك AMP؟

من يجب أن يقلق بشأن AMP؟

هذا يعتمد.

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

أخبرني برايان غاردنر ، مدير المنتج ومؤسس StudioPress ، "بالتأكيد شيء يجب الاحتفاظ به على رادار الناشر". "لكن تخميني أنها ستكون صفقة سلسة لبعض الوقت."

من تعرف؟ قد تكون هناك طريقة أسهل للقيام بكل هذا على الطريق - وهو ما اقترحه أيضًا جيك جولدمان ، رئيس ومؤسس 10up ، وهي وكالة استشارات لإدارة المحتوى في WordPress:

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

ولكن لنفترض أنك تريد اللعب مع AMP.

كيفية إنشاء أول صفحة AMP

هذا هو المكان الذي يمكنك فيه رفع سروال مطور الفتى / الفتاة الكبير ، لأنه يتطلب بعض الترميز الأساسي لبدء استخدام AMP.

أوصي بأن تعمل في طريقك من خلال هذا البرنامج التعليمي الأساسي. سيعلمك كيفية:

• أنشئ صفحة AMP الأولى لك باستخدام رمز معياري.
• المرحلة.
• تحقق من توافقه مع AMP ( هذه خطوة مهمة للغاية ) باستخدام أداة التحقق من Google.
• التحضير للنشر والتوزيع.

في الترميز ، سترى أن بعض العناصر بها علامة AMP. وهكذا ، تصبح العلامة <img> <amp-img>. تصبح العلامة <anim> <amp-anim>. تصبح العلامة <video> <amp-video>.

وهلم جرا.

ما الذي يجب أن يفعله مستخدمو WordPress؟

إذا كنت تريد تجربة AMP ، فأنت محظوظ.

في 24 فبراير 2016 ، أصدرت Automattic مكوّن AMP الإضافي الرسمي. لذلك ، فإن مستخدمي WordPress هم مجرد مكون إضافي قابل للتنزيل بعيدًا عن محتوى AMP المحسّن.

ضع ذلك في الاعتبار ، مع ذلك: وفقًا لصفحة المكون الإضافي AMP الرسمية ، لا يدعم المكون الإضافي الصفحات أو الأرشيفات. مجرد مشاركات.

ولكن بمجرد تنشيط المكون الإضافي - bam - يتم تلقائيًا تنشيط جميع مشاركاتك!

مع تنشيط المكون الإضافي ، سيكون لجميع المنشورات على موقعك إصدارات متوافقة مع AMP ديناميكيًا.

يمكنك مشاهدة إصدار AMP لمشاركاتك على الويب بوضع "/ amp" في نهاية عنوان url. على سبيل المثال ، يصبح إصدار AMP من yourwebsite.com/amp-wicked-fast yourwebsite.com/amp-wicked-fast/amp.

وإذا كنت أحد عملاء Rainmaker Platform: فلدينا AMP على شاشات الرادار الخاصة بنا. لن نتسرع في أي شيء ، بالنظر إلى تاريخ Google في التحولات الدراماتيكية 180 درجة. ولكن إذا أثبتت AMP أهميتها في المستقبل ، فسنقدم حل AMP سهلًا لمستخدمينا.

هل AMP عامل ترتيب بحث؟

لا.

صرح جون مولر من Google أن AMP ليس عامل ترتيب. لقد قال إن "تحويل الصفحات إلى تنسيق AMP سوف يرضي إشارة الترتيب الملائمة للجوال ، ولكن لا توجد إشارة ترتيب مرتبطة فقط بـ AMP."

يشير كاتب طاقم مجلة محرك البحث مات ساذرن إلى:

"سؤالي هو ، ما الذي يهم إذا كانت AMP هي إشارة ترتيب أم لا إذا كان محتوى AMP يحتوي بالفعل على تذكرة أحادية الاتجاه إلى أعلى الصفحة الأولى؟ بالنسبة للجزء الأكبر ، يحتل محتوى AMP بالفعل مرتبة أعلى من النتائج العضوية ، وهي واحدة من أعظم تعزيزات الترتيب التي يمكن للمرء أن يطلبها ".

لذلك ، هناك ميزة في الخروج والتقدم على منافسيك في لعبة محتوى الهاتف المحمول - جزرة على عصا الموجة المقطرة في وجهك في مقطع Whiteboard Friday هذا.

سبب آخر أوصيك بمشاهدة مقطع فيديو Whiteboard Friday هو أن الأشخاص في Distilled يعرض تمييزًا مهمًا آخر لـ AMP: تسليم سريع للغاية من خلال خادم التخزين المؤقت.

يقول توم أنتوني ، رئيس قسم البحث والتطوير في Distilled ،:

"وبعد ذلك تم تصميم كل هذا ليتم تخزينه في ذاكرة التخزين المؤقت بشكل كبير بحيث يمكن لـ Google استضافة هذه الصفحات واستضافة المحتوى الفعلي الخاص بك هناك ، وبالتالي لا يحتاجون حتى إلى جلبه منك بعد الآن."

فقط من أجل الابتسامات ، هذا ما قالته مدونة Google حول أسلوبها الجديد في التخزين المؤقت:

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

أنا أحب مجانا.

هل ستؤثر AMP على إعلاناتك؟

لا ينبغي.

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

وفي حال كنت تتساءل ، فإليك قائمة بشبكات الإعلانات المدعومة من موقع مشروع Google AMP الرسمي:

• أ 9
• Adform
• مفاعل
• AdSense
• AdTech
• نقطة والوسائط
• نقرتين متتاليتين
• Flite
• بليستا
• خادم الإعلانات الذكي
• ييلدمو
• Revcontent

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

إليكم ...

رائع. غطينا الكثير من الأرض هنا.

شكرا لبقائك معي آمل أن تكون قد وجدت هذا مفيدًا وأجبت على جميع أسئلتك حول مشروع Google AMP.

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

في كلتا الحالتين ، أتطلع إلى الاستماع منك.