Co to jest AMP? Kompletny przewodnik po przyspieszonych stronach mobilnych

Opublikowany: 2018-08-22

SEKCJA 1: Co to są przyspieszone strony mobilne?

Nastawienie mobile-first nie zniknie – stwierdzenie to jest prawdziwe zarówno po stronie biznesowej, jak i konsumenckiej.

Powiedzieć, że użytkownicy konsultują się ze swoimi telefonami komórkowymi przed dokonaniem zakupu, byłoby rażącym niedopowiedzeniem. Korzystanie z mobilnego Internetu przewyższyło korzystanie z komputerów stacjonarnych na całym świecie. Nawet kraje takie jak Indie, Meksyk i Indonezja mają ponad 4 razy większe wykorzystanie smartfonów w porównaniu z komputerami stacjonarnymi:

W samych Stanach Zjednoczonych każdego dnia jest 30 miliardów mobilnych momentów (moment, w którym klient konsultuje telefon i oczekuje natychmiastowej odpowiedzi). Oznacza to, że każdego dnia Twoja marka ma 30 miliardów mobilnych możliwości oferowania użytkownikom czegoś, czego chcą.

Mimo to wydatki na reklamy mobilne pozostają w tyle za zużyciem mediów mobilnych:

Jest powód, dla którego użytkownicy spędzają więcej czasu na przeglądaniu stron na urządzeniach mobilnych, zamiast na kupowaniu – użytkownicy bardziej pragną natychmiastowej gratyfikacji, gdy korzystają z urządzeń mobilnych.

Odpowiedz na to pytanie – jak długo czekasz na załadowanie mobilnej strony internetowej?

Według danych zebranych przez Google i SOASTA 40% konsumentów opuszcza stronę, której ładowanie trwa dłużej niż trzy sekundy.

Trzy sekundy.

To cały czas, kiedy musisz zwrócić uwagę użytkownika, który polubił Twoją reklamę i ją kliknął. A jeśli Twoja strona internetowa nie załaduje się w wyżej wymienionym czasie, utworzyłeś reklamę, niezależnie od tego, jak była atrakcyjna, na próżno. Złą wiadomością jest fakt, że według danych większość detalicznych witryn mobilnych ładuje się około 6,9 sekundy, czyli ponad dwukrotnie dłużej, niż 40% użytkowników czeka przed opuszczeniem strony.

Jak szybkość strony internetowej wpływa na współczynnik odrzuceń

Szybkość jest ważnym czynnikiem przy pomiarze współczynnika odrzuceń mobilnych stron internetowych. Zanim zagłębimy się w to dalej, ważne jest, aby wyjaśnić, że szybkość jest brana pod uwagę przede wszystkim w dwóch aspektach współczynników odrzuceń witryn mobilnych, tj. czasie gotowości DOM i czasie ładowania całej strony:

1. Czas gotowości DOM: Czas gotowości DOM to czas potrzebny na odebranie i przetworzenie kodu HTML strony przez przeglądarkę – jest to największy predyktor współczynnika odrzuceń. Nawet jeśli użytkownik może nie wiedzieć, kiedy kod HTML jest odbierany i analizowany, kod musi zostać załadowany przed załadowaniem jakichkolwiek elementów strony, takich jak obrazy. Jeśli kod HTML trwa zbyt długo, czas ładowania strony internetowej jest powolny. Aby skrócić czas gotowości DOM Twojej mobilnej strony internetowej, najlepiej jest unikać korzystania z JavaScriptu, który blokuje i uniemożliwia przeglądarce analizowanie kodu HTML. Elementy strony korzystające z języka JavaScript obejmują reklamy innych firm i widżety społecznościowe, które należy pobrać z serwera zewnętrznego przed załadowaniem strony.

2. Czas ładowania całej strony: Czas ładowania całej strony obejmuje czas potrzebny do załadowania obrazów, czcionek, kodów CSS itp. na stronie internetowej. Szybsze ładowanie całej strony prowadzi do niższego współczynnika odrzuceń:

Aby upewnić się, że Twoja strona internetowa ma szybszy czas ładowania całej strony, powinieneś zoptymalizować obrazy, czcionki i unikać plików innych firm, które mogą spowolnić czas ładowania.

Czas wczytywania strony jest jedną z najsilniejszych przyczyn odbijania się strony, co gorsza, użytkownicy nie tylko porzucają stronę, ale badania sugerują, że 79% użytkowników nie wróci, gdy będą mieli powolne działanie na stronie.

Rozważ te zaskakujące rewelacje dotyczące szybkości ładowania strony:

Przeciętna witryna mobilna ładuje się w ciągu 19 sekund za pośrednictwem połączenia 3G, a 77% witryn mobilnych ładuje się w ciągu 10 sekund.
Google stwierdziło, że konwersje są niższe o 20% na każdą dodatkową sekundę, jaką zajmuje strona wczytywania. Dla porównania witryny, które ładowały się w ciągu 5 sekund, miały 2 razy większe przychody z reklam mobilnych niż witryny, które ładowały się w ciągu 19 sekund.
61% użytkowników prawdopodobnie nie wróci do witryny mobilnej, do której mieli problemy z dostępem.

Co to znaczy?

Jeśli strona mobilna nie wczytuje się natychmiast i nie jest wystarczająco szybka dla użytkownika, strona się odbije i prawdopodobnie nie wróci.
Aby upewnić się, że tak się nie stanie z Twoją mobilną stroną internetową, ważne jest, aby wzmocnić swoje witryny mobilne i strony docelowe po kliknięciu.

Co to jest AMP?

Firma Google uruchomiła projekt open-source Accelerated Mobile Pages, aby zapewnić optymalne działanie mobilnych stron internetowych.

Projekt AMP ma na celu „wspólne zbudowanie sieci przyszłości”, umożliwiając tworzenie stron internetowych i reklam, które są stale szybkie, piękne i wydajne na różnych urządzeniach i platformach dystrybucyjnych.

AMP powstał we współpracy z tysiącami programistów, wydawców, stron internetowych, firm dystrybucyjnych i firm technologicznych. Do tej pory utworzono ponad 1,5 miliarda stron AMP, a ponad 100 wiodących dostawców analityki, technologii reklamowych i CMS obsługuje format AMP.

Tworząc strony mobilne w formacie AMP, otrzymujesz:

1. Wyższa wydajność i zaangażowanie: strony utworzone w projekcie AMP typu open source ładują się niemal natychmiast, zapewniając użytkownikom płynne i bardziej angażujące wrażenia zarówno na urządzeniach mobilnych, jak i komputerach stacjonarnych.

2. Elastyczność i wyniki: Firmy mają możliwość decydowania o tym, jak prezentować swoje treści i jakich dostawców technologii użyć, jednocześnie utrzymując i ulepszając KPI.

Prawdopodobnie klikałeś już wcześniej stronę AMP, po prostu nie zdawałeś sobie z tego sprawy. Jedyną rzeczą, którą mogłeś zauważyć, było to, jak szybko strona po kliknięciu. Strony internetowe zbudowane przez AMP mają w wynikach wyszukiwania wskaźnik błyskawicy.

Oto, jak rozpoznać AMP w wynikach wyszukiwania:

Tak wygląda strona AMP w porównaniu ze zwykłą stroną internetową:

Powodem, dla którego strony AMP ładują się natychmiast, jest to, że AMP ogranicza HTML/CSS i JavaScript, umożliwiając szybsze renderowanie mobilnych stron internetowych. W przeciwieństwie do zwykłych stron mobilnych, strony AMP są automatycznie buforowane przez Google AMP Cache, aby skrócić czas ładowania w wyszukiwarce Google.

Użytkownicy mają określone oczekiwania, gdy korzystają z urządzeń mobilnych, chcą sensownych, trafnych i szybszych doświadczeń – aby zapewnić spełnienie oczekiwań odbiorców docelowych, najlepszym rozwiązaniem jest AMP.

Ten przewodnik przeprowadzi Cię przez wszystko, co musisz wiedzieć o projekcie open source AMP. Omówimy dokładną procedurę działania stron AMP i co sprawia, że strony ładują się tak szybko.

W przewodniku znajdziesz również studia przypadków dotyczące tego, jak korzystanie z AMP pomogło zwiększyć konwersje dla firm z różnych branż oraz korzyści, jakie uzyskasz, stosując AMPlify na swoich stronach. W ostatniej sekcji omówimy, czym są przyspieszone mobilne strony docelowe po kliknięciu i dlaczego należy tworzyć strony, aby oferować odwiedzającym szybszą i bardziej trafną stronę docelową po kliknięciu.

SEKCJA 2: Jak działa AMP?

Google uruchomił platformę open source Accelerated Mobile Pages (AMP) w lutym 2016 r. Struktura została zbudowana, ponieważ istniała potrzeba tworzenia zoptymalizowanych, ściśle zintegrowanych doświadczeń użytkownika, zamiast niezgrabnych i powolnych środowisk mobilnych, z którymi użytkownicy mają do czynienia na co dzień podstawa.

Google rozpoczęło projekt AMP, aby stworzyć framework, który zapewni dokładną ścieżkę do tworzenia zoptymalizowanych doświadczeń stron mobilnych. Projekt open-source AMP jest dobrze udokumentowany, łatwy do wdrożenia, sprawdzalny i ma opinię na temat umieszczania użytkownika na pierwszym miejscu w projektowaniu stron internetowych.

Od czasu jego uruchomienia prawie dwa lata temu 25 milionów domen opublikowało ponad 4 miliardy stron AMP:

Od czasu jego uruchomienia wzrosła nie tylko liczba stron AMP, ale także ich szybkość, średni czas ładowania strony AMP z wyszukiwarki Google wynosi teraz mniej niż pół sekundy.

AMP prowadzi do 10% wzrostu ruchu w witrynie przy 2-krotnym wzroście czasu spędzonego na stronie. Witryny e-commerce korzystające z AMP odnotowują 20% wzrost sprzedaży i konwersji w porównaniu ze stronami innymi niż AMP:

AMP pomaga firmom tworzyć uproszczone, przejrzyste i trafne wersje ich stron internetowych, zapewniając użytkownikom szybsze korzystanie z internetu mobilnego.

Chartbeat przeanalizował dane ze stron 360 używających AMP od czerwca 2016 r. do maja 2017 r., aby dowiedzieć się, że typowy wydawca korzystający ze stron AMP odnotował 16% całego ruchu mobilnego na swoich treściach AMP.

Strony AMP ładują się około cztery razy szybciej niż standardowe strony internetowe, a użytkownicy angażują się o 35% bardziej w strony AMP niż w przypadku standardowych mobilnych stron internetowych:

Teraz, gdy wiemy, dlaczego powinieneś używać stron AMP, przyjrzyjmy się, jak działa AMP, jak wypada w porównaniu z responsywnym projektowaniem stron internetowych, artykułami błyskawicznymi na Facebooku i progresywnymi aplikacjami internetowymi.

3 podstawowe składniki AMP

Strony AMP składają się z następujących trzech podstawowych komponentów:

AMP HTML

AMP HTML to zasadniczo HTML z pewnymi ograniczeniami zapewniającymi niezawodną wydajność. Najprostszy plik AMP HTML wygląda tak:

Większość tagów w AMP HTML to zwykłe tagi HTML, jednak niektóre tagi HTML są zastępowane tagami specyficznymi dla AMP. Te niestandardowe tagi są nazywane komponentami AMP HTML i ułatwiają implementację typowych wzorców tagów w skuteczny sposób. Strony AMP są wykrywane przez wyszukiwarki i inne platformy za pomocą tagu HTML.

Możesz wybrać wersję inną niż AMP i wersję AMP swojej strony lub tylko wersję AMP.

AMP JavaScript (JS)

Biblioteka AMP JS zapewnia szybkie renderowanie stron AMP HTML. Biblioteka JS implementuje wszystkie najlepsze praktyki AMP dotyczące wydajności, takie jak wbudowany CSS i wyzwalanie czcionek, zarządza ładowaniem zasobów i udostępnia niestandardowe tagi HTML, aby zapewnić szybkie renderowanie strony.

AMP JS sprawia, że wszystko z zasobów zewnętrznych jest asynchroniczne, dzięki czemu nic na stronie nie może zablokować renderowania czegokolwiek. JS wykorzystuje również inne techniki wydajności, takie jak sandboxing wszystkich ramek iframe, wstępne obliczanie układu każdego elementu strony przed załadowaniem zasobów oraz wyłączanie wolnych selektorów CSS.

Pamięć podręczna AMP

Pamięć podręczna Google AMP służy do obsługi stron AMP HTML zapisanych w pamięci podręcznej. Pamięć podręczna AMP to oparta na proxy sieć dostarczania treści służąca do dostarczania wszystkich prawidłowych dokumentów AMP. Pamięć podręczna pobiera strony AMP HTML, buforuje je i automatycznie poprawia wydajność strony.

Aby zachować maksymalną wydajność, pamięć podręczna AMP ładuje dokument, pliki JS i wszystkie obrazy z tego samego źródła, które korzysta z protokołu HTTP 2.0.

AMP Cache ma wbudowany system walidacji, który potwierdza, że strona na pewno działa i nie zależy od sił zewnętrznych, które mogłyby spowolnić działanie strony. System walidacji działa na podstawie serii twierdzeń, które potwierdzają, że znaczniki strony są zgodne ze specyfikacją AMP HTML.

Dodatkowa wersja systemu walidacji jest dostępna przy każdej stronie AMP. Ta wersja jest w stanie rejestrować błędy walidacji bezpośrednio w konsoli przeglądarki podczas renderowania strony, co pozwala zobaczyć złożone zmiany w kodzie, które mogą mieć wpływ na wydajność i wrażenia użytkownika.

Trzy podstawowe komponenty AMP współpracują ze sobą, aby umożliwić szybkie wczytywanie stron. W następnej sekcji omówimy siedem technik optymalizacji, dzięki którym strony AMP są tak szybkie.

Wszystkie JavaScript AMP są wykonywane asynchronicznie

JavaScript może modyfikować każdy aspekt strony, ma moc blokowania konstrukcji DOM i opóźniania renderowania strony – oba czynniki prowadzą do wolnego ładowania strony. Aby upewnić się, że JavaScript nie opóźnia renderowania strony, AMP zezwala tylko na asynchroniczny kod JavaScript.

Strony AMP nie zawierają żadnego kodu JavaScript napisanego przez autora, zamiast tego wszystkie interaktywne funkcje strony są obsługiwane przez niestandardowe elementy AMP. Te niestandardowe elementy AMP mogą zawierać JavaScript, ale są starannie zaprojektowane, aby nie powodowały pogorszenia wydajności.

AMP obsługuje JavaScript innych firm w elementach iframe, ale nie może blokować renderowania strony.

Wszystkie zasoby są wymiarowane statycznie

Wszystkie zasoby zewnętrzne, takie jak obrazy, elementy iframe i reklamy, muszą określać swój rozmiar HTML, aby AMP mogła określić rozmiar i położenie każdego elementu przed pobraniem zasobów strony. AMP ładuje układ strony bez oczekiwania na pobranie jakichkolwiek zasobów.

AMP ma możliwość oddzielenia układu dokumentu od układu rozmiaru, do układu całego dokumentu wymagane jest tylko jedno żądanie HTTP. Ponieważ AMP jest zoptymalizowany, aby uniknąć kosztownych układów stylów i ponownych obliczeń w przeglądarce, nie ma żadnego ponownego układu po załadowaniu zasobów strony.

Mechanizmy rozszerzeń nie blokują renderowania

AMP nie pozwala mechanizmom rozszerzeń blokować renderowania strony, obsługuje rozszerzenia dla elementów takich jak lightboxy i osadzania w mediach społecznościowych, i chociaż wymagają one dodatkowych żądań HTTP, nie blokują układu strony i renderowania.

Jeśli strona używa niestandardowego skryptu, musi poinformować system AMP, że w końcu będzie miała niestandardowy tag, AMP następnie tworzy wymagany tag, aby strona nie zwalniała. Na przykład, jeśli tag amp-iframe informuje AMP, że będzie tag amp-iframe, AMP utworzy pole iframe, zanim dowie się, co ma zawierać.

Cały kod JavaScript innych firm jest trzymany poza ścieżką krytyczną

JavaScript innych firm używa synchronicznego ładowania JS, co zwykle spowalnia czas ładowania. Strony AMP zezwalają na JavaScript innych firm, ale tylko w piaskownicy iframe, w ten sposób ładowanie JavaScript nie może zablokować wykonywania strony głównej. Nawet jeśli JavaScript iframe w piaskownicy uruchamia wiele przeliczeń stylów, ich małe elementy iframe mają bardzo mało DOM.

Ponowne obliczenia iframe są wykonywane bardzo szybko w porównaniu do ponownego obliczania stylów i układu strony.

CSS musi być wbudowany i ograniczony rozmiarem

CSS blokuje renderowanie, blokuje również całe ładowanie strony i ma tendencję do powodowania wzdęć. AMP HTML zezwala tylko na style wbudowane, co usuwa jedno lub w większości wiele żądań HTTP z krytycznej ścieżki renderowania do większości stron internetowych.

Wbudowany arkusz stylów powinien mieć maksymalny rozmiar 75 kb, chociaż jest to wystarczająco duży dla bardzo wyrafinowanych stron, nadal wymaga od autora dobrej higieny CSS.

Wyzwalanie czcionek jest wydajne

Optymalizacja czcionek internetowych ma kluczowe znaczenie dla szybkiego ładowania, ponieważ czcionki internetowe są zwykle duże. Na typowej stronie zawierającej kilka skryptów synchronizacji i kilka zewnętrznych arkuszy stylów przeglądarka czeka z pobraniem czcionek do momentu załadowania wszystkich skryptów.

Struktura AMP deklaruje zero żądań HTTP, dopóki wszystkie czcionki nie zaczną się pobierać. Jest to możliwe tylko dlatego, że cały JavaScript w AMP ma atrybut asynchroniczny i dozwolone są tylko arkusze wbudowane, nie ma żądań HTTP blokujących przeglądarkę przed pobraniem czcionek.

Ponowne obliczenia stylu są zminimalizowane

Na stronach AMP wszystkie odczyty DOM mają miejsce przed wszystkimi zapisami, co zapewnia tylko jedno ponowne obliczenie stylów na klatkę – więc nie ma to negatywnego wpływu na wydajność renderowania strony.

Uruchamianie tylko animacji akcelerowanych przez GPU

Aby przeprowadzić szybkie optymalizacje, musisz uruchomić je na GPU. GPU działa w warstwach, wie, jak wykonać pewne czynności na tych warstwach – warstwy można przesuwać i ściemniać. Jednak gdy GPU nie może zaktualizować układu strony, zadanie to zostaje zlecone przeglądarce, a to nie jest dobre dla czasu ładowania strony.

Reguły dla CSS związanego z animacją zapewniają, że animacja może być akcelerowana przez GPU, co oznacza, że AMP zezwala tylko na animowanie i przechodzenie na transformację i przezroczystość, dzięki czemu układ strony nie jest wymagany.

Ładowanie zasobów ma priorytet

AMP kontroluje ładowanie wszystkich zasobów, nadaje priorytet ładowaniu zasobów i ładuje tylko to, co jest potrzebne, oraz wstępnie pobiera wszystkie leniwie ładowane zasoby.

Gdy AMP pobiera zasoby, optymalizuje pobieranie, tak aby najważniejsze zasoby były pobierane jako pierwsze. Wszystkie obrazy i reklamy są pobierane tylko wtedy, gdy użytkownik może je zobaczyć, jeśli znajdują się w części strony widocznej na ekranie lub jeśli użytkownik prawdopodobnie je przewinie.

AMP ma również możliwość wstępnego pobierania leniwie ładowanych zasobów, które są ładowane tak późno, jak to możliwe, ale są pobierane z wyprzedzeniem tak szybko, jak to możliwe. W ten sposób rzeczy ładują się bardzo szybko, ale procesor jest używany tylko wtedy, gdy zasoby są pokazywane użytkownikom.

Błyskawicznie ładuj strony

Nowy interfejs API wstępnego łączenia AMP jest intensywnie używany, aby zapewnić, że żądania HTTP są tak szybkie, jak to możliwe, gdy tylko zostaną wykonane. Z tego powodu strona jest renderowana, zanim użytkownik wyraźnie stwierdzi, że chciałby do niej przejść, strona może być dostępna do czasu, gdy użytkownik ją faktycznie zobaczy, dzięki czemu strona ładuje się natychmiast.

AMP jest zoptymalizowany pod kątem wykorzystywania przepustowości i procesora podczas wstępnego renderowania treści internetowych. Gdy dokumenty AMP są wstępnie renderowane do natychmiastowego wczytywania, zasoby znajdujące się w części strony widocznej na ekranie są faktycznie pobierane, a zasoby, które mogą zużywać dużo procesora, takie jak elementy iframe innych firm, nie są pobierane.

Możesz też skorzystać z poniższego filmu, aby dowiedzieć się, jak AMP przyspiesza Twoje strony w 7 sposobach:

Teraz, gdy wiemy, jak działa AMP, zobaczmy, jak AMP wypada w porównaniu z artykułami błyskawicznymi na Facebooku, responsywnym projektowaniem stron internetowych i progresywnymi aplikacjami internetowymi.

AMP kontra artykuły błyskawiczne na Facebooku

Facebook uruchomił artykuły błyskawiczne w 2015 roku, aby pomóc wydawcom zapewnić niezwykle szybkie i wciągające doświadczenie czytania dla ludzi na Facebooku. Natychmiastowe artykuły na Facebooku to:

10 razy szybciej niż standardowe mobilne artykuły internetowe
20% więcej Instant Artykułów jest czytanych średnio
70% czytelników jest mniej skłonnych do porzucenia szybkiego artykułu

Artykuły błyskawiczne pomagają wydawcom tworzyć szybkie i interaktywne artykuły na Facebooku. Zapewniają one następujące korzyści:

Szybki i responsywny: artykuły błyskawicznie ładują się natychmiast, bez względu na to, z jakiego połączenia lub urządzenia korzysta użytkownik. Artykuły są łatwe w użyciu, ponieważ przekształcają się w doświadczenie mobilnego opowiadania historii.
Interaktywne i wciągające: wciągające wrażenia z artykułów sprawiają, że są one bardziej interaktywne, dlatego artykuły błyskawiczne są udostępniane o 30% częściej niż artykuły w internecie mobilnym. Pomoc zwiększa zasięg Twoich historii w kanale aktualności.
Łatwa i elastyczna monetyzacja: Monetyzacja jest integralną częścią artykułów błyskawicznych. Aby rozwijać swoją firmę dzięki artykułom, możesz rozszerzyć reklamy sprzedawane bezpośrednio i wypełnić dostępne zasoby reklamowe za pomocą sieci odbiorców Facebooka, a nawet tworzyć natywne treści marki.

Strony AMP i artykuły błyskawiczne zapewniają użytkownikom szybki czas ładowania, co pomaga obniżyć współczynnik odrzuceń strony i zwiększyć zaangażowanie. W rzeczywistości artykuły błyskawiczne na Facebooku ładują się jeszcze szybciej niż strony AMP:

Jednak wskaźnik przyjęcia stron AMP jest znacznie wyższy niż w przypadku artykułów błyskawicznych, a dzieje się tak głównie dlatego, że Facebook coraz częściej stawia wideo nad artykułami tekstowymi w swoim kanale informacyjnym. Doprowadziło to do tego, że kilku wydawców przestało korzystać z artykułów błyskawicznych, w tym New York Times i The Guardian.

Według Parsley, Google wyprzedził Facebooka jako główne źródło ruchu zewnętrznego dla wydawców. Google odpowiada teraz za 42% zewnętrznego ruchu wydawców:

Kiedy Facebook uruchomił Instant Artykuły w Google, wyprzedził Google jako dominujące źródło ruchu do stron internetowych z mediami i treściami, jednak wraz z uruchomieniem i sukcesem AMP, Google powrócił na prowadzenie.

Sukces projektu AMP polega na tym, że jest to inicjatywa open-source, a nie partnerstwo biznesowe. Zamiast ograniczać użytkowników do konkretnej aplikacji, tak jak zrobił to Facebook z artykułami błyskawicznymi, projekt AMP ma na celu zmianę sposobu, w jaki wydawcy tworzą mobilne strony internetowe.

AMP a responsywne projektowanie stron internetowych (RWD)

Tworzenie witryn przyjaznych dla urządzeń mobilnych jest priorytetem dla marketerów od czasu, gdy Google uruchomił Mobilegeddon na początku 2015 roku. Responsywne projektowanie stron internetowych ma na celu pomóc w tworzeniu stron internetowych, które skupiają się na elastyczności. Responsywna strona internetowa działała na dowolnym urządzeniu lub ekranie, zapewniając lepsze, bardziej zaangażowane korzystanie z Internetu mobilnego.

Zasadniczo, AMP i Responsive Web Design wykorzystują prawie te same podstawowe elementy konstrukcyjne do tworzenia strony mobilnej, tj. HTML i JavaScript. Jednak mają swój zestaw różnic, które je wyróżniają, takie jak:

1. RWD koncentruje się na elastyczności: Responsive Web Design zwiększa elastyczność Twojej witryny. Możesz utworzyć stronę, która automatycznie reaguje na rozmiar ekranu odwiedzającego, dzięki czemu Twoja strona będzie w stanie zapewnić użytkownikom dobre wrażenia na urządzeniach mobilnych na różnych rozmiarach ekranu. Responsive Web Design nie koncentruje się wyłącznie na urządzeniach mobilnych, ale działa na wszystkich urządzeniach i wszystkich doświadczeniach użytkowników.

2. AMP koncentruje się na szybkości: platforma AMP o otwartym kodzie źródłowym koncentruje się na szybkości, a konkretnie na szybkości strony mobilnej. AMP wprowadziła natychmiastowe renderowanie treści w internecie mobilnym. Wykorzystując wbudowane arkusze stylów, leniwe ładowanie, wstępne pobieranie zasobów i inne techniki optymalizacji, platforma jest w stanie natychmiast ładować strony mobilne.

3. AMP współpracuje ze stroną internetową, RWD zastępuje stronę internetową: chociaż można używać AMP wyłącznie na swoich stronach, AMP można również dodać do istniejącej nieresponsywnej lub responsywnej witryny internetowej bez przeprojektowywania witryny. Aby jednak strona była responsywna, musisz ją przeprojektować.

4. AMP zapewnia lepsze wrażenia użytkownika: Istnieją dwa główne czynniki, które określają wrażenia użytkownika mobilnego, tj. elementy strony są przyjazne dla urządzeń mobilnych i szybkość. Chociaż responsywne projektowanie stron internetowych dobrze radzi sobie ze skalowaniem elementów strony, aby dopasować je do ekranu użytkownika, zawodzi strasznie szybko w porównaniu ze stronami AMP.

5. AMP ma ograniczenia JavaScript: responsywne projektowanie stron internetowych faworyzuje wszystkie skrypty i biblioteki multimediów innych firm, tego samego nie można powiedzieć o stronach AMP. Aby strony ładowały się szybko, framework AMP ma bardzo ograniczone funkcjonalności JavaScript i CSS.

AMP sprawdza się dobrze w przypadku stron statycznych – stron, które nie zawierają dużej ilości dynamicznej treści, podczas gdy RWD może być używane dla każdego typu strony. Jednak responsywne strony internetowe ładują się trochę zbyt długo, co powoduje, że odwiedzający się odbijają i prawdopodobnie nigdy nie wracają. Jeśli chcesz zapewnić użytkownikom szybkie i responsywne wrażenia na urządzeniach mobilnych, rozważ użycie stron AMP.

AMP a progresywne aplikacje internetowe (PWA)

Progressive Web Apps to mobilna aplikacja internetowa dostarczana przez sieć, zachowuje się jak aplikacja natywna, główna różnica między PWA a aplikacjami natywnymi polega na tym, że PWA nie trzeba pobierać z Google lub App Store.

Progresywne aplikacje internetowe działają w przeglądarce internetowej, dzięki czemu ładują się natychmiast, nawet jeśli Twoje połączenie internetowe nie jest zbyt silne. PWA wykorzystuje wstępne buforowanie, aby zapewnić aktualizację aplikacji, dzięki czemu użytkownik może zobaczyć tylko najnowszą wersję.

Zapotrzebowanie na progresywne aplikacje internetowe wynikało z faktu, że 1000 najlepszych witryn mobilnych dociera do 4 razy więcej osób niż 1000 najlepszych aplikacji natywnych. Jednak te witryny angażują użytkowników średnio 20 razy krócej niż aplikacje mobilne.

Co zasadniczo oznacza, że witryny mobilne są w stanie przyciągać użytkowników, ale ich nie angażują.

PWA zostały zaprojektowane tak, aby wyglądały, działały i działały tak, jak robią to natywne aplikacje mobilne. Użytkownicy napotykają je w przeglądarce, tak jak w każdej witrynie mobilnej. Po wejściu w interakcję z tą witryną użytkownik jest proszony o zainstalowanie aplikacji internetowej na swoim urządzeniu. Jeśli zdecydują się na instalację, aplikacja zostanie pobrana na ich urządzenie tak, jak zrobiła to aplikacja natywna.

PWA to:

Niezawodne – ładują się natychmiast nawet w słabych warunkach sieciowych.
Szybko – szybko reaguj na interakcje użytkownika dzięki płynnym animacjom i bez szarpnięcia przewijania.
Angażujące — czują się jak natywna aplikacja na urządzeniu, zapewniając wciągające wrażenia użytkownika.

Gdy mobilna aplikacja internetowa spełnia niezbędne wymagania określone przez Google, mobilna aplikacja internetowa może być oferowana użytkownikom do pobrania.

Oto kluczowe różnice między AMP a PWA:

Możesz użyć AMP wyłącznie do stworzenia szybkiego, ale prostego doświadczenia. Możesz polegać na progresywnej aplikacji internetowej, aby stworzyć dynamiczne, ale wolniejsze środowisko użytkownika. Możesz też szybko zacząć i pozostać szybkim, włączając oba te elementy do swojego projektu internetowego.

Obecnie coraz powszechniejsze stają się zastosowania AMP wraz z progresywnymi aplikacjami internetowymi, a programiści wykorzystują oba te sposoby na trzy sposoby.

1. AMP jako progresywna aplikacja internetowa

Jeśli Twoje treści są głównie statyczne i możesz zadowolić się ograniczoną funkcjonalnością AMP, ta opcja umożliwia tworzenie błyskawicznych doświadczeń jako progresywnej aplikacji internetowej. AMP na przykład jest zbudowany w ten sposób — progresywna aplikacja internetowa całkowicie naładowana AMP. Posiada pracownika serwisu, który umożliwia dostęp w trybie offline, a także manifest, który wyświetla baner „Dodaj do ekranu głównego”.

2. AMP do progresywnej aplikacji internetowej

Innym sposobem na jednoczesne używanie AMP i progresywnej aplikacji internetowej jest myślenie o stronie AMP jako zaczepie do Twojej witryny. Łapie użytkownika natychmiastowym obciążeniem, a następnie wciąga go do progresywnej aplikacji internetowej. Pozwala to połączyć szybko ładujące się strony AMP z bardziej dynamicznym PWA niż pierwsza opcja.

3. AMP w progresywnej aplikacji internetowej

Podobnie jak w przypadku AMP vs. PWA, nie musi to być wszystko albo nic. Nie musisz budować wszystkich swoich stron za pomocą AMP; nie musisz również oddzielać AMP i PWA jako haczyka i pręta. Teraz możesz w rzeczywistości AMP tylko niewielką podsekcję pojedynczej strony, zmniejszając w ten sposób jej rozmiar i skracając czas ładowania bez całkowitego kompromisu w zakresie funkcji dynamicznych.

Wiąże się to z użyciem innej formy AMP o nazwie „Shadow AMP”, która umożliwia zagnieżdżanie AMP w obszarze strony internetowej. Wynikiem jest AMP w powłoce progresywnej aplikacji internetowej.

Washington Post przedstawia idealny przykład współpracy PWA i AMP, aby zapewnić lepsze zaangażowanie i krótsze czasy ładowania. Kiedy Washington Post początkowo reagował na swoją stronę internetową, ich prędkość wynosiła 3500 ms. Kiedy przyjęli AMP, czas ładowania strony został skrócony do 1200 ms, a następnie został skrócony do 400 ms za pomocą technologii AMP CDN.

Po zaadoptowaniu PWA w celu zmniejszenia obciążenia witryny użytkownicy mogli cieszyć się błyskawicznym ładowaniem strony bez żadnych przerw i lepszym doświadczeniem użytkownika.

Projekt Accelerated Mobile Pages umożliwia tworzenie stron mobilnych, które ładują się natychmiast, pomagając odwiedzającym lepiej angażować się w stronę zamiast odbijać się. Techniki optymalizacji związane z tworzeniem stron AMP nie tylko przyspieszają ładowanie strony, ale także zapewniają odwiedzającym dobre wrażenia użytkownika.

W następnej sekcji skupimy się na dokładnych korzyściach, jakie uzyskujesz, korzystając z platformy AMP na swoich stronach.

SEKCJA 3: Korzyści i ograniczenia AMP

AMP zapewnia szybsze ładowanie stron internetowych, co pomaga w zadowoleniu użytkownika i utrzymuje odwiedzających dłużej na stronie. AMP używa AMP HTML, który pomaga szybciej ładować strony mobilne. W rzeczywistości według Gary'ego Illayesa z Google średni czas ładowania stron AMP wynosi 1 sekundę, czyli 4 razy szybciej niż przeciętna standardowa strona HTML.

Omówiliśmy już związek między współczynnikiem odrzuceń strony a szybkością strony i widzieliśmy szczegółowy opis działania AMP i jego porównania z PWA, RWD i artykułami błyskawicznymi na Facebooku.

W tej części przewodnika skupimy się na korzyściach i ograniczeniach związanych z AMP, pomagając w uzyskaniu szczegółowego opisu tego, co robisz w sklepie podczas tworzenia stron AMP.

Korzyści z AMP

Gdy Twoja mobilna strona internetowa ładuje się szybciej, automatycznie poprawiasz wrażenia użytkownika i wskaźniki KPI. Dzięki błyskawicznemu ładowaniu stron AMP możesz oferować użytkownikom niezmiennie szybkie korzystanie z Internetu na wszystkich urządzeniach i platformach, takich jak Google, LinkedIn i Bing.

AMP oferuje Twoim stronom mobilnym następujące korzyści.

Angażuje odbiorców

Mediana czasu wczytywania stron AMP wynosi poniżej jednej sekundy, co oznacza, że gdy użytkownik trafia na stronę AMP, natychmiast otrzymuje to, czego szukał. Ponieważ strona wczytuje się natychmiast, dłużej angażują się w nią i są bardziej otwarci na zapoznanie się z Twoją ofertą, co zwiększa prawdopodobieństwo wykonania czynności, o które prosiłeś.

Maksymalizuje przychody

Każda dodatkowa sekunda, jaką Twoja strona potrzebuje na wczytanie konwersji, spada o 12%. Oznacza to, że jeśli chcesz zaangażować odbiorców i zwiększyć ROI, musisz upewnić się, że Twoja strona mobilna spełnia oczekiwania użytkowników dotyczące szybkości.

Struktura AMP pozwala zapewnić użytkownikom szybsze działanie w dowolnym miejscu – w tym w reklamach, stronach docelowych po kliknięciu i witrynach internetowych.

Zachowaj elastyczność i kontrolę

Po zaadoptowaniu formatu AMP masz możliwość zachowania własnego brandingu przy jednoczesnym korzystaniu z komponentów internetowych zoptymalizowanych pod kątem AMP. Możesz używać CSS do dostosowywania stylu swojej strony internetowej i używać zawartości dynamicznej do pobierania danych tam, gdzie jest to potrzebne.

Możesz również użyć testów A/B, aby przetestować i stworzyć jak najlepsze wrażenia z użytkowania urządzeń mobilnych dla swoich klientów.

Zmniejsz złożoność swoich operacji

Proces tworzenia stron AMP jest dość prosty i bezpośredni. Masz możliwość przekonwertowania całego archiwum, zwłaszcza jeśli korzystasz z CMS, w tym Drupala i WordPressa.

Nie musisz mieć żadnych specjalnych umiejętności, aby zoptymalizować kod dla każdej strony AMP, format AMP jest w pełni przenośny, a strony AMP są stale szybkie, niezależnie od tego, jak użytkownik do nich dotrze.

Zmaksymalizuj ROI

Po utworzeniu strony AMP mogą być dystrybuowane jednocześnie na wielu różnych platformach dystrybucyjnych. Dzięki temu możesz wyświetlać reklamy zarówno na stronach AMP, jak i innych niż AMP, co oznacza, że możesz utworzyć reklamy raz i wszędzie zapadać w pamięć.

Stwórz zrównoważoną przyszłość

Projekt AMP to inicjatywa typu open source, która chroni przyszłość sieci, pomagając wszystkim w zapewnianiu lepszych i szybszych doświadczeń użytkowników mobilnych. Możesz dołączyć do projektu AMP i budować zrównoważoną przyszłość swojej firmy w otwartej, szybszej sieci, dołączając do projektu AMP.

Zapewnij lepsze wrażenia użytkownika

Oczywiście najbardziej oczywistą zaletą korzystania z przyspieszonych mobilnych stron docelowych po kliknięciu jest to, że zapewniają one znacznie większą satysfakcję użytkowników. Kiedy jedna na dwie osoby nie może zawracać sobie głowy czekaniem zaledwie 10 sekund na załadowanie strony, przyspieszenie procesu o 15-85% może mieć ogromny wpływ na zadowolenie odwiedzających.

Uzyskaj wzrost SEO

Algorytm Google bierze pod uwagę szybkość strony i responsywność na urządzeniach mobilnych. Im szybciej Twoja strona ładuje się na urządzeniu mobilnym, tym wyższy będzie jej ranking na stronach wyników wyszukiwania.

Wszystkie strony obsługujące AMP będą wyświetlane w formacie karuzeli nawet nad płatnymi reklamami w wynikach wyszukiwania, które mają pod tytułem zieloną błyskawicę.

Chociaż korzystanie ze stron AMP zapewnia wiele korzyści, istnieją również pewne wady AMP.

Brak JavaScriptu innych firm

Ponieważ nie masz możliwości korzystania z języka JavaScript innych firm, musisz pożegnać się z funkcjami analitycznymi i śledzącymi, które umożliwiają dostarczanie wysoce ukierunkowanych reklam.

Nie tylko to, ale dzięki lżejszej wersji JavaScript Google, elementy strony, które wymagają przesyłania danych, nie mogą być używane na stronach AMP.

Brak śledzenia Google Analytics

Google używa buforowanej wersji stron AMP dla użytkowników zamiast dostępu do Twoich serwerów, jest to jeden z powodów, dla których strony AMP ładują się tak szybko. Mimo że pamięć podręczna umożliwia szybsze wczytywanie stron, Google Analytics nie śledzi wizyt użytkowników, chyba że skonfigurujesz GA i zastosujesz oddzielne kody śledzenia do stron AMP.

Oto, jak możesz śledzić strony AMP w Google Analytics za pomocą Menedżera tagów Google.

Strony AMP mają swoje zalety i wady, jednak jeśli chcesz zapewnić odwiedzającym szybkie i zoptymalizowane korzystanie z urządzeń mobilnych, zalety AMP zdecydowanie przeważają nad wadami.

W następnej sekcji zostaną przedstawione studia przypadków firm, które wykorzystywały AMP do realizacji kluczowych wskaźników wydajności i zwiększenia ROI.

CZĘŚĆ 4: Historie sukcesu AMP

Kiedy mówimy o mobilnych stronach internetowych, szybkość równa się przychodom. Badania przeprowadzone przez SOASTA pokazują, że nawet 100 ms opóźnienia w czasie ładowania strony może prowadzić do niższych konwersji:

Aby podkreślić wpływ, jaki AMP może mieć na mobilne strony internetowe, firma Google zleciła firmie Forrester Consulting przeprowadzenie pełnego badania Economic Impact™ wśród wydawców i witryn handlu elektronicznego korzystających z AMP.

Badanie zwraca uwagę na 4 firmy internetowe, które korzystały z formatu AMP. Analizując wyniki 4 firm, Forrester stworzył model do prognozowania oczekiwanego zwrotu z wdrożenia AMP w okresie trzech lat.

Korzystając z tego modelu, witryna z miesięczną liczbą odwiedzin w witrynie wynoszącą 4 miliony i 10% marżą zysku może spodziewać się zwrotu kosztów wszczepiania stron AMP i uzyskania pozytywnych zysków w okresie krótszym niż 6 miesięcy:

Oto podstawowe wyniki uzyskane z badania:

20% wzrost współczynnika konwersji sprzedaży. Testy A/B przeprowadzone przez dwie witryny e-commerce ankietowane w tym badaniu wykazały 20% wzrost współczynnika konwersji na ich stronach AMP, co przyniosłoby ponad 200 000 USD rocznego zysku, w oparciu o model Forrestera.
Wzrost ruchu w witrynie AMP o 10% rok do roku. Wzrost ruchu w witrynie skutkuje dodatkową sprzedażą i wyświetleniami reklam, co w oparciu o model przyniosłoby ponad 75 000 USD rocznego zysku dla witryny w pierwszym roku.
60% wzrost liczby stron na wizytę. Strony AMP osiągnęły pozytywne wyniki dla e-commerce i wydawców wiadomości, którzy stwierdzili, że liczba osób odwiedzających witrynę wzrosła o 60%, a osoby te spędziły na niej dwa razy dłużej, przy niewielkim wzroście liczby powracających odwiedzających o 0,3%.

AMP to stosunkowo nowy format i oczywiście trzeba ponieść pewne koszty z jego przyjęciem. Jednak korzyści z wdrożenia formatu AMP przewyższają początkowy koszt.

Gizmodo używa stron AMP, aby stać się 3 razy szybszym na urządzeniach mobilnych

Gizmodo koncentruje się na doświadczeniu użytkownika, a połowa ruchu pochodzi z ich witryny mobilnej, dlatego zapewnienie, że witryna jest szybka i przejrzysta, było niezbędne, jeśli chcieli, aby czytelnicy angażowali się w ich treści na urządzeniach mobilnych.

The blog implemented a number of optimization techniques in order to increase their mobile engagement, such as improving page load times, removing unnecessary page scripts, lazy loading for below the fold page elements, and setting a fallback font for web fonts. Still Gizmodo team thought something more could be done to improve user experience for mobile users.

Head of Gizmodo's Data Analytics, Josh Laurito felt this was their main challenge:

We delivered the same (large) JavaScript & CSS payloads to users on mobile and desktop, making it difficult to improve one experience without degrading the other.

Gizmodo found the solution to their problem by implementing the AMP framework in May 2016, and is currently publishing all their posts on AMP pages, they are even creating AMP versions of their previous posts.

Gizmodo has now published over 24,000 AMP pages and is receiving 100k visits to these pages daily:

AMP has helped make Gizmodo mobile pages 3x faster than the regular mobile website, and over 80% of Gizmodo's traffic from AMP pages is new traffic compared to under 50% of all mobile sessions. Plus, the blog has a 50% increase in impressions per page view on AMP.

TransUnion increases conversions with AMP

TransUnion had a problem of slow loading mobile pages that were causing higher bounce rates and lower mobile conversion rates compared to desktop conversion rates. The credit reporting agency wanted to create a best-in-class mobile website on their CMS, HP TeamSite to improve user experience and get the high return on investment.

TransUnion started using AMP with the hope of increasing mobile conversions at an efficient cost per order. As their website was already mobile friendly, TransUnion didn't need to redesign the content – they went online with AMP pages in a week.

The AMP pages loaded in 1.6 seconds on a 3G connection compared the non-AMP pages that loaded in 7.1 seconds. TransUnion's AMP pages quickly starting bringing 3% more conversions, bounce rate was lowered by 26% and users spent 2.5x more amount of time on the website:

Implementing AMP pages provides users with a faster mobile experience which leads to a decrease in bounce rates and an increase in conversions.

When engaging mobile visitors, creating AMP pages gives you the highest probability of engagement and conversions.

The next section will highlight the importance of AMP post-click landing pages, and how connecting optimized AMP ad post-click landing pages leads to better post-click landing page.

SECTION 5: Why you should create AMP post-click landing pages

The stats have spoken – fast loading pages lead to a lower bounce rate and higher conversions. The best way to create lightning-fast pages is with the AMP framework.

Though the AMP framework was first developed for news stories and articles, it has since then evolved to include AMP Ad post-click landing pages as well.

To ensure that mobile users experience doesn't stay restricted to websites, the AMP framework has introduced AMP Ad post-click landing pages – pages created in AMP HTML that load incredibly fast, in less than one second.

The Accelerated post-click landing page or (ALP) loads fast because of the following optimization techniques:

Pre-connect to post-click landing page: Typical ads don't know the URL of the actual post-click landing page. However, ads connected with ALPs always know the URL, this initiates a pre-connect request to the respective post-click landing page, and the page loads instantly.
Pre-fetch post-click landing pages: The non-CPU intensive resources that are visible on the first viewport of the post-click landing page are downloaded before the user clicks the ad, so the page loads instantly.
Using Google Cache URL: when you input a canonical destination URL for a creative, the ad server can switch it to the AMP version of the URL (with trafficker consent) using the AMP URL API. The ad server can also embed code required by the creative to pre-fetch and pre-connect to the post-click landing page. Ad servers like DoubleClick for Publishers (DFP) are integrating such features over the next couple of quarters to make trafficking of AMP post-click landing pages easy.
No redirects: AMP eliminates redirects to the ad server, AMP only initiates redirect requests once the user has landed on the post-click landing page. The format supports the amp-pixel component for third-party tracking redirects which can be performed on the post-click landing page.

Strony docelowe po kliknięciu konstruowane przez AMP zostały zaprojektowane z myślą o kontynuacji usprawnionego środowiska mobilnego, które użytkownicy inicjują po kliknięciu mobilnej reklamy AMP.

Here's how AMP Ad post-click landing pages compare to regular ad post-click landing pages:

This is how fast an ALP loads once the ad is clicked, not only that but the user can easily go back to the content they were reading before the clicked the ad:

Accelerated post-click landing pages give a better post-click landing page to visitors because:

Users will be more willing to click on ads when they know their ad expectations will be met.
Marketers will benefit from increased user engagement, lower bounce rate and higher conversions.
Marketers will benefit from boosted revenue with better ads while allowing their readers a way back to their content.

Creating ALPs seems like a no-brainer when you consider the fact that Google looks at post-click landing page experience as one factor to determine ad rank, which ultimately contributes to your click-through rate.

And while publishers have embraced frameworks like AMP to speed up web content delivery on mobile devices, the marketing industry has not yet caught up. As more consumers and B2B buyers spend more time on mobile, marketers and advertisers are forced to adapt with mobile-optimized campaigns.

Businesses that are using AMP pages are already seeing massive ROI, so what's holding you back from creating Accelerated post-click landing pages?

How to create AMP pages with Instapage

In February 2018 we announced our partnership with Google to develop Accelerated Mobile Pages (AMP) functionality in the Instapage platform. They invited us to speak at their global AMP Conference where we discussed How to Balance AMP Limitations with Optimization Features.

Fast forward to May 2018 and Instapage now empowers marketers with the ability to create post-click landing pages using the AMP framework. The AMP framework allows for faster page load speeds on mobile devices, enabling you to provide a better user experience for mobile browsing.

With this new Instapage capability, digital marketers can create AMP post-click landing pages directly from our platform in a matter of minutes just by following these steps.

Step 1: Create a new page

Select AMP Page from the modal:

The next screen prompts you to name the page. This is different than the standard builder where it asks which template you wish to use (or build from scratch). AMP pages are built from scratch, so no template options are available.

Step 2: Add elements to the page

The second difference you will see is that Timer and HTML widgets are absent from the toolbar, but you still have the remaining widgets:

AMP does not support HTML/CSS or JavaScript so you won't find those settings in the Instapage AMP builder. You will, however, still see these options:

Note: Collaboration (“Comment”) and Instablocks™ are both functional within the AMP builder. Unfortunately, heatmaps and Global Blocks are not applicable.

AMP post-click landing pages have a 75KB limit, and each widget in the Instapage AMP builder is weighted. As you build a page, a validator operates in the background so that your page doesn't exceed the 75KB limit. If you reach 80% of the limit, this warning indicator appears near the bottom of the screen:

Step 3: Create a variation to A/B test

Click “Create an A/B Test” and add a new variation or import one of your own:

With the new variation, you can either duplicate, pause, rename, transfer, or delete it at any time:

Step 4: Validate the page

As you continue building and approach the 75KB limit, another indicator appears requesting you validate the page to confirm it is within acceptable limits:

Should the page pass validation, you will see this on-screen message:

Gdy skończysz i klikniesz Opublikuj, otrzymasz powiadomienie, jeśli przekroczysz limit 75 KB:

Po weryfikacji Twoja strona jest gotowa do opublikowania.

Krok 5: Opublikuj

WordPress i domeny niestandardowe mogą publikować strony docelowe AMP po kliknięciu w Instapage. Możesz wybrać dowolną metodę po kliknięciu niebieskiego przycisku publikowania:

W przypadku WordPress zainstaluj i zaloguj się do wtyczki Instapage w swojej witrynie i opublikuj nową stronę docelową AMP po kliknięciu w WordPress:

W przeciwnym razie wprowadź swoją domenę i subdomenę:

Gdy tylko strona będzie aktywna, zobaczysz logo AMP obok strony w panelu:

Jeśli Twoje strony mobilne charakteryzują się wysokimi współczynnikami odrzuceń i niskim zaangażowaniem użytkowników ze względu na wolne ładowanie strony, tworzenie stron AMP jest świetnym rozwiązaniem.

Platforma AMP wdraża techniki optymalizacji, które pomagają nie tylko zwiększyć szybkość strony, ale także zapewniają użytkownikom wspaniałe wrażenia mobilne. Tworzenie stron docelowych po kliknięciu reklam AMP pomaga dostarczać użytkownikom zoptymalizowane, szybkie i trafne strony docelowe po kliknięciu.

Instapage to obecnie jedyna platforma stron docelowych po kliknięciu, która umożliwia tworzenie zoptymalizowanych pod kątem urządzeń mobilnych stron docelowych po kliknięciu przy użyciu struktury AMP Google. Strony docelowe po kliknięciu utworzone za pomocą AMP mają niemal natychmiastowe ładowanie i płynne przewijanie.

Już dziś zacznij tworzyć strony AMP za pomocą Instapage, aby poprawić jakość przeglądania na urządzeniach mobilnych, poprawić wyniki jakości i generować więcej konwersji.