علی شفیعی
مدیرعامل
پلاگین های pwa چیست + درست کردن PWA برای وبسایت
۱۴۰۰/۱۰/۰۶
پلاگین های pwa چیست + درست کردن PWA برای وبسایت از اونجایی که هزینه تولید اپ برای یک سایت خیلی زیاد میتونه باشه مخصوصا زمانی که شروع یک کسب و کار باشد.
PWAمی تواند جایگزین خیلی مناسبی باشد.
پلاگین های pwa برای وردپرس
با کوچک ترین سرچی برای وردپرس، اولین نتیجه ای که می بینید پلاگین های مربوط pwa هستند.
Super Progressive Web Apps یکی از مشهورترین پلاگین های pwa است.
اگر فقط می خواهید این قابلیت روی سایت شما باشد این پلاگین کار شما را راحت میکند.
حتی با این که نوتیفیکیشن توسط پلاگین پشتیبانی می شود ایران به دلیل تحریم ها نمی تواند از آن ها استفاده کند.
و باید از سامانه های ایرانی مثل پوشه یا نجوا استفاده کنیم.
با توجه به این مسئله این افزونه عملا کار زیادی نمی کند.
قابلیت نصب روی ویندوز را نشان نمی دهد. پاپ آپ مخصوص نصب روی موبایل را هم نشان نمی دهد.
بنابراین من توصیه نمی کنم از آن استفاده کنید.
پیاده سازی PWA
این روش بسیار جامع تر است. و خب محدود به وردپرس هم نیست. نیاز به آشنایی با جاوااسکریپت دارد.
ولی می توان گفت آن قدر کدها ساده و از پیش آماده هستند (حداقل برای یک کارایی ساده) به راحتی می توان کپی پیتس کرد.
برای درست کردن pwaاولین کاری که باید انجام داد ساختن دوتا فایل در rootسایت هست.
یکی sw.js که سرویس ورکر هست و دیگر manifest.json.
و بعد از آن معرفی این دوفایل در تگ head سایت است.
روش های ساخت اپلیکیشن PWA
برای ساخت وب اپلیکیشن پیش رونده سایت باید استانداردهایی را در نظر گرفت که در ادامه به معرفی آنها می پردازیم:
- سایت باید دارای ssl باشد یعنی بر روی نسخه HTTPS سایت جواب می دهد.
- موبایل فرندلی بودن یا ریسپانسیو سایت هم بسیار مهم است.
- در دسترس بودن همه URL ها، حتی در صورت آفلاین بودن را هم در نظر بگیرید.
- برای هر صفحه یک URL در نظر بگیرید.
برای تولید وب اپ ها، نرم افزارهای متنوعی مانند Lighthouse و Workbox وجود دارد.
که Lighthouse رایگان است و برای توسعه صفحات وب کارایی دارد
و Workbox برای تولید نرم افزارهایی با قابلیت ارائه خدمات در حالت آفلاین به کار می آید.
مایکروسافت نیز ابزاری به نام PWABuilder دارد که به شما کمک می کند سایت خود را به اپلیکیشن پیش رونده تبدیل کنید.
افزونه های وردپرسی هم وجود دارد که به شما کمک می کند PWA سایت خود را بسازید.
تبدیل سایت وردپرس به pwa
ساخت اپلیکیشن های وردپرسی برای خیلی از کسب و کار ها ضرورت دارد.
اگر تصمیم دارید سایت وردپرسی خود را به pwa تبدیل کنید خیلی راحت می توانید با استفاده از افزونه این کار را انجام دهید
شما می توانید با نصب افزونه Instantify هر سایت وردپرسی خود را به سادگی به pwa تبدیل کنید.
ویژگی هایی افزونه Instantify
- استفاده از سبک فعال قالب سایت
- ساخت خودکار amp
- پشتیبانی از تمام محتواها
- بهبود سئو
- سازگاری با GDPR
این وب اپلیکیشن هم روی سیستم عامل ios و هم سیستم عامل اندروید قابل نمایش است.
تاثیر pwa بر روی سئو
شاید تبدیل سایت به pwa تاثیر مستقیم روی بهبود سئو سایت نداشته باشد،
اما خب این موضوع باعث بهبود تجربه کاربری است و توجه کاربران را جلب می کند و برای شما یک مزیت رقابتی ایجاد می کند
که باعث می شود شما در ذهن کاربران باقی بمانید و داشتن تجربه خوب برای کاربران کاهش نرخ پرش از سایت را به همراه دارد.
ویژگی های اپلیکیشن PWA چیست؟
ریسپانسیو: در تمام صفحه نمایش ها مانند لپ تاپ، موبایل، تبلت و… قابل نمایش و استفاده هستند.
آپدیت دائمی: به خاطر استفاده از سرویس ورکرها همیش به روز هستند
امنیت: PWA ها از طریق HTTPS ارائه می شود تا با رمزگذاری ارائه شده مشکلی در اجزای برنامه ها از نظر امنیت ایجاد نشود.
پوش نوتیفیکیشن: امکان استفاده از Push Notifications، همانند اپلیکیشن های Native
نمایش در نتایج گوگل: با توجه به اینکه pwa وب سایت هستند به راحتی از طریق URL به اشتراک گذاشته می شوند و در نتایج هم نمایش داده می
شوند.
دسترسی راحت: کاربران برای دریافت اپلیکیشن نیازی برای مراجعه به اپ استورها ندارند.
قیمت مناسب: بدون نیاز به صرف هزینه بالا می توانید نسخه موبایل یایتتان را بسازید.
افزایش نرخ تعامل: استفاده از اپلیکیشن های پیشرونده باعث می شود میزان مشارکت و تعامل کاربران ۱۳۷ درصد افزایش یابد. که یکی از دلایل آن
استفاده از پوش نوتیفیکیشن است.
دیدگاه ها