Przewodnik po AMP i PWA

AMP i PWA z pewnością będą dwoma najczęściej omawianymi tematami content marketingu w nadchodzącym roku. W tym przewodniku przedstawimy kluczowe informacje na temat obu, w tym zwięzłe definicje AMP i PWA oraz sposoby ich wykorzystania do dostarczania treści. Omówimy również różne sposoby wykorzystania AMP i PWA do osiągania celów marketingowych, zwłaszcza w odniesieniu do SEO.

Co to jest projekt AMP (Accelerated Mobile Pages Project)?

AMP oznacza przyspieszone strony mobilne – i zasadniczo to właśnie Ci daje.

Strony AMP zawierają zasadniczo tę samą treść, co istniejąca strona internetowa, na przykład artykuł online. Treść dostarczana jest użytkownikom mobilnym w uproszczonym formacie, opartym na unikalnym języku AMP HTML, który łączy proste elementy HTML i CSS oraz ogranicza użycie JavaScript. Oznacza to, że strony AMP ładują się znacznie szybciej niż oryginalne strony, na których są zwykle oparte.

Użytkownicy wyszukiwarki mobilnej po raz pierwszy uzyskali dostęp do treści AMP w lutym 2016 r., kiedy Google zaczął wyświetlać wersje stron AMP w wynikach wyszukiwania. W chwili pisania tego tekstu treści AMP na stronach wyników wyszukiwania mobilnego są dostarczane zarówno w formacie karuzeli, jak i polecanych artykułów, w każdym przypadku umożliwiając użytkownikowi przeglądanie odpowiednich treści z wielu źródeł. Treść jest oznaczona w wynikach wyszukiwania Google ikoną AMP przedstawioną jako biała błyskawica w niebieskim kółku.

Najłatwiejszym sposobem tworzenia treści AMP, nadających się do wyświetlania w funkcjach wyszukiwania Google AMP, jest edycja kodu HTML istniejącej treści na format AMP HTML, a następnie sprawdzenie poprawności strony i przygotowanie jej do wykrycia. Amp.dev oferuje programistom prosty samouczek dotyczący konwersji strony HTML na stronę AMP HTML.

Strony AMP prawie zawsze odnoszą się kanonicznie do innych stron. Oznacza to, że ich adres URL ma „kanoniczny” tag rel, który informuje wyszukiwarki, że strona jest taka sama jak strona w Twojej witrynie. Wersja strony bez AMP ma pierwszeństwo z punktu widzenia SEO.

Istnieje kluczowy wyjątek od tej reguły, w postaci witryn tylko AMP, które są obecnie tworzone przez niektórych wydawców internetowych.

John Mueller, analityk trendów Google dla webmasterów, poinformował webmasterów, że strony internetowe tylko AMP mogą być dobrą rzeczą:

„Nie widzę problemu z używaniem witryny tylko AMP – to świetna platforma do stosunkowo łatwego tworzenia szybkich witryn. Ponieważ jest to zasadniczo HTML, będzie działać tak samo, jak każda inna strona HTML. Wspaniale jest widzieć, jak pojawia się więcej witryn tylko AMP, może to znacznie ułatwić (do przeszukiwania, indeksowania i ogólnie SEO), gdy masz tylko jeden adres URL dla każdego fragmentu treści!”

Jeśli chcesz przetestować własną witrynę obsługującą tylko AMP, zalecamy skonfigurowanie jej w WordPressie i użycie wtyczki AMP for WP – Accelerated Mobile Pages.

AMP to ciągły projekt typu open source z aplikacjami w poczcie e-mail i reklamami, a także treściami internetowymi. Aby uzyskać pełne, aktualne informacje o projekcie, odwiedź Amp.dev.

Co to są PWA i dlaczego powinienem zacząć z nich korzystać?

Progresywna aplikacja internetowa (PWA) to aplikacja internetowa, która rozszerza stronę internetową o funkcje i elementy doświadczenia użytkownika (UX), które tradycyjnie znajdowały się głównie w aplikacjach natywnych. Innymi słowy, sprawiają, że zawartość internetowa zachowuje się jak zawartość aplikacji.

Środowisko użytkownika PWA składa się z następujących kroków:

1. Użytkownik otwiera stronę PWA za pomocą swojego urządzenia mobilnego. Działa jak normalna strona internetowa;
2. Użytkownik otrzymuje monit o dodanie strony do ekranu głównego swojego urządzenia;
3. Użytkownik akceptuje monit. Strona pojawi się i będzie działać jako aplikacja na ich ekranie głównym.
4. Bieżący UX strony/PWA posiada elementy typowe dla natywnego UX aplikacji.

Przekształcenie treści internetowych w PWA to zadanie dla Twojego programisty, które wymaga umiejętności w zakresie HTML i JavaScript.

Google ma obszerne kryteria określające, co stanowi „podstawowe” PWA lub „przykładowe” PWA.

Podstawowe PWA:

• są obsługiwane przez HTTPS
• Reagują na tablety i urządzenia mobilne
• Zawierają adresy URL, które będą ładowane w trybie offline
• Podaj metadane dla „Dodaj do ekranu głównego”
• Ładuj szybko, nawet w 3G
• Praca w różnych przeglądarkach (w tym w Chrome, Edge, Firefox i Safari)
• Zapewnij szybkie przejście między stronami
• Miej dedykowany adres URL dla każdej strony

Spełnienie tych kryteriów ma kluczowe znaczenie dla rentowności i potencjalnego zasięgu PWA (lub przyszłego PWA) w przeglądarce Google Chrome.

Kryteria dla Przykładowych PWA są bardziej szczegółowe. Zobacz listę kontrolną progresywnych aplikacji internetowych Google, aby uzyskać pełne informacje.

PWA oferują szereg korzyści. Po pierwszym załadowaniu zwykle ładują zawartość szybciej niż większość tradycyjnych stron internetowych. Pomaga to utrzymać uwagę użytkownika podczas przeglądania wielu elementów treści, ponieważ zawęża okno czasu, w którym może on odejść z powodu powolnego ładowania treści. Jeśli chcesz zachęcić użytkowników do konsumowania serii elementów zawartości po kolei, rozsądnym rozwiązaniem byłoby dostarczenie tej zawartości za pośrednictwem PWA.

Inną kluczową zaletą jest to, że PWA mogą zapewnić markom stałą obecność na ekranie głównym urządzenia mobilnego użytkownika. Ta okazja jest na czasie, ponieważ wielu wydawców stara się konkurować na zatłoczonym rynku aplikacji natywnych, gdzie utrzymanie aplikacji po 90 dniach wynosi zaledwie 4%, a użytkownicy spędzają 77% całkowitego czasu użytkowania aplikacji na swoich 3 najlepszych aplikacjach (źródło: Statystyki pobierania i użytkowania aplikacji (2019) — Business of Apps).

Aplikacje PWA mogą zmienić zasady gry dla wydawców skierowanych do odrzutowców lub czytelników wiejskich, ponieważ mogą ładować treści, gdy użytkownik jest offline.

Jedną z potencjalnych wad PWA jest to, że czasami wydają się działać nieprzewidywalnie w wynikach wyszukiwania Google.

Według Ignite Visibility strony mające na celu indeksowanie treści przez PWA do celów SEO powinny „albo mieć bazę HTML i ładować progresywną aplikację internetową, [lub] używać narzędzia takiego jak prerender.io i/lub pushstate”.

Oparta na społeczności witryna PWA Stats prowadzi na żywo listę statystyk dotyczących wyników, jakie marki uzyskały po przejściu na PWA, od skróconego czasu ładowania Tindera po zwiększone przychody dla Best Western.

Jaka jest różnica między AMP a PWA?

Istnieje powszechne błędne przekonanie, że AMP i PWA to konkurencyjne technologie służące temu samemu celowi.

Chociaż prawdą jest, że kluczową rolą obu technologii jest szybsze ładowanie treści dla użytkownika, AMP i PWA mają wyraźne mocne i słabe strony oraz zastosowania taktyczne z perspektywy marketera.

Strony AMP oferują niezrównanie szybkie czasy ładowania przy pierwszym kliknięciu. Dzięki temu idealnie nadają się do przyciągania nowych czytelników, ponieważ zmniejsza się prawdopodobieństwo, że użytkownicy będą się odbijać z powodu wolnego ładowania. Mają też doskonałą wykrywalność w wynikach wyszukiwania Google. Jednak AMP nie obsługuje zaawansowanych funkcji platformy, takich jak zawartość dynamiczna i powiadomienia push.

Strony PWA ładują się stosunkowo wolno przy pierwszym załadowaniu, ale potem ładują się bardzo szybko od drugiego, co może zapewnić lepsze czasy ładowania i zmniejszony współczynnik odrzuceń w trwającej relacji między czytnikiem a treścią. Ponadto aplikacje PWA mogą obsługiwać zaawansowane funkcje platformy, takie jak treści dynamiczne, przeglądanie offline i powiadomienia push, zapewniając w ten sposób marketerom więcej sposobów wpływania na podróże użytkowników i zwiększania konwersji.

Wydawcy internetowi mogą łączyć zalety AMP i PWA, używając tych dwóch technologii razem. Instapage opisuje jedno z takich podejść w swoim artykule na temat PWA vs AMP:

„[Pomyśl] o swojej stronie AMP jako o haczyku 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 dynamicznym PWA [..]”.

Inną opcją jest włączenie funkcji PWA na stronie AMP.

Alternatywnie możesz zdecydować się na stworzenie PWA przy użyciu AMP. Ta metoda opiera się na pisaniu PWA w AMP HTML i użyciu komponentu o nazwie amp-install-serviceworker w celu włączenia zaawansowanych funkcji PWA.

Która opcja jest lepsza dla SEO i rankingów wyszukiwania: AMP czy PWA?

Naszym zdaniem odpowiedź brzmi po trochu w obie strony, ponieważ zarówno AMP, jak i PWA pomagają w SEO na różne sposoby.

PWA sprawiają, że zawartość witryny jest bardziej atrakcyjna, a zatem może zwiększyć poziom konsumpcji treści przez użytkowników. Tymczasem AMP zmniejsza współczynnik odrzuceń, znacznie zwiększając szybkość ładowania stron mobilnych.

W obu przypadkach nastąpiła poprawa informacji zwrotnych do Google dotyczących kluczowych czynników rankingu stron internetowych, które odgrywają rolę w określaniu rankingów wyszukiwania i ogólnej widoczności wyszukiwania dla strony i jej domeny.

Dlatego najlepszym podejściem z punktu widzenia SEO może być połączenie AMP i PWA, jak omówiono w poprzedniej sekcji tego artykułu.

Co to wszystko słyszę o kontrowersji wokół AMP?

Chociaż nie ma wątpliwości, że AMP jest potężnym narzędziem do dystrybucji treści internetowych i przyspieszania jej ładowania, należy pamiętać, że wokół projektu istnieją poważne kontrowersje.

Niektórzy komentatorzy postrzegają AMP jako sposób na negowanie przez Google witryn internetowych wydawców i uzurpowanie sobie ich treści, blokując użytkownikom środowisko zoptymalizowane pod kątem Google i oparte na nim.

Jak ujął to pisarz The Register, Scott Gilbertson:

„Tak naprawdę nie chodzi o prędkość. Jak w przypadku wszystkiego, co wymyka się standardom swojej własnej zmodyfikowanej wersji, chodzi o zamknięcie. Mnóstwo stron w znacznikach Google AMP oznacza mnóstwo stron zoptymalizowanych specjalnie dla Google i zaindeksowanych głównie przez Google i wyświetlanych głównie użytkownikom Google. To próba Google, aby dopasować platformę Facebooka. I tak, Facebook jest znacznie gorszy niż AMP, ale to nie czyni Google AMP dobrym pomysłem. Przynajmniej Facebook nie próbuje udawać, że jest otwarty”.

Ponadto strony AMP są wyświetlane bez własnego adresu URL wydawcy i elementów jego własnej marki, co skutecznie oddziela treść od wydawcy.

Być może najsilniejszym argumentem przemawiającym za korzystaniem z AMP są wydawcy. Używa go wielu wiodących światowych producentów treści medialnych, od głównych dostawców wiadomości, takich jak The Guardian i Daily Mail, po wydawców specjalnych, takich jak Wired i Social Media Today. Nasuwa się pytanie: jeśli wiodący wydawcy w Twojej branży korzystają z AMP, czy Twoja publikacja może sobie na to pozwolić?

Aby uzyskać więcej informacji na temat kontrowersji wokół AMP, obejrzyj nasz odcinek podcastu o marketingu cyfrowym poświęcony tworzeniu szybkich stron internetowych, w którym znajduje się wywiad ze współzałożycielem Raven Tools, Jonem Henshawem.

Czy progresywne aplikacje internetowe (PWA) to przyszłość aplikacji?

W grudniu 2019 r. TechCrunch poinformował o zdumiewającym odkryciu, że 1% najlepszych wydawców sklepów z aplikacjami generuje 80% nowych pobrań.

To maluje ponury obraz dla wydawców cyfrowych, którzy chcą uzyskać dostęp do korzyści, jakie mogą przynieść aplikacje, takich jak trwała obecność marki na urządzeniach mobilnych użytkowników, zwiększone zaangażowanie użytkowników, własność platformy, pełny dostęp analityczny i być może, co najważniejsze, optymalny mobilny UX.

W kontekście malejącej liczby pobrań aplikacji natywnych, PWA wydają się oferować zdecydowanie najlepszy sposób na dostęp do tych korzyści dla wszystkich oprócz największych wydawców internetowych. Omijają niechęć użytkowników sieci do instalowania aplikacji ze sklepu z aplikacjami, zamiast tego przenoszą ich do aplikacji w ramach zwykłej strony internetowej.

Aplikacje natywne wciąż rosną pod względem globalnych pobrań i czasów użytkowania, iw tym sensie prawdopodobnie pozostają przyszłością aplikacji. Wiąże się to z zastrzeżeniem, że wzrost jest napędzany przez potężną mniejszość wiodących wydawców.

To powiedziawszy, wydaje się, że PWA mogą odegrać ogromną rolę w przyszłości konsumpcji treści mobilnych – dziedzinie, w której zalety UX PWA mogą zwiększyć absorpcję technologii zarówno wśród czytelników, jak i wydawców.

Wniosek: jak marketerzy powinni działać na AMP i PWA?

Udowodniony potencjał AMP i PWA do poprawy aspektów wydajności treści i UX sugeruje, że te technologie są ważną drogą do zbadania przez wydawców internetowych.

AMP jest łatwiejszy do przetestowania na ograniczoną skalę: możesz po prostu przekonwertować kilka stron z treścią na AMP HTML i obserwować wyniki (w ramach stosunkowo ograniczonych analiz, które Google zapewnia wydawcom AMP). Program PWA w sposób dorozumiany zobowiązuje wydawcę do stałego zapewniania swoim czytelnikom doświadczenia w stylu aplikacji, dlatego nie należy go lekceważyć.

Z drugiej strony PWA wydają się oferować stosunkowo nierozcieńczone korzyści w porównaniu z AMP. Powracający czytelnicy uzyskują krótszy czas ładowania, a także zaawansowane funkcje w stylu aplikacji, których brakuje w AMP. Co najważniejsze, wydawca zachowuje większą kontrolę i własność treści.

Nasza rada dla wydawców internetowych, którzy rozważają AMP i PWA, to rozpoczęcie od przetestowania AMP na kilku stronach z treścią i dokładne zbadanie możliwości wdrożenia PWA na dużą skalę. Niezależnie od tego, czy są używane samodzielnie, czy w połączeniu, te dwie technologie wydają się wpływać na to, jak użytkownicy mobilni będą korzystać z treści internetowych w nadchodzących latach.

zdobądź darmowe członkostwo już teraz - absolutnie nie potrzebujesz karty kredytowej

• Zestaw narzędzi do marketingu cyfrowego
• Ekskluzywne sesje szkoleniowe wideo na żywo
• Kompletna biblioteka podcastu Digital Marketing
• Narzędzia do analizy porównawczej umiejętności cyfrowych
• Darmowe szkolenia online

DARMOWE CZŁONKOSTWO