Facebook PWA: ما تحتاج إلى معرفته

انضمت منصة الوسائط الاجتماعية الأسرع نموًا على مستوى العالم إلى تحول PWA رسميًا. تأتيك مقالتنا الأخيرة بدراسة حالة مطلوبة بشدة لـ Facebook PWA.

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

نظرة عامة على Facebook

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

حتى يومنا هذا ، لا يزال Facebook يساعد الأشخاص على البقاء على اتصال ، والحصول على تحديثات الحياة اليومية من أصدقائهم وعائلاتهم ، واكتشاف ما يحدث في العالم.

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

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

دور سلطة المياه الفلسطينية في المستقبل

ما الذي يجب أن نعرفه عن PWA عندما نسمع قصة إطلاق Facebook إصدار PWA؟ أولاً ، يتعلق الأمر بوجود PWA في المستقبل.

إنها ليست مسألة ما إذا كان ، ولكنها مسألة متى سيبدأ أصحاب مواقع الويب في دمج أو بناء PWA. لأنه ببساطة ، إذا كان كل من Facebook و Twitter و Uber و Tinder و Starbuck و AliExpress و Alibaba يعتمدون PWA في إستراتيجيتهم الرقمية ، فلا بد أن يكون ذلك شيئًا.

ثانيًا ، نعلم أن PWA لا يزال جديدًا نسبيًا ، لذا يمكن أن يتأخر أداءه مقارنة بالتطبيقات المحلية. ولكن يمكن إعادة إنشاء 95٪ من ميزات Facebook الأصلية لـ PWA ، والمطورين متفائلون بشأن هذا التحول.

من المتوقع أن يكون شيء غدًا. يمكن دمج أي تطبيق تقريبًا في PWA بالفعل. تستمر قائمة ميزات PWA في التوسع إلى تلك التطبيقات الأصلية والمزيد.

لإبعادك عن كل الضوضاء غير الفعالة حول PWA ، مع الكلمات الطنانة والادعاءات الغريبة ، إليك القيمة التي يجلبها إلى العالم.

وُلد PWA في ظل مفهوم جعل الويب مكانًا أفضل للتسكع ، لجعله ذا مغزى لمجموعات الأشخاص الذين يهمهم الأمر.

هناك اتجاه كبير في التطبيق اليومي لاستخدام عادات للمستخدمين النهائيين. يستخدم معظم الأشخاص ما يصل إلى 6 تطبيقات كحد أقصى ويتفاعلون بجدية مع 2-3 تطبيقات فقط كل يوم.

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

عندما يفضل المستخدمون PWA ، فإنه يوفر جهود الشركات والمطورين والموارد لإنتاج وجود مربح عبر الإنترنت.

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

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

تحديات Facebook قبل تكامل PWA

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

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

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

نتائج Facebook PWA

حول التصميم

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

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

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

حول تجربة المستخدم

• سرعة التحميل: سريعة وسلسة
• الانتقال بين الصفحات والعناصر: متجاوب مع ظهور فوري
• التجربة الشاملة: سهلة ومباشرة وسريعة

7 نصائح لبناء PWA مثل Facebook

مبدأ قبلة (أبقها بسيطة ، غبية)

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

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

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

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

ضمان التنقل السلس

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

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

على الرغم من أنه يجب استخدام إيماءات اللمس مع قطع الغيار ، إلا أنها ليست مطلوبة بالضرورة بينما يصعب تنفيذها.

وظائف عبر المتصفح

يجدر النظر في قدرة كل متصفح مع ميزات PWA لتقييم توافقها في مرحلة التصميم.

Chrome و Firefox هما المستعرضان اللذان يدعمان وظائف PWA بشكل أكبر ، بينما لا يزال Safari يرفض دعم عمال الخدمة في PWA تمامًا.

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

احتفظ بوضع غير متصل بالشبكة Snoop

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

استبدال قرص التحميل بشيء آخر أقل إحباطًا ، وهو أمر يجعلهم ينسون الحمولة يجعلهم يعتقدون أن الموقع أسرع مما هو عليه.

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

تحسين لمحركات البحث

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

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

فيما يلي بعض النقاط التي يجب ملاحظتها بالنسبة للموقع الملائم لكبار المسئولين الاقتصاديين:

• المحتوى المعروض من جانب الخادم مطلوب لموجة الفهرسة الأولية ، واستخدامها كلما أمكن ذلك. عندما لا يكون الأمر كذلك ، يمكنك الاعتماد على خدمات العرض الديناميكي التي تقدمها جهات خارجية.
• حدد عنوان URL الأساسي من خلال العلامات الأساسية في كل صفحة.
• تجنب إخفاء الهوية عن طريق روبوتات البحث أو تقديم نفس المحتوى.
• تأكد من تحميل موقعك بسرعة في غضون 5 ثوانٍ ، مما يزيد من الوقت على الصفحة وآمنًا للغاية.

يعمل مع أنواع مختلفة من المدخلات

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

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

تحقق من صحة PWA باستخدام أداة المنارة من Google

عندما تحتاج إلى تقييم أداء PWA أثناء عملية التصنيع أو بعد الإطلاق ، يمكنك الاعتماد على Lighthouse ، وهو موقع تدقيق لأداة مفتوحة المصدر من Google. تصنف Lighthouse مواقع الويب بناءً على 5 معلمات بمقياس من 1 إلى 100.

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

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

الماخذ الرئيسية

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

أدى الدور الرائد لـ Facebook PWA بالتأكيد إلى تسريع ثورة PWA مع إعادة تجربة خفيفة الوزن ومنصة قوية للمستخدمين في جميع أنحاء العالم للانضمام إلى المحادثة على الرغم من الاختلاف في سعة الاتصال بالإنترنت.

إذا كنت تبحث عن اسم خبير يمنحك إحساسًا كاملاً بالموثوقية لمساعدتك في رعاية تحول PWA ، فإن Tigren هو الشخص الذي تحتاجه.

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