JavaScript SEO: renderowanie i indeksowanie aplikacji

Strona może działać poprawnie po otwarciu w przeglądarce, a mimo to udostępniać niepełną treść w innym momencie ładowania. Przy aplikacji sprawdzamy zarówno odpowiedź serwera, jak i to, co pojawia się po wykonaniu JavaScriptu.

Porównaj dwa widoki strony

Zestawiamy początkowy HTML z wyrenderowanym widokiem. Google opisuje przetwarzanie JavaScriptu jako część procesu obejmującego pobieranie, renderowanie i indeksowanie. W kontroli projektu wskazujemy, które informacje zależą od kodu uruchamianego w przeglądarce.

Dokumentacja: Google Search Central.

Wybierz reprezentatywne ścieżki

Test obejmuje wejście bezpośrednio na podstronę, przejście linkiem oraz odświeżenie widoku. W sklepie sprawdzamy produkt i kategorię, a w aplikacji także ekran z pustymi danymi. Nie wyciągamy wniosku o całym serwisie wyłącznie z działającej strony głównej.

Oddziel treść od stanu ładowania

Jeżeli aplikacja długo pokazuje pusty ekran lub komunikat ładowania, sprawdzamy źródło opóźnienia. Ważny opis nie powinien zależeć od niepotrzebnej interakcji. Sposób renderowania dobieramy do projektu i jego ograniczeń, zamiast zakładać, że jedna technika rozwiąże każdy przypadek.

Błędy muszą być czytelne

Kontrolujemy brakujący adres, niedostępne dane i awarię zasobu. Zapisujemy kod odpowiedzi, widoczny komunikat i możliwość przejścia dalej. Sam wygląd strony błędu nie mówi, co zwrócił serwer.

Dokumentuj wynik po zmianie

Raport powinien wskazywać sprawdzone adresy, porównanie treści i nierozwiązane zależności. Po zmianie routingu, komponentu lub sposobu pobierania danych wracamy do dotkniętych scenariuszy. Udany test jednej wersji nie jest gwarancją dla kolejnych wdrożeń.