Przewaga korzystania z internetu za pomoc\u0105 urz\u0105dze\u0144 mobilnych nad desktopami ro\u015bnie. Ta r\u00f3\u017cnica jest widoczna w zachowaniach graczy na rynku e-Commerce. Coraz wi\u0119cej sklep\u00f3w i marek priorytetyzuje aplikacje natywne, progresywne i cross-platformowe. Urz\u0105dzenia mobilne przy\u0107miewaj\u0105\u00a0rol\u0119 desktopu w dokonywaniu zakup\u00f3w online. Wida\u0107 to po popularno\u015bci i nacisku na p\u0142atno\u015bci mobilne takie jak Google Pay, Apple Pay, czy polskim Bliku. Zreszt\u0105 <\/span>oficjalne statystyki pokazuj\u0105 jasno, \u017ce w uj\u0119ciu globalnym z urz\u0105dze\u0144 mobilnych korzysta 14% wi\u0119cej u\u017cytkownik\u00f3w<\/a><\/strong> ni\u017c z desktopa. W Polsce ta przewaga spada do 7%. Konsekwencj\u0105 tych trend\u00f3w s\u0105 coraz liczniejsze technologie i strategie optymalizuj\u0105ce aplikacje online pod urz\u0105dzenia mobilne. W\u015br\u00f3d nich s\u0105 tak\u017ce AMP, czyli Accelerated Mobile Pages i podej\u015bcie Mobile First.<\/span><\/p>\n AMP to platforma komponent\u00f3w od Google\u2019a. Zosta\u0142a ona opracowana z my\u015bl\u0105 o lepszych do\u015bwiadczeniach przy korzystaniu z mobilnych wersji stron internetowych i aplikacji. Jak g\u0142osi g\u0142\u00f3wna strona AMP-u, narz\u0119dzie stawia u\u017cytkownika, pr\u0119dko\u015b\u0107 dzia\u0142ania i konwersj\u0119 na pierwszym miejscu<\/strong>. Accelerated Mobile Pages obejmuje tagi HTML, dedykowan\u0105 bibliotek\u0119 JavaScript i narz\u0119dzie do cachowania stron opartych na tej technologii.<\/span><\/p>\n Komponenty te s\u0105 dost\u0119pne do wykorzystania w bardzo intuicyjny i prosty spos\u00f3b.<\/span><\/p>\n \n Dodatkowo AMP jest wspierane przez in\u017cynier\u00f3w od Google, kt\u00f3rzy dbaj\u0105 o narz\u0119dzie i opracowuj\u0105 jego nowe wersje. Ponadto na g\u0142\u00f3wnej stronie tego projektu dost\u0119pna jest biblioteka komponent\u00f3w z dedykowanymi stronami i szczeg\u00f3\u0142owymi opisami ka\u017cdego z komponent\u00f3w.<\/span><\/p>\n W wyszukiwaniach na urz\u0105dzenia mobilne Twoja strona AMP-owa b\u0119dzie si\u0119 wy\u015bwietla\u0107 jako taka \u2013 u\u017cytkownicy b\u0119d\u0105 o tym wiedzieli za spraw\u0105 ikonki z piorunem ko\u0142o nazwy strony w wynikach wyszukiwania. Czy Google bierze pod uwag\u0119 fakt budowania stron za pomoc\u0105 komponent\u00f3w Accelerated Mobile Pages przy pozycjonowaniu? Nie, ale szybko\u015b\u0107 ich dzia\u0142ania ju\u017c tak<\/strong>. A dobrze zbudowana aplikacja ampowa w\u0142a\u015bnie przy\u015bpiesza dzia\u0142anie stron w znacznym stopniu. Pami\u0119taj o tym, \u017ce aktualnie ikona AMP wy\u015bwietla si\u0119 tylko w wyszukiwaniach na urz\u0105dzenia mobilne, nie desktopowe.<\/span><\/p>\n Ponadto narz\u0119dzie Google AMP Cache pomaga w jeszcze szybszym cachowaniu stron u\u017cywaj\u0105cych t\u0119 technologi\u0119<\/strong>, co dodatkowo optymalizuje pr\u0119dko\u015b\u0107 \u0142adowania tre\u015bci. Je\u015bli nie jeste\u015b pewny jak Twoja strona AMP-owa sobie radzi, mo\u017cesz doda\u0107 do niej komponent amp-analytics, kt\u00f3ry jest kompatybilny z Google Analytics. Dzi\u0119ki niej mo\u017cesz sprawdzi\u0107 wiele statystyk, m.in. tych dotycz\u0105cych zaanga\u017cowania u\u017cytkownik\u00f3w.<\/span><\/p>\n Ze wzgl\u0119du na swoj\u0105 budow\u0119 AMP sprawdza si\u0119 lepiej w rozwi\u0105zaniach blogowo-artyku\u0142owych. Jest on dobr\u0105 technologi\u0105\u00a0do wykorzystania przy budowie strony blogowej twojego e-Commercu<\/strong>. Jednak przez braki dot. danych zmiennych nie spisuje si\u0119 on dobrze z tre\u015bciami produktowymi. Jego si\u0142a opiera si\u0119 na szybkim wczytywaniu i obs\u0142udze danych statycznych, gdy\u017c nie ulegaj\u0105 one tak cz\u0119stym aktualizacjom jak dane produktowe. Pomimo ograniczenia do danych statycznych, AMP nadal zauwa\u017calnie poprawia jako\u015b\u0107 witryn<\/strong>. Krzysztof Baraniecki, web developer z Global4Net zaznacza:<\/span><\/p>\n AMP jest stworzony dla szybko\u015bci. Dzi\u0119ki szybkiemu \u0142adowaniu stron Google lepiej pozycjonuje nasz\u0105 stron\u0119. Tym sposobem usprawnianie stron z AMP zwi\u0119ksza szans\u0119 na pozyskanie klient\u00f3w, redukcj\u0119 wsp\u00f3\u0142czynnika odrzuce\u0144 i zwi\u0119kszenie konwersji.<\/span><\/p><\/blockquote>\n \n Jak sama nazwa wskazuje technologia Accelerated Mobile Pages s\u0105 skierowane do stron internetowych przygotowanych na urz\u0105dzenia mobilne. Dlatego tak\u017ce warto zacz\u0105\u0107 development tych stron z podej\u015bciem Mobile First \u2013 na czym ono polega?<\/span><\/p>\n <\/a><\/p>\n Kr\u00f3tko m\u00f3wi\u0105c na priorytetyzacji u\u017cytkownik\u00f3w mobilnych i zaczynania prac nad stron\u0105\u00a0od wersji na smartfony i podobne urz\u0105dzenia. Podej\u015bcie to \u0142\u0105czy zasady Responsive Web Designu i skalowania UX dla system\u00f3w mobilnych<\/strong>. Czemu warto tak projektowa\u0107 stron\u0119? Powod\u00f3w jest kilka:<\/span><\/p>\n \n RWD jest ju\u017c obowi\u0105zuj\u0105cym standardem, u\u017cycie mobilnych urz\u0105dze\u0144 do aktywno\u015bci internetowej ro\u015bnie, a Accelerated Mobile Pages tylko t\u0119 aktywno\u015b\u0107 przy\u015bpiesza i optymalizuje. Nic dziwnego, \u017ce\u00a0<\/span><\/p>\n wiele biznes\u00f3w zyskuje na po\u0142\u0105czeniu tych technologii. <\/span>Washington Post przy\u015bpieszy\u0142 \u0142adowanie swych tre\u015bci o 88%<\/a><\/strong> w por\u00f3wnaniu do tradycyjnych mobilnych wersji strony. Ameryka\u0144ski e-commerce <\/span>Carved zwi\u0119kszy\u0142 wsp\u00f3\u0142czynnik konwersji o 75% i zmniejszy\u0142 bounce rate o 33%<\/a><\/strong> po wprowadzeniu wersji strony opartej na AMP i PWA.<\/span><\/p>\n Po tym jak zbudujesz ju\u017c swoj\u0105 stron\u0119 AMP-ow\u0105 czas sprawdzi\u0107, czy wszystkie tagi s\u0105\u00a0obecne i na swoim miejscu. W innym razie, Google nie zcachuje strony jako AMP. Narz\u0119dziem dzi\u0119ki kt\u00f3remu mo\u017cesz sprawdzi\u0107, czy Twoja strona spe\u0142nia warunki, jest AMP Validator. Wystarczy, \u017ce wkleisz tam sw\u00f3j kod i program sprawdzi go.<\/span><\/p>\n Musisz si\u0119 upewni\u0107, \u017ce w ka\u017cdym wierszu kodu HTML jest dopisany przedrostek \u201camp\u201d. Dzi\u0119ki temu crawlery Google\u2019a b\u0119d\u0105 sprawdza\u0142y Twoj\u0105 stron\u0119 wed\u0142ug wskazanych wymaganiach dla AMP-\u00f3w.<\/span><\/p>\n Je\u015bli nie jeste\u015b pewny, czy masz mo\u017cliwo\u015b\u0107 lub zaplecze pozwalaj\u0105ce na budowanie strony z Accelerated Mobile Pages, albo po prostu chcesz gwarancji wysokiej jako\u015bci \u2013 skontaktuj si\u0119 ze specjalistami IT takimi jak my.\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":" Przewaga korzystania z internetu za pomoc\u0105 urz\u0105dze\u0144 mobilnych nad desktopami ro\u015bnie. Ta r\u00f3\u017cnica jest widoczna w zachowaniach graczy na rynku e-Commerce. Coraz wi\u0119cej sklep\u00f3w i marek priorytetyzuje aplikacje natywne, progresywne i cross-platformowe. Urz\u0105dzenia mobilne przy\u0107miewaj\u0105\u00a0rol\u0119 desktopu w dokonywaniu zakup\u00f3w online. Wida\u0107 to po popularno\u015bci i nacisku na p\u0142atno\u015bci mobilne takie jak Google Pay, Apple Pay, […]<\/p>\n","protected":false},"author":12,"featured_media":6385,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[197],"tags":[16],"yoast_head":"\nCzym jest AMP?<\/strong><\/h2>\n
Komponenty Accelerated Mobile Pages<\/strong><\/h3>\n
\n
Wsparcie innych narz\u0119dzi Google<\/strong><\/h3>\n
Kiedy u\u017cywa\u0107 AMP w e-Commerce?<\/strong><\/h2>\n
Accelerated Mobile Pages i Mobile First<\/strong><\/h3>\n
\n
Co powiniene\u015b wiedzie\u0107 o developmencie pod AMP?<\/strong><\/h2>\n