Rozwiązywanie problemów z JavaScriptem związanych z wyszukiwarką

W tym przewodniku omawiamy, jak rozpoznać i rozwiązać problemy z JavaScriptem, przez które Twoja strona lub określone treści na stronach zapisanych w postaci kodu JavaScript mogą nie wyświetlać się w wyszukiwarce Google. Chociaż Googlebot wykonuje kod JavaScript, podczas projektowania stron i aplikacji musisz uwzględnić pewne różnice i ograniczenia, by roboty mogły uzyskać dostęp do Twoich treści i je wyrenderować.

Googlebot został zaprojektowany z myślą o sprawnym funkcjonowaniu w internecie. Jego głównym priorytetem jest indeksowanie stron bez obniżania komfortu użytkowników witryny. Googlebot, wykorzystując usługę renderowania sieciowego (WRS), stale analizuje i identyfikuje zasoby, które nie mają wpływu na istotne treści strony, i może ich nie pobierać. Na przykład żądania związane z raportowaniem i błędami, które nie są istotnym elementem zawartości strony, i inne podobne typy żądań nie są używane ani konieczne do wyodrębnienia najważniejszych treści na stronie.

Jeśli podejrzewasz, że przez problemy z JavaScriptem Twoja strona lub określone treści na stronach zapisanych w postaci kodu JavaScript mogą nie wyświetlać się w wyszukiwarce Google, wykonaj te czynności:

  1. Aby sprawdzić, w jaki sposób Google indeksuje i renderuje adres URL, przeprowadź test optymalizacji mobilnej lub użyj narzędzia do sprawdzania adresów URL w Search Console. Klikając link Więcej informacji na karcie oceny strony, zobaczysz m.in. załadowane zasoby, dane wyjściowe i wyjątki konsoli JavaScript oraz wyrenderowane DOM.

    Opcjonalnie zalecamy też rejestrowanie i kontrolowanie błędów JavaScriptu wykrytych przez użytkowników, w tym Googlebota, w witrynie, by rozpoznać potencjalne problemy, które mogą wpływać na sposób renderowania treści.

  2. Googlebot prawdopodobnie odrzuci prośby o zgodę użytkownika.
  3. Trwałość danych nie gwarantuje prawidłowego wyświetlania treści.
  4. Sprawdź, czy Twoja aplikacja korzysta z wykrywania funkcji w przypadku wszystkich krytycznych interfejsów API, których potrzebuje, i w razie potrzeby zapewnij zachowanie rezerwowe lub kod polyfill.
  5. Sprawdź, czy Twoje komponenty sieciowe współdziałają z wyszukiwarkami:
    1. Aby hermetyzować i ukrywać szczegóły implementacji, skorzystaj z modelu shadow DOM.
    2. W miarę możliwości umieść swoje treści w modelu light DOM.
  6. Gdy przejrzysz tę listę kontrolną i wprowadzisz odpowiednie zmiany, jeszcze raz przetestuj stronę za pomocą testu optymalizacji mobilnej lub narzędzia do sprawdzania adresów URL w Search Console.

    Jeśli problem został rozwiązany, pojawia się zielony znacznik wyboru i nie wyświetlają się żadne błędy. Jeśli nadal widzisz błędy, opublikuj posta w grupie dyskusyjnej JavaScript Sites in Search Working Group (strony z JavaScriptem w grupie roboczej ds. wyszukiwarki).

Wyślij opinię na temat...