Czy progresywne aplikacje internetowe (PWA) przynoszą korzyści SEO? (ze statystykami i przykładami)

W świecie, który jest coraz bardziej przywiązany do urządzeń mobilnych i towarzyszących im aplikacji, sensowne jest tworzenie doświadczeń, które mają na celu, jak powiedział starszy inżynier oprogramowania w Google Alex Russell, „zamazać granicę między treściami internetowymi a aplikacjami”.

W ciągu ostatnich kilku lat kilka rzeczy było bardzo jasnych: jeśli prowadzisz firmę online, musisz zadbać o to, aby była ona zorientowana na urządzenia mobilne . Po drugie, Twoje doświadczenie mobilne musi być płynne i bezproblemowe, jeśli chcesz, aby przekładało się to na dolary. Wreszcie, użytkownicy smartfonów są bardzo zmienni i pomimo pobrania ponad 113 miliardów aplikacji w 2018 r., użytkownicy nadal regularnie korzystają tylko z około 9 aplikacji dziennie.

Musisz więc być na telefonie komórkowym. Musisz być świetny na urządzeniach mobilnych. A ludzie prawdopodobnie nie będą regularnie pobierać i używać Twojej aplikacji.
Tak, mówię o progresywnych aplikacjach internetowych lub PWA .

Progresywne aplikacje internetowe są popularne wśród tłumu zajmujących się optymalizacją wyszukiwarek, ponieważ oferują wielką obietnicę dla marketingu online.

Jeśli chodzi o powyższe pytanie, TAK, progresywne aplikacje internetowe przynoszą korzyści SEO . Ale w jaki sposób PWA są dobre dla SEO? Dowiedzmy się w tym artykule.

Co to jest PWA?

Mówiąc najprościej, PWA to witryna przyjazna dla urządzeń mobilnych, która zachowuje się jak aplikacja, ale nie trzeba jej pobierać, aby móc z niej korzystać. Użytkownicy mają możliwość zapisania PWA na swoim telefonie i uruchomienia go jak aplikacji, ale jest to całkowicie opcjonalne.

Istnieje wiele korzyści, które PWA przynoszą ze sobą, jednocześnie przezwyciężając nieodłączne wady tworzenia i utrzymywania witryny mobilnej i aplikacji mobilnej jednocześnie.

Możesz głębiej zagłębić się w definicję PWA, a także jej fantazyjne funkcje w tym artykule: „Co to jest PWA? Wszystko, co musisz wiedzieć o progresywnych aplikacjach internetowych”

Cztery kluczowe technologie PWA

Wszystko to jest możliwe dzięki zastosowaniu czterech technologii, które są wymagane do działania PWA:

1. Plik manifestu aplikacji internetowej (umożliwiający dostęp do ekranu głównego)
2. Pracownik serwisu (dla wsparcia offline)
3. Transport Layer Security (TLS) (zapewnia prywatność i integralność danych)
4. Architektura powłoki aplikacji (umożliwia szybkie ładowanie)

W przeciwieństwie do aplikacji natywnej i responsywnej strony internetowej, progresywna aplikacja internetowa oferuje wiele korzyści:

Czy Google indeksuje witryny PWA?

Progresywne aplikacje internetowe wykorzystują elastyczność JavaScript, co oznacza, że ​​Google widzi pojedynczą opublikowaną stronę jako witrynę JavaScript. Dla PWA może zostać utworzony nowy adres URL, więc Googlebot będzie kontynuował indeksowanie strony tak samo, jak w przypadku każdej innej strony opublikowanej w sieci.

Google indeksuje witryny PWA tak, jak indeksuje witryny AJAX lub JavaScript, ale istnieją pewne problemy, które mogą potencjalnie wpłynąć na „przeszukiwalność” — więc programiści muszą wiedzieć, jak zoptymalizować witrynę, aby zapewnić odpowiednią indeksację strony.

Zalecane przez Google najlepsze praktyki dotyczące progresywnych aplikacji internetowych

John Mueller z Google przedstawił szczegółowe informacje na temat ogólnego sposobu, w jaki Google obsługuje PWA i witryny JavaScript w marcu 2016 r.

W poście podkreśla, co następuje:

• Nie ukrywaj się przed Googlebotem. Ważne jest, aby programista używał techniki wykrywania funkcji i progresywnego ulepszania, aby wszyscy użytkownicy mieli dostęp do treści. Nie jest również dobrym pomysłem przekierowywanie do nieobsługiwanej strony przeglądarki.
• Użyj rel=canonical, gdy udostępniasz treści z wielu adresów URL, aby nie popełniać zduplikowanych naruszeń treści.
• Unikaj schematu AJAX-Crawling w nowych witrynach.
• Googlebot nie będzie indeksować adresów URL z „#”. Wiele progresywnych aplikacji internetowych używa symbolu skrótu w swojej strukturze adresu URL, co oznacza, że ​​wyszukiwarki usuną wszystko poza #. Jedynym sposobem na obejście tego jest zaimplementowanie struktury adresu URL przy użyciu tradycyjnych reguł SEO. Może to być trudne dla niektórych witryn i firm, ale jest to niezbędny krok w miarę postępów.
• Przetestuj, jak Googlebot widzi stronę. Możesz skorzystać z narzędzia pobierania i renderowania w Google Search Console, aby zobaczyć swoją witrynę dokładnie tak, jak widzi ją Google.
• Upewnij się, że wymagane zasoby nie są blokowane przez plik robots.txt.
• Zmniejsz liczbę zasobów osadzonych na stronie (zwłaszcza liczbę plików JavaScript wymaganych do renderowania strony), ponieważ mogą one nie zostać w pełni załadowane.
• Użyj dokładnego pliku mapy witryny, aby sygnalizować wszelkie zmiany w swojej witrynie podczas korzystania z przyspieszonych stron mobilnych (AMP).
• Pamiętaj, że niektóre wyszukiwarki i dostawcy usług internetowych uzyskujący dostęp do treści mogą nie obsługiwać JavaScript lub mogą obsługiwać inny podzbiór.

Ponadto Lighthouse to przydatne narzędzie od Google, jeśli chodzi o PWA. To narzędzie zostało stworzone przez Google w celu poprawy jakości aplikacji internetowych. To narzędzie pokaże Ci, czy Twoja aplikacja internetowa jest gotowa, aby stać się PWA. Kiedy dodasz swoją witrynę do tej aplikacji, Lighthouse mierzy ją na podstawie czterech kryteriów i pokazuje problemy, które powinieneś rozwiązać, aby zwiększyć szybkość swojej aplikacji internetowej.

Tak więc właśnie progresywne aplikacje internetowe pomagają SEO

Prawdą jest, że PWA mogą znacznie poprawić Twój profil wyszukiwania organicznego .

Jak?

Dzięki temu, że Twoje doświadczenie użytkownika będzie lepsze niż u konkurencji. Cóż, przynajmniej lepiej niż przed uaktualnieniem do progresywnej aplikacji internetowej. Gdy zapewniasz doskonałe wrażenia użytkownika, ludzie chcą odwiedzać Twoją witrynę zamiast konkurencyjnych opcji. Kiedy zobaczą Twoją markę w wynikach, będą pamiętać, że dałeś im to, czego chcieli, a doświadczenie było pozytywne.

SEO wiedzą, że współczynnik klikalności wpływa na pozycję wyszukiwania . Więcej kliknięć lub głosów od wyszukujących na wynik i z biegiem czasu jego wzrost.

Ale to tylko jeden wskaźnik, który możesz zmierzyć. Wszystkie małe rzeczy, które robisz, aby Twoja witryna była najlepsza, tworzą wrażenia, które wznoszą się ponad informacje. To pośrednio i bezpośrednio wpłynie na twoje SERPS i zazwyczaj w pozytywnym kierunku.

Większa prędkość witryny

Jest to niewątpliwie jedna z najbardziej ekscytujących funkcji PWA. Firmy mogą kierować reklamy do użytkowników, którzy mogą korzystać z wolnego połączenia danych, a nawet do tych, którzy są offline z PWA, korzystając z najlepszych praktyk w zakresie programowania mobilnego, takich jak buforowanie zawartości z wyprzedzeniem, kompresja i inne.

Dlaczego powinieneś dbać o szybkość witryny? Ponieważ ma to bezpośredni wpływ na SEO

Ponieważ testy szybkości Google zaczną obowiązywać za niecały miesiąc, prawdopodobnie największą zaletą PWA jest ich większa szybkość w porównaniu z innymi platformami mobilnymi i aplikacjami natywnymi. Nie tylko Google wymaga szybszych witryn — to TWOI UŻYTKOWNICY! Większość użytkowników opuści witrynę mobilną, jeśli jej wczytanie potrwa dłużej niż trzy sekundy. (Zrób sobie przysługę i sprawdź szybkość swojej witryny tutaj!) A jeśli Twoja witryna nie działa szybko, znikną.

Forbes zauważył ogromną poprawę prędkości po przejściu na PWA, zmniejszając prędkość ładowania mobilnego z 3–12 sekund, aż do 0,8 sekundy! Aby więc upewnić się, że Twoja marka znajduje się jak najbliżej szczytu listy wyszukiwania Google, nadszedł czas, aby PWA wybrały Twoje marki jako pierwsze w strategii mobilnej.

Lepsze zaangażowanie

Google dyktuje podstawowe wymagania, które musi spełnić witryna, aby kwalifikować się jako progresywna aplikacja internetowa. Płynne wrażenia użytkownika, w tym łatwa nawigacja, powiadomienia push na czas, kompatybilność z różnymi przeglądarkami, responsywne strony na wszystkich urządzeniach to kilka ważnych wymagań, które również prowadzą do wzrostu zaangażowania.

PWA potrafią w niesamowity sposób naśladować prawdziwe aplikacje mobilne. Dzięki PWA nadal będziesz mieć możliwość zapisania go na ekranie głównym, gdzie pojawi się jako ikona na urządzeniu, tak jak aplikacja, ale nie będziesz musiał przechodzić przez proces pobierania ze sklepu z aplikacjami. A ponieważ nie ma możliwości pobierania, aplikacje PWA wymagają znacznie mniej pamięci niż natywne aplikacje mobilne. Starbucks stworzył PWA, które było o 0,4 procent mniejsze od własnej aplikacji natywnej! Aktualizacje treści odbywają się automatycznie po odświeżeniu, umożliwiając użytkownikom uzyskanie dostępu do najnowszych funkcji, funkcjonalności i aktualizacji zabezpieczeń bez kiwnięcia palcem (lub naciskania irytującego przycisku „Zainstaluj aktualizację”).

 Zalecana literatura: PWA a aplikacja natywna: która najbardziej Ci odpowiada?

Dzięki aplikacji na telefonach komórkowych szanse na interakcję i zaangażowanie rosną wykładniczo, czego doświadczył magazyn Forbes, gdy uruchomili własne PWA. Użytkownicy byli powiadamiani o każdym pojawieniu się nowej treści za pomocą powiadomień push. Dzięki błyskawicznemu czasowi ładowania strony, szybkim przejściom i lekkiemu projektowi stron, PWA Forbesa zdołało osiągnąć następujące cele:

• Zwiększ głębokość przewijania o 3x
• Popraw sesje na użytkownika o 43%
• Uzyskaj 6-krotny wzrost liczby czytelników kończących artykuły
• Podwój wskaźnik zaangażowania, co oznacza 100% wzrost zaangażowania

W przypadku serwisu wydawniczego takiego jak Forbes, wysokie zaangażowanie to wysokie konwersje, a wszystko to dzięki ich nowemu PWA.

Wiemy, że metryki zaangażowania witryny, takie jak czas trwania sesji, współczynniki klikalności i współczynniki odrzuceń, mają bezpośredni wpływ na rankingi wyszukiwania. Jak pokazuje tutaj Larry Kim, czas spędzony w witrynie ma wyraźną korelację z Twoimi wynikami wyszukiwania organicznego. Im dłuższy czas trwania sesji, tym wyższy prawdopodobny ranking w Google.

Możesz przywitać się z pierwszą stroną w Google, a wszystko to dzięki PWA i ich wyższym wskaźnikom zaangażowania w witrynie.

Chodzi o adresy URL

Progresywne aplikacje internetowe naprawdę wykorzystują najlepsze praktyki SEO w każdym tego słowa znaczeniu. Od jasnych i zwięzłych opisów meta po dodawanie danych Schema.org w celu lepszego indeksowania i analizowania danych witryny przez boty wyszukiwania; witryna zoptymalizowana pod kątem wyszukiwania ma większe szanse na wycięcie PWA niż inne.

Aplikacje PWA nie wymagają różnych typów adresów URL „mobile.site.com”, aby oferować doskonałe wrażenia na urządzeniach mobilnych. Są automatycznie konfigurowane, aby zapewnić spójne wrażenia niezależnie od urządzenia.

Kolejną zaletą jest to, że PWA są koniecznie włączone w HTTPS. Nie tylko podnosi to Twoją witrynę w organicznych wynikach wyszukiwania, ale także zapewnia użytkownikom bezpieczeństwo w Twojej witrynie, prowadząc do niższych współczynników odrzuceń, wyższych współczynników kliknięć i prawdopodobnie wyższych współczynników konwersji.

Każda strona ma swój własny unikalny adres URL, dzięki czemu nawet głęboko osadzone strony można łatwo indeksować i wykrywać w wyszukiwarkach. Unikalne adresy URL dla każdej strony znacznie ułatwiają również udostępnianie stron w mediach społecznościowych i innych witrynach, nie wspominając o bardziej przejrzystym śledzeniu.

Dzięki wstępnemu buforowaniu za pomocą Service Workerów wszystkie adresy URL w aplikacjach PWA są ładowane nawet wtedy, gdy urządzenie jest w trybie offline. Umożliwia to użytkownikom, którzy działają na starszych urządzeniach lub słabych połączeniach sieciowych.

Zawijanie

Progresywne aplikacje internetowe są świetne dla SEO, ponieważ mają na celu dostarczanie najlepszych doświadczeń internetowych. Ale jak wszystko inne, deweloperzy i marketerzy mogą zepsuć sprawę.

Postępuj zgodnie z najlepszymi praktykami w sieci, a będziesz czerpać korzyści z dużego ruchu z bezpłatnych wyników wyszukiwania. Oznacza to, że Twoja witryna jest najpierw mobilna, szybka na urządzeniach mobilnych, dostępna na wszystkich rozmiarach ekranu i ma dobrą pozycjonowanie strony.

PWA pomagają budować trwałe relacje z klientami. To świetna nagroda, ale odczujesz również uniwersalny wzrost, taki jak bezpłatne wyniki wyszukiwania, ponieważ Twoja witryna stawia na pierwszym miejscu wrażenia użytkownika.

Jeśli zastosujesz się do wszystkich tych najlepszych praktyk, odniesiesz sukces, nawet jeśli nie kierujesz na organiczny ruch wyszukiwania.

Czas poznać te wskazówki i zainwestować w PWA, które łączą łatwość korzystania z internetu mobilnego z szybkością i przyjaznością dla użytkownika aplikacji mobilnej. Dwa w cenie jednego to to, co dostajesz dzięki PWA. Więc kiedy zamierzasz zbudować swój?