دليل لـ AMP و PWA

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

ما هو مشروع AMP (مشروع Accelerated Mobile Pages)؟

AMP تعني الأعمار المتسارعة - وهذا ما تقدمه لك بشكل أساسي.

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

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

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

ترتبط صفحات AMP دائمًا بشكل أساسي بالصفحات الأخرى. هذا يعني أن عنوان URL الخاص به يحتوي على علامة rel "أساسية" تخبر محركات البحث أن الصفحة مماثلة لصفحة على موقع الويب الخاص بك. النسخة غير AMP من الصفحة لها الأولوية من منظور تحسين محركات البحث.

هناك استثناء رئيسي لهذه القاعدة ، في شكل مواقع ويب AMP فقط التي يتم إنشاؤها الآن من قبل بعض الناشرين عبر الإنترنت.

نصح جون مولر ، محلل اتجاهات مشرفي المواقع في Google ، مشرفي المواقع ، بأن مواقع الويب التي تستخدم AMP فقط يمكن أن تكون شيئًا جيدًا:

"لا أرى مشكلة في استخدام موقع AMP فقط - إنه إطار عمل رائع لإنشاء مواقع سريعة بسهولة نسبيًا. نظرًا لأنها HTML بشكل أساسي ، فإنها ستعمل بنفس طريقة عمل أي صفحة HTML أخرى. إنه لأمر رائع أن ترى المزيد من مواقع AMP المنبثقة فقط ، ويمكن أن تجعل الأمور أسهل كثيرًا (للزحف والفهرسة وتحسين محركات البحث بشكل عام) عندما يكون لديك عنوان URL واحد لكل جزء من المحتوى! "

إذا كنت ترغب في اختبار موقع خاص بك يحتوي على AMP فقط ، فإننا نوصي بإعداده على WordPress واستخدام AMP لـ WP - المكون الإضافي Accelerated Mobile Pages.

AMP هو مشروع مستمر مفتوح المصدر مع تطبيقات في البريد الإلكتروني والإعلانات ، بالإضافة إلى محتوى الويب. للحصول على معلومات كاملة ومحدثة عن المشروع ، قم بزيارة Amp.dev.

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

تطبيق الويب التدريجي (PWA) هو تطبيق ويب يعمل على زيادة صفحة الويب بميزات وعناصر تجربة المستخدم (UX) التي تم العثور عليها تقليديًا بشكل أساسي في التطبيقات الأصلية. بمعنى آخر ، يجعلون محتوى الويب يتصرف مثل محتوى التطبيق.

تتضمن تجربة مستخدم PWA الخطوات التالية:

1. يفتح المستخدم صفحة PWA عبر أجهزته المحمولة. تعمل كصفحة ويب عادية ؛
2. يتلقى المستخدم مطالبة لإضافة الصفحة إلى الشاشة الرئيسية لجهازه ؛
3. يقبل المستخدم الموجه. ستظهر الصفحة بعد ذلك وتعمل كتطبيق على الشاشة الرئيسية.
4. تشتمل تجربة المستخدم المستمرة لموقع الويب / PWA على عناصر نموذجية لتجربة المستخدم الأصلية للتطبيق.

يعد تحويل محتوى الويب إلى PWA مهمة لمطور الويب لديك ، حيث تتطلب كفاءات في HTML و JavaScript.

تمتلك Google معايير شاملة لما يشكل PWA "الأساسي" أو PWA "النموذجي".

PWAs الأساسية:

• يتم تقديمها عبر HTTPS
• تستجيب على الأجهزة اللوحية والأجهزة المحمولة
• تحتوي على عناوين URL التي سيتم تحميلها كلها في وضع عدم الاتصال
• توفير بيانات وصفية لـ "إضافة إلى الشاشة الرئيسية"
• تحميل سريع ، حتى على شبكة الجيل الثالث
• العمل عبر المستعرضات (بما في ذلك Chrome و Edge و Firefox و Safari)
• توفير انتقال سريع بين الصفحات
• خصص عنوان URL لكل صفحة

استيفاء هذه المعايير أمر بالغ الأهمية لجدوى PWA (أو PWA) والوصول المحتمل في Google Chrome.

معايير PWAs النموذجية أكثر تعمقًا. راجع قائمة التحقق من تطبيقات الويب التقدمية من Google للحصول على معلومات كاملة.

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

ميزة رئيسية أخرى هي أن PWAs يمكن أن تمنح العلامات التجارية وجودًا مستمرًا على الشاشة الرئيسية لجهاز المستخدم المحمول. تأتي هذه الفرصة في الوقت المناسب ، حيث يكافح العديد من الناشرين للمنافسة في سوق تطبيقات محلية مزدحمة حيث يكون الاحتفاظ بالتطبيقات بعد 90 يومًا منخفضًا يصل إلى 4٪ ، ويقضي المستخدمون 77٪ من إجمالي وقت استخدام التطبيق على أفضل 3 تطبيقات (المصدر: إحصاءات تنزيل التطبيق واستخدامه (2019) - أعمال التطبيقات).

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

أحد الجوانب السلبية المحتملة لـ PWAs هو أنها تبدو في بعض الأحيان وكأنها تؤدي بشكل غير متوقع في نتائج بحث Google.

وفقًا لمواقع Ignite Visibility التي تهدف إلى فهرسة المحتوى بواسطة PWAs لأغراض تحسين محركات البحث ، يجب "إما أن يكون لها قاعدة HTML وتحميل تطبيق الويب التقدمي فوق ذلك ، [أو] تستخدم أداة مثل prerender.io و / أو pushstate."

يحتفظ موقع PWA Stats الذي يحركه المجتمع بقائمة مباشرة من الإحصائيات الخاصة بالنتائج التي أنتجتها العلامات التجارية من خلال التبديل إلى PWA ، بدءًا من أوقات تحميل Tinder المخفضة إلى زيادة عائدات Best Western.

ما هو الفرق بين AMP و PWA؟

هناك فكرة خاطئة شائعة مفادها أن AMP و PWA هي تقنيات متنافسة تخدم نفس الغرض.

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

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

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

يمكن للناشرين عبر الإنترنت الجمع بين مزايا AMP و PWAs باستخدام التقنيتين معًا. يصف Instapage أحد هذه الأساليب في مقالته حول PWAs مقابل AMP:

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

هناك خيار آخر وهو تمكين ميزات PWA داخل صفحة AMP.

بدلاً من ذلك ، قد تختار تطوير PWA باستخدام AMP. تعتمد هذه الطريقة على كتابة PWA في AMP HTML ، واستخدام مكون يسمى amp-install-serviceworker لتمكين وظائف PWA المتقدمة.

ما هو الخيار الأفضل بالنسبة إلى تصنيفات تحسين محركات البحث (SEO) والبحث: AMP أو PWAs؟

من وجهة نظرنا ، الإجابة هي قليلاً من الاثنين ، حيث تساعد كل من AMP و PWAs في تحسين محركات البحث بطرق مختلفة.

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

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

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

ما كل هذا الذي أسمعه عن الجدل حول AMP؟

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

يرى بعض المعلقين أن AMP هي وسيلة لجوجل لنفي مواقع الناشرين على الإنترنت والاستيلاء على محتواهم ، وحبس المستخدمين في تجربة محسّنة لـ Google وداخلها.

كما يقول كاتب السجل ، سكوت جيلبرتسون:

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

علاوة على ذلك ، يتم عرض صفحات AMP بدون عنوان URL الخاص بالناشر وعناصر علامته التجارية الخاصة ، مما يؤدي بشكل فعال إلى فصل المحتوى عن ناشره.

ربما تكون أقوى حجة لصالح استخدام AMP هي للناشرين. يستخدمه العديد من منتجي المحتوى الإعلامي الرائدين في العالم ، من مزودي الأخبار الرئيسيين مثل The Guardian و Daily Mail ، إلى الناشرين ذوي الاهتمامات الخاصة مثل Wired و Social Media Today. هذا يطرح السؤال التالي: إذا كان الناشرون الرائدون في مجالك يستخدمون AMP ، فهل يمكن لمنشورك ألا يفعل ذلك؟

لمزيد من المعلومات حول الجدل الدائر حول AMP ، تحقق من حلقة البث الرقمي للتسويق الرقمي الخاصة بنا حول كيفية إنشاء مواقع ويب سريعة ، والتي تتضمن مقابلة مع المؤسس المشارك لـ Raven Tools ، جون هينشو.

هل تطبيقات الويب التقدمية (PWAs) هي مستقبل التطبيقات؟

في ديسمبر 2019 ، أبلغت TechCrunch عن اكتشاف مذهل مفاده أن أفضل 1٪ من ناشري متجر التطبيقات يقودون 80٪ من التنزيلات الجديدة.

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

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

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

ومع ذلك ، يبدو أن PWAs يمكن أن تلعب دورًا كبيرًا في مستقبل استهلاك محتوى الهاتف المحمول - وهو مجال يمكن أن تؤدي فيه مزايا UX الخاصة بـ PWAs إلى زيادة استيعاب التكنولوجيا بين القراء والناشرين على حدٍ سواء.

الخلاصة: كيف يجب أن يتصرف المسوقون بناءً على AMP و PWAs؟

تشير الإمكانات المثبتة لـ AMP و PWAs في تحسين جوانب أداء المحتوى وتجربة المستخدم إلى أن هذه التقنيات هي وسيلة مهمة للناشرين عبر الإنترنت للتحقيق فيها.

AMP هي أسهل الاثنين للاختبار على نطاق محدود: يمكنك ببساطة تحويل بعض صفحات المحتوى إلى AMP HTML ومراقبة النتائج (ضمن حدود التحليلات المحدودة نسبيًا التي توفرها Google لناشري AMP). تلزم PWA ضمنيًا الناشر بتوفير تجربة نمط التطبيق لقرائه على أساس مستمر ، وبالتالي لا ينبغي الاستخفاف بها.

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

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

احصل على عضويتك المجانية الآن - لا حاجة لبطاقة ائتمان على الإطلاق

• مجموعة أدوات التسويق الرقمي
• جلسات تعليم فيديو حية حصرية
• مكتبة كاملة من بودكاست التسويق الرقمي
• أدوات قياس المهارات الرقمية
• دورات تدريبية مجانية عبر الإنترنت

عضوية مجانية