PWA آینده وب‌سایت‌ها و اپلیکیشن‌ها:جلسه سیزدهم جلسات باز نرم‌افزاری

وقتی حرف از آینده می‌شود، یاد گارسون‌های رباتیک و ماشین‌های پرنده می‌افتیم، اما قسمتی از آینده همین حالاست، آینده اپلیکیشن‌ها و وب‌سایت‌ها را می‌توان PWA یا همان Progressive Web Apps بدانیم. تکنولوژی که تاثیر زیادی در lead generation برای کسب‌وکارها داشت.

جلسه سیزدهم جلسات باز نرم‌افزاری به همین موضوع تخصیص یافت و آرمین خدایی و علی سیدلر ارائه‌ای برای شناخت بهتر این تکنولوژی داشتند. در این جلسه به معرفی وب اپلیکیشن‌های پیش‌رونده (PWA)، نحوه عملکرد این اپلیکیشن‌ها، چگونگی نصب و استفاده از آن‌ها و مطالبی در مورد سئو آن‌ها مطرح شد. در ادامه می‌توانید خلاصه‌ای از جلسه را مطالعه نمایید.

قسمت اول – ارائه آرمین خدایی

PWA چیست؟

سه تعریف جداگانه از ویکی‌پدیا، گوگل و توسعه دهندگان PWA در جلسه مطرح شد. PWA برای اولین بار در سال ۲۰۱۵، در طی همایش Google I/O معرفی کرد. در حالت کلی می‌توان PWA ها را اپلیکیشن‌هایی دانست که دارای ویژگی‌های زیر باشد.

Progressive: بدون درنظر گرفتن سیستم عامل و نسخه سیستم عامل، بتواند در هر دستگاهی از آن استفاده کرد.

Responsive: ریسپانسیو یا واکنش‌گرا باشد، یعنی در هر دیوایس با هر اندازه به درستی نمایش داده شود.

Connectivity independent: برای استفاده از اپلیکیشن نیازی به اتصال به اینترنت نداشته باشد.

App-Like: همانند اپلیکیشن‌های نیتیو باشد و حس و حال استفاده از اپلیکیشن‌ها داشته باشد.

Fresh: بتوانند به صورت خودکار آپدیت شود.

Safe: اتصال باید از طریق HTTPS باشد تا امن باشد.

Discoverable: باید از طریق موتورهای جستجو قابل دسترس باشد.

Re-engageable: امکان ارتباط با کاربران، مانند ارسال نوتیفیکشن، را داشته باشد.

Installable: بتواند بر روی دیوایس نصب شود.

Linkable: امکان به اشتراک گذاری با دیگران را داشته باشد.

چه تکنولوژی‌هایی پشت PWA وجود دارد؟

Progressive Web Apps دارای دو نوع فایل JavaScript است، یکی برای تبدیل اپلیکیشن به PWA و دیگری برای طراحی اعمال داخل اپلیکیشن. JS اول را Service Worker است، مانند یک پروکسی عمل می‌کند و زمانی که یوزر درخواستی را ارسال می‌کند، اگر در Cache اطلاعات درخواستی وجود داشت از کش، و اگر وجود نداشت از سرور اصلی اپلیکیشن داده‌ها را گرفته و به کاربر نمایش می‌دهد، همچنین آن‌ها را در کش ذخیره می‌کند. با این سرویس می‌توانید نوتیفیکیشن نیز ارسال کنید.

PWA ها فایل manifest نیز دارند که اطلاعات مانند نام برنامه، آیکون‌ها، رنگ بک‌گراند و… را در این فایل می‌توان مشخص کرد.

چرا باید از PWA استفاده کنیم؟

PWA ها هم مانند تمام تکنولوژی‌های دیگر عیب و محسنات زیادی دارد. یکی از عیب‌های آن در ایران کم بودن تعداد توسعه‌دهنده است.

بررسی‌های متخصصین گوگل و … نشان داد که کمتر از نصف کاربران وب‌سایت‌ها، اپ‌لیکیشن همان وب‌سایت را نصب می‌کنند. یکی از دلایل این امر، طولانی بودن مراحل پیدا کردن اپلیکیشن، و نصب آن بود که با به وجود آمدن PWA این پروسه بسیار کوتاه شد، کاربران بلافاصله بعد از ورود به وب‌سایت می‌توانند اپلیکیشن را از داخل وب‌سایت نصب کنند. از طرفی مشخص شد که تعداد کاربران وب‌سایت بسیار بیشتر از اپلیکیشن‌ها است اما مدت زمان حضور در اپ، بسیار بیشتر از وب‌سایت است. با حضور PWA ها می‌توان از این پتانسیل استفاده کرد و تعداد بازدید بالا و مدت حضور و استفاده از اپ را با استفاده از PWA ها تلفیق کرد. یکی دیگر از مزیت‌های PWA افزایش نرخ تبدیل است، با کمک این اپلیکیشن‌ها می‌توان بازدیدکنندگان را به مشتریان بالفعل تبدیل کرد.

مزیت اصلی دیگر PWA ها کم حجم بودن این اپلیکیشن‌هاست، به عنوان مثال اپلیکیشن Pinterest در نسخه iOS حدود ۵۶ مگابایت، در نسخه اندروید، ۹٫۶ مگابایت و در نسخه PWA حدود ۱۵۰ کیلوبایت حجم دارد.

قسمت دوم – ارئه علی سیدلر

تاثیرات استفاده از PWA و AMP روی کسب و کار

علی سیدلر در ارائه خود بیشتر روی تاثیرات تکنولوژی‌های PWA و AMP بر روی کسب و کار به خصوص از منظر سئو و تجربه کاربری پرداخت.
ابتدا در مورد یک داستان استارتاپی و فواید توسعه وب اپلیکیشن PWA از جمله نیاز به زمان و بودجه کمتر برای توسعه، نیاز کمتر به نیرو متخصص، همچنین تجربه کاربری (UX) بهتر به دلیل هماهنگی بین وب‌سایت و اپلیکیشن و ساختار مشابه و استاندارد آنها صحبت کرد.
پس از آن چند مورد از الگوریتم‌های گوگل که به طراحی وب‌سایت برای موبایل مرتبط بود را به صورت مختصر توضیح داد از جمله:

• الگوریتم Mobile Geddon که در سال ۲۰۱۵ مطرح شد و تمرکز آن بر بهینه سازی وب‌سایت برای موبایل به خصوص بحث ریسپانسیو سایت بود مثلا اینکه کاربر وقتی در موبایل سایت شما رو مشاهده می کنه نیاز به زوم کردن برای خواندن یک متن نباشه
  
• بحث Mobile Friendly که در سال ۲۰۱۶ مطرح شد، بسیار جدی‌تر به بحث طراحی ریسپانسیو و استاندارد سازی وب‌سایت‌ها برای نمایش در صفحات گوشی و تبلت پرداخت.گوگل از لحاظ مختلفی مانند بررسی‌های تکنیکالی‌، وب‌سایت‌ها را مورد بررسی قرار می‌دهد. این موضوع تا حدی مهم است که گوگل صفحه‌ای برای بررسی مناسب بودن سایت برای موبایل یا به اصطلاح موبایل فرندلی طراحی کرد
  
• موج اول Mobile First Index که جولای ۲۰۱۸ آغاز شد. پیش از این تاریخ گوگل وب‌سایت‌ها را اول با کراولر(Crawler) دسکتاپ بررسی می‌کرد و بعد با بررسی مناسب بودن وب‌سایت برای موبایل‌ها تغییراتی روی آنها اعمال می‌نمود، اما بعد از این تاریخ گوگل برای اولین بار وب‌سایت‌ها را با کروالر موبایل بررسی می‌شد، پس سرعت لود سایت روی موبایل و مناسب بودن اجزا سایت برای موبایل بسیار پر اهمیت شد.
• موج دوم Mobile First Index هم از سپتامبر ۲۰۱۸ آغاز شده‌است، پس، اگر می خواهیم کسب‌و‌کارمان رشد کند، باید سریع‌تر خودمان را با این تغییرات سازگار کنیم.

علی در ادامه نقشه راهی برای یادگیری سئو برای توسعه دهندگان ارائه کرد که به طور خلاصه می‌توان آن را به صورت زیر بیان کرد.
ابتدا مباحث کلی دیجیتال مارکتینگ را مرور کنید و برو روی سئو تمرکز کنید. پس از آن باید با الگوریتم‌های گوگل آشنا شوید و مباحث OnPage SEO و technical SEO به صورت کامل و دقیق فرا بگیرید.

خلاصه ای از جلسه قبلی سئو و انواع سئو گفته شد که بطور دقیقتر می‌توانید از گزارش جلسه ششم با موضوع تکنیکال سئو به آنها دسترسی داشته باشید.

AMP چیست؟

Accelerated Mobile Pages یک فریمورک است که با محدود کردن فایل های جانبی مانند CSS و JS و بعضی تگ‌های HTML باعث افزایش سرعت بارگذاری اولیه وب‌سایت می‌شود که به دلیل استفاده از سرور های گوگل یک حالت cdn مانند هم داره.

PWAMP

ترکیب Progressive Web Apps با Accelerated Mobile Pages

PWA و AMP هر کدام مزایا و معایبی دارن که رابطه معکوس با یکدیگر دارند برای مثال AMP سرعت لود اولیه خوبی دارد اما کمی خشک و استاتیک است.در سمت مقابل PWA سرعت لود ثانویه بالایی دارد، داینامیک‌تر هست و همچنین قابلیت پوش ناتیفیکیشن دارد.ما می توانیم با ترکیب این دو باهم، یک وب‌سایت یا وب‌اپلیکیشن با کیفیت و پرسرعت و زیبا داشته باشیم.

استفاده از این مورد به دلیل زمان لود پایین تر، تجربه کاربری بهتر و حتی HEO یا Human Eyes Optimization بهتر باعث افزایش رضایت مشتری و همچنین گوگل از وب‌سایت و کسب‌و‌کار ما می‌شود

.

در نهایت در مورد جملاتی که سئو کار های معروف گفته اند بحث شد که در زیر می‌توانید با چند مورد آشنا شوید.

Nichola Stott
پول توی سرعته

Andrew Girdwood
سئو خوب از زمان نوشتن اولین داستان مشتریان (پرسونا) شروع میشه و هیچ وقت متوقف نمی‌شود.

Jose Capelo
محتوایی تولید کنید که هضم آن آسان باشه، سریع لود بشه، خواندنش لذت بخش باشه، گوش داده بشه و دیده شود.

Adam Gent
برای Mobile First Index آماده بشید و روی نیاز های کاربران موبایلی تمرکز کنید.

Jonathan Verrall
با استفاده از Mobile First Index به بالاها برسید سپس ارزیابی کنید که کاربران چگونه با محتوای شما مشغول می کنند.

برای دانلود اسلاید‌های آرمین خدایی اینجا و برای دانلود اسلاید‌های علی سیدلر اینجا کلیک کنید. به زودی فیلم‌های این جلسه را هم می‌توانید از کانال آپارات جلسات باز نرم‌افزاری مشاهده کنید.

PWA آینده وب‌سایت‌ها و اپلیکیشن‌ها:جلسه سیزدهم جلسات باز نرم‌افزاری