Wyzwania SEO PWA: Co powstrzymuje Twoją witrynę PWA od rankingu?

Dzięki większej szybkości i lepszemu interfejsowi użytkownika i UX, PWA może zwiększyć Twoje kluczowe wskaźniki sieciowe Google, a tym samym poprawić SEO. Wiele blogów i wiadomości technologicznych (w tym SimiCart) twierdziło to.

To jednak nie cały obraz. W rzeczywistości w niektórych przypadkach PWA może mieć negatywny wpływ na SEO Twojej witryny.

Przez 10 lat tworzenia stron internetowych PWA natknęliśmy się na kilka przypadków, w których PWA ma negatywny wpływ na wydajność SEO.

Napisaliśmy już artykuł o benefitach PWA. Teraz, aby zobaczyć podwodną część góry lodowej, oto kilka dużych wyzwań dla SEO, z którymi mogą się zmierzyć właściciele sklepów podczas wdrażania PWA.

Główny problem z PWA SEO

To wraca do podstawowej wiedzy na temat tworzenia stron internetowych: HTML i Javascript. Założymy się, że nawet jeśli w ogóle nie znasz się na technologii, dobrze słyszałeś o tych dwóch językach kodowania.

Krótko mówiąc, HTML to najprostszy język kodowania, który służy do tworzenia struktury strony internetowej.

Tymczasem JavaScript jest bardziej zaawansowany i odpowiada za więcej efektów specjalnych.

Dlatego jeśli widzisz stronę internetową z dużą ilością dynamicznej zawartości, fantazyjnym efektem przewijania lub fajnym suwakiem, na przykład ta strona internetowa dobrze wykorzystuje JavaScript.

(kredyt: Reddit)

Jak można się domyślić, PWA, słynące z żywego doświadczenia UI/UX, wykorzystuje dużo JavaScriptu.

Oto problem: Google i wiele innych wyszukiwarek nie renderuje tak dobrze stron JavaScript. Witryny oparte na Javascript są często bardziej złożone i cięższe w przetwarzaniu niż witryny HTML. W rzeczywistości nie tylko wyszukiwarki, media społecznościowe, takie jak Twitter czy Facebook, również nie przepadają za JavaScriptem.

W rezultacie boty wyszukiwarek mogą mieć pewne problemy z indeksowaniem Twojej witryny PWA, co prowadzi do słabej wydajności SEO.

Dlatego wymaga to umiejętnego eksperta, który rozumie PWA od podszewki, aby zoptymalizować witrynę tak, aby była przyjazna SEO.

6 przeszkód w optymalizacji PWA pod kątem SEO.

1. Problemy z wydajnością

„Ale PWA ma być szybkie?” - Możesz zapytać.

Tak, ale nie oznacza to, że PWA nie ma problemów z wydajnością.

Nadal istnieje kilka znaczących problemów związanych z prędkością w PWA. Jednak PWA może działać błyskawicznie, jeśli jest odpowiednio zoptymalizowane.

Podobnie jak Usain Bolt, mimo że urodził się super-duper utalentowany, nie może być mistrzem, jeśli nie ma trenera, który rozumie jego umiejętności i dobrze go trenuje.

Przyjrzyjmy się bliżej każdemu zagadnieniu:

Problemy

Pliki JavaScript zużywają wiele zasobów na ich parsowanie, kompilację i wykonanie. Co więcej, ze względu na słabą wydajność serwera, błąd wyszukiwarki nie może szybko renderować plików JavaScript.

W rezultacie może to wpłynąć na niektóre metryki szybkości strony, takie jak pierwsze znaczące malowanie i pierwsze pełne malowanie. Ponieważ te dwie metryki są ważnymi czynnikami rankingowymi, jest to niekorzystne dla SEO. Ponadto opóźniona witryna nigdy nie może być dobra dla wygody użytkownika.

Co więcej, ponieważ service worker PWA wymaga do działania certyfikatów HTTPS i SSL, może sprawić, że Twoja witryna będzie wolniejsza niż jej wersja HTTP.

Rozwiązania

Niektóre typowe praktyki poprawiające szybkość to implementacja AMP (przyspieszonych stron mobilnych) wraz z PWA, a także używanie HTTP/2 z HTTP

Ponieważ PWA jest zaawansowaną i niszową technologią w środowisku eCommerce, lepiej jest, aby doświadczeni programiści PWA zoptymalizowali szybkość witryny.

2. Błędy Javascript

Problem

Podczas analizowania przeglądarki, takie jak Google Chrome, mogą automatycznie poprawiać składnię HTML, taką jak zamykanie tagów. Jednak to nie to samo z błędami JavaScript.

W konsekwencji wszelkie błędy w JavaScript mogą uniemożliwić robotom wyszukiwarek indeksowanie i indeksowanie Twoich stron internetowych.

Rozwiązania

Ważne jest, aby programiści napisali przejrzyste i dobrze ustrukturyzowane kody JavaScript dla swojej witryny, aby uniknąć później wielu czasochłonnych poprawek.

Jeśli witryna napotka błędy Javascript, programiści będą musieli je ręcznie wyczyścić i poinformować wyszukiwarki o ich naprawieniu.

3. Hiperłącze/obraz nie zostały zindeksowane ze względu na maskowanie treści

Maskowanie treści to te, które widzą ludzkie oczy, ale nie wyszukiwarki. Na przykład tekst ukryty za przyciskiem „pokaż więcej” lub leniwymi linkami do menu wczytywania. Często są to dynamiczne treści i linki napisane w JavaScript

Problem

Ponieważ Google nadal ma pewne trudności ze zrozumieniem JavaScript, mogą istnieć pewne treści JavaScript PWA, do których Google nie będzie miał dostępu.

Jeśli Twoja treść (np. ważny link, zdjęcie produktu) jest niewidoczna dla wyszukiwarek, nie mogą jej zindeksować. W konsekwencji będzie to miało zły wpływ na twoje rankingi SEO.

Rozwiązanie

Zawsze możesz polegać na narzędziach takich jak Sitechecker lub Small SEO, aby sprawdzić, czy Twoja strona internetowa zawiera zamaskowane treści. Upewnij się, że wszystkie kluczowe treści, takie jak teksty, obrazy i linki dostarczane użytkownikom, odpowiadają treści wyświetlanej Googlebotowi.

4. Kompatybilność modułów

Problem

Jako stosunkowo nowa technologia, PWA często wykorzystuje najnowsze moduły. Może to kolidować z Google lub innymi przeglądarkami, które zwykle opierają się na mniej nowoczesnych modułach. Niektóre godne uwagi przykłady to ES6, Fetch API lub nowe składnie lub metody.

Rozwiązanie

Przed wdrożeniem należy sprawdzić ich kompatybilność. Nie jest to duży problem, jeśli niektóre moduły Twojego PWA nie współpracują z Googlebotem, ponieważ są narzędzia lub wypełniacze, które to naprawią.

Polyfill to niektóre wiersze kodu JavaScript, które umożliwiają starszym przeglądarkom korzystanie z nowoczesnych funkcji, nawet jeśli nie obsługują tych funkcji natywnie.

W zależności od modułów, z którymi Googlebot wchodzi w konflikt, może istnieć narzędzie do transpilacji.

Dla twojej informacji transpilacja (tłumacz + kompilacja) oznacza tłumaczenie i interpretację jednego języka programowania na inny. Weźmy jako przykład moduł ES6, usługi takie jak Babel mogą transpilować nowoczesne pliki JavaScript C6 do ES5, co pozwala starszym przeglądarkom na bezproblemową pracę z nim.

5. Problem z renderowaniem po stronie serwera

Aby lepiej renderować witryny oparte na JavaScript, Googlebot używa renderowania zarówno po stronie serwera, jak i po stronie klienta.

W skrócie proces renderowania wygląda tak:

1. Googlebot po raz pierwszy indeksuje Twoją witrynę, aby znaleźć linki i treści
2. Serwer wyrenderuje linki i treści znalezione po pierwszym indeksowaniu. Te linki i treści zostaną wkrótce zindeksowane
3. Google kontynuuje indeksowanie witryny po raz drugi, trzeci itd.
4. Od teraz pozostałe linki i treści będą renderowane przez klienta, co oznacza, że ​​będą renderowane na urządzeniach użytkowników.
5. Po zakończeniu renderowania Google zindeksuje Twoje strony internetowe.

Problem

Na początku przepływ renderowania Googlebota wydaje się całkiem prawdopodobny, ale ma kilka poważnych wad:

• Niższa prędkość indeksowania :

Google może indeksować pliki HTML z szybkim renderowaniem po stronie serwera, ale indeksowanie plików JavaScript może potrwać kilka dni z renderowaniem po stronie klienta

• Nadaj priorytet niewłaściwym stronom :

Wyobraź sobie, że masz stronę internetową, która zawiera linki do innych stron. Są to tak zwane linki wewnętrzne. Google opiera się na strukturze tych wewnętrznych linków, aby zrozumieć relacje między linkami i które linki powinny mieć priorytet.

Jednak w przypadku linków wstawionych w Javascript, Google musi poczekać na zakończenie renderowania po stronie klienta, zanim będzie można rozpocząć indeksowanie. Innymi słowy, Google może w pełni ocenić wewnętrzną strukturę linków witryny dopiero po zakończeniu renderowania po stronie klienta.

W rezultacie niektóre mniej ważne łącza, które nie wymagają renderowania po stronie klienta, mogą być indeksowane najpierw i częściej. W ten sposób Google może nadać priorytet Twojej podrzędnej stronie i zignorować strony sprzedaży.

• Konflikt między renderowaniem po stronie serwera a renderowaniem po stronie klienta:

Często występują problemy między renderowaniem po stronie serwera a renderowaniem po stronie klienta. Na przykład niektóre ważne elementy strony (meta tagi, tagi kanoniczne) nie są indeksowane. Co więcej, te dwie fazy mogą wysyłać do Google pewne mieszane sygnały, przez co wyszukiwarka nie wie, jak postępować z Twoimi stronami.

Rozwiązanie

Wydajniejszy serwer to główne rozwiązanie tych problemów. Deweloperzy mogą potrzebować zoptymalizować serwer, aby natychmiast reagował na żądania głębokiego linkowania. Muszą również działać z dobrze renderowanymi plikami HTML, zwłaszcza z kluczowymi elementami strony, takimi jak nawigacja, linki, treść, metatagi i obrazy.

Nowoczesna technologia może nam również pomóc w rozwiązaniu konfliktu między Javascriptem a przeglądarkami internetowymi. Na przykład technika izomorficzna może ułatwić przeglądarkom renderowanie plików JavaScript.

6. Typowe błędy SEO

Istnieje ponad 200 czynników rankingu SEO, niektóre z nich są mocno techniczne, takie jak tagi kanoniczne, rebot.txt itp. Z tego powodu sprzedawcy mogą łatwo zignorować te konfiguracje, co może skończyć się szkodą dla SEO swojej witryny.

Zanim przystąpisz do naprawy SEO PWA, najlepiej upewnij się, że Twoje obecne witryny stosują najlepsze praktyki SEO.

>> Zobacz więcej: Najlepsze praktyki SEO Magento

Teraz przechodzę do najbardziej łaskoczącego pytania:

Czy powinienem przejść na PWA?

… Jeśli nie chcę zaszkodzić SEO mojej witryny.

Musi to być bardzo mylące dla sprzedawców myślących o wdrożeniu PWA, zwłaszcza gdy wyszukiwania organiczne są ważnym kanałem ruchu w witrynie.

Jednak te wyzwania nie oznaczają, że boty Google nie mogą indeksować witryn PWA ani nie oceniają witryn PWA w inny sposób ze względu na język programowania.

Po prostu sprzedawcy muszą być świadomi pewnych technicznych wyzwań podczas wdrażania przyjaznej SEO witryny PWA.

W rzeczywistości witryny PWA mogą absolutnie dobrze pozycjonować się w wyszukiwarkach, jeśli nie lepsze niż ich odpowiedniki witryn innych niż PWA. Jak wspomniano wcześniej, aplikacja internetowa poprawia kluczowe wskaźniki SEO.

Czy pod względem SEO PWA jest bohaterem czy zerem? To zależy od tego, czy ich programiści dogłębnie rozumieją technologię PWA i tworzenie stron internetowych.

Na wynos

PWA może być nożem o podwójnym ostrzu w rankingu SEO Twojej witryny. Z drugiej strony, jego zwiększona szybkość i wrażenia klientów mogą pomóc w zwiększeniu kluczowych aspektów SEO. Z ciemnej strony PWA, z bogatą zawartością Javascript, jest bardziej skomplikowane dla wyszukiwarek takich jak Google. W związku z tym słaba implementacja bez głębokiego zrozumienia PWA może spowodować spadek rankingu.

Stworzenie przyjaznej SEO witryny PWA jest całkowicie możliwe. Kluczem jest znalezienie programistów PWA, którzy znają te wyzwania i wiedzą, jak szybko je rozwiązać.

Mamy 10 lat tworzenia bezgłowego PWA dla Magento