Naprawianie leniwie ładującej się zawartości

Opóźnienie wczytywania mniej istotnych lub niewidocznych treści, nazywane „leniwym ładowaniem”, to często stosowana, sprawdzona metoda zwiększająca wygodę obsługi. Więcej informacji znajdziesz w materiałach web.dev dotyczących leniwego wczytywania obrazów i filmów. Jeśli jednak nie zaimplementujesz tej metody prawidłowo, może ona spowodować ukrycie treści przed Google. W tym dokumencie wyjaśniamy, jak sprawdzić, czy Google może pobrać i zindeksować treści, które wczytują się leniwie.

Ładowanie zawartości, gdy jest ona w widocznym obszarze

Aby upewnić się, że Google widzi całą zawartość strony, sprawdź, czy implementacja leniwego ładowania pozwala na ładowanie wszystkich wymaganych treści za każdym razem, gdy znajdą się one w widocznym obszarze. Oto kilka metod implementacji leniwego ładowania:

Wspomniane metody nie polegają na wczytywaniu treści przez działania użytkownika, takie jak przewijanie czy klikanie, co jest ważne, ponieważ wyszukiwarka Google nie wchodzi w interakcję ze stroną.

Nie dodawaj leniwego ładowania do treści, które są prawdopodobnie widoczne od razu po otwarciu strony przez użytkownika. Może to spowodować dłuższe wczytywanie się treści i ich wyświetlanie w przeglądarce, co będzie bardzo widoczne dla użytkownika.

Przetestuj swoją implementację

Obsługa wczytywania treści z podziałem na strony w przypadku nieskończonego przewijania

Ogólnie rzecz biorąc, przewijanie nieskończone to technika, która wczytuje więcej treści i więcej stron, gdy użytkownik przewija długą stronę w dół. Może to być 1 długi artykuł podzielony na kilka części lub zbiór elementów również podzielonych na części. Aby zaimplementować nieskończone przewijanie w sposób umożliwiający indeksowanie, upewnij się, że Twoja witryna obsługuje podział na strony tych części podczas ładowania. Aby to zrobić:

  • Przypisz do każdej części własny, unikalny adres URL.
  • Upewnij się, że treści wyświetlane pod każdym adresem URL są takie same za każdym razem, gdy są ładowane w przeglądarce. Jednym ze sposobów jest użycie w adresie URL bezwzględnych numerów stron, np. przez użycie parametru zapytania ?page=12.
  • Unikaj używania w tych adresach URL elementów względnych, takich jak ?date=yesterday. Dzięki temu wyszukiwarki i użytkownicy będą mogli zawsze znaleźć te same treści pod danym adresem URL. Ułatwi to wyszukiwarkom prawidłowe indeksowanie treści, a użytkownikom udostępnianie ich i ponowne angażowanie się w daną część treści.
  • Linki do poszczególnych adresów URL powinny być uporządkowane w kolejności, aby wyszukiwarki mogły znaleźć adresy URL w zbiorze stron. Dowiedz się więcej o sprawdzonych metodach wprowadzania podziału na strony.
  • Gdy nowy fragment strony zostanie załadowany w odpowiedzi na przewijanie przez użytkownika i stanie się głównym widocznym elementem dla użytkownika, zaktualizuj wyświetlany adres URL za pomocą interfejsu History API. Pozwala to użytkownikowi odświeżyć bieżący adres URL wyświetlany w przeglądarce, udostępnić go oraz połączyć się z nim.

Test

Po skonfigurowaniu implementacji upewnij się, że działa ona prawidłowo. Aby sprawdzić, czy wszystkie treści zostały wczytane, możesz użyć narzędzia do sprawdzania adresów URL w Search Console. Sprawdź wyrenderowany kod HTML, aby upewnić się, że Twoje treści się w nim znajdują. Aby to zrobić, użyj narzędzia do sprawdzania adresów URL. Jeśli adresy URL obrazów lub filmów pojawiają się w atrybucie src w elementach <img> lub <video> w renderowanym kodzie HTML, konfiguracja działa prawidłowo.