Technologia urządzeń mobilnych ciągle się rozwija. Z dnia na dzień smartfony posiadają coraz to większe możliwości techniczne, przez co stają się urządzeniami zastępującymi laptopy. Aby w pełni wykorzystać ich potencjał, technologie mobilne rozwijają się, dając użytkownikowi dodatkowe możliwości w tworzeniu aplikacji. Przykładami takich technologii są Native Apps (Aplikacje Natywne) oraz Progressive Web Apps (Aplikacje Progresywne). Czym się różnią?
Czym jest natywna aplikacja (Native Apps)?
Aplikacja Native Apps jest typową aplikacją napisaną od podstaw w jednym z języków programowania. W zależności od systemu operacyjnego smartfona wyróżniamy 3 możliwości: IOS – Objective C, Android – Java oraz Windows Phone – C#. W przypadku budowy aplikacji natywnych jedynymi ograniczeniami jest kreatywność programisty oraz zespołu projektowego. Infrastruktura techniczna obecnych urządzeń mobilnych (w tym smartfonów) jest na tyle wydajna i stabilna, że mamy możliwość budowania aplikacji bardzo rozbudowanych, zawierających dużo elementów graficznych tworzonych w czasie działania aplikacji.
Zastosowanie aplikacji natywnych sprawdza się, gdy:
- chcemy rozbudować naszą aplikację o dodatkowe moduły (wymaga to od nas posiadania już wcześniej aplikacji mobilnej),
- nasza aplikacja lub gra posiada zaawansowaną grafikę,
- zależy nam na szybkości działania aplikacji,
- nie mamy ograniczeń budżetowych.
Porównanie aplikacji Webowej i Natywnej pokazuje, jak wygląda okno robocze występujące w przypadku aplikacji natywnej, a normalnej strony WWW.
PWA czyli Progressive Web Apps – nowy wymiar aplikacji mobilnych
Czym są Progressive Web Apps?
Najprościej rzecz ujmując są to aplikacje sieciowe, które działają w nowoczesnych przeglądarkach internetowych tj. Chrome, Opera, Firefox. Progressive Apps zachowują się jak normalne aplikacje na smartfony, ale dostępne są dla każdego (niezależnie od wykorzystanego systemu operacyjnego) w przeglądarce internetowej.
Progressive Web Apps a SEO
Aby PWAs dobrze współgrały z prowadzonymi działaniami SEO, należy pamiętać o kilku ważnych aspektach dotyczących danych aplikacji:
- Wiele aplikacji wykorzystuje znak # w adresach URL, których Google nie indeksuje, co oznacza, że roboty indeksujące nie zaindeksują nic, co znajduje się po znaku #. Rozwiązaniem problemu jest wykorzystanie pełnych adresów URL bez wykorzystania znaku „#” w strukturze.
- Trzeba upewnić się, że zasoby potrzebne do działania strony nie zostały zablokowane w pliku robots.txt.
- Należy używać tagu Canonical, jeśli treść na stronie jest dostępna pod wieloma adresami URL (w ten sposób unikniesz duplikacji treści).
- Zaleca się używać aktualnych plików Sitemap do informowania zmian na serwisie, jeżeli używasz AMP (Accelerated Mobile Pages).
- Należy pamiętać, że niektóre wyszukiwarki i usługi sieciowe nie wspierają JavaScript lub wspierają inną technologię.
- Należy unikać wykorzystania biblioteki AJAX,
Jak działa PWA (Progressive Web Apps)?
Użytkownik wchodzący na stronę ma możliwość zapisania jej wartości w Local Storage. Cały proces jest zautomatyzowany i jedyną czynnością, którą musi wykonać użytkownik jest wejście na stronę. Dzięki zapisaniu strony w „Pamięci urządzenia” mamy możliwość jej otworzenia, ponadto strona bardzo szybkiego działa, ponieważ elementy nie są już pobierane z sieci. Wszystkie dane strony fizycznie znajdują się na urządzeniu. Dzięki standardom PWA mamy możliwość umieszczenia skrótu na pulpicie urządzenia mobilnego, przez co dostęp do aplikacji jest błyskawiczny. Po uruchomieniu strona będzie działa tak, jak aplikacja, bez widocznego paska URL w przeglądarce.
Najważniejsze aspekty związane z PWA (Progressive Web Application):
- Bezpieczeństwo – zastosowanie protokołu HTTPS,
- Wygląd przypominający aplikację – strona wygląda jak aplikacja na urządzenia mobilne,
- Brak wymaganego połączenia z siecią – dane pobrane raz ze strony mogą być cyklicznie odświeżane, mogą działać całkowicie offline oraz zachowują płynność działania nawet przy niskiej jakości łącza,
- Progresywność aplikacji – aplikacje działają niezależnie od wykorzystywanej przeglądarki internetowej,
- Responsywność – strona (aplikacja) dostosowuje się do narzędzia, na którym jest wyświetlana,
- Wykrywalność – aplikacja będzie rozpoznawana przez wyszukiwarki internetowe dzięki zgodności standardów W3C,
- Linkowanie – aplikacja pozwala na dzielenie się informacjami zawartymi w jej treści bez konieczności instalowania dodatkowych rozszerzeń.
Progressive Web Apps znajdują szerokie zastosowanie w serwisach, w których często zmienia się treść, np. portale informacyjne lub sklepy internetowe (asortyment). Aplikacja pozwoli na zapisanie ulubionego sklepu na pulpicie naszego urządzenia mobilnego i szybkie sprawdzenie jej zawartości. Dzięki mechanizmowi powiadomień będziemy mieć możliwość informowania użytkowników o aktualnych promocjach lub innych akcjach, które mogą ich zaciekawić. Warto również zainteresować się wdrożeniem technologii AMP (Accelerated Mobile Pages), o którym pisałem wcześniej.
_
Cezary Ciechanowski
Źródło:
http://www.slideshare.net/Fastly/progressive-web-apps-64372773,
http://www.ajnnews.com/tips-to-understand-different-types-of-mobile-applications/
