Zalecana metoda indeksowania treści AJAX w 2018 r .: foresight wyszukiwania publikuje wersję demonstracyjną

1. Demo wyszukiwania Foresight
2. W jaki sposób metoda pushState umożliwia indeksowanie strony w Ajaxie?
3. Utwórz przeszukiwalną wirtualną paginację na nieskończenie przewijanej stronie
4. Przypomnienie: w maju 2018 r. Google zmieni swoje zachowanie w adresach URL zawierających #!

Domyślnie wyszukiwarki nie próbują indeksować i indeksować zawartości załadowanej w Ajaxie. Dlatego korzystanie z tej technologii potencjalnie stawia Cię w bardzo niekorzystnej sytuacji pod względem efektywnego SEO.

Google po raz pierwszy wprowadził metodę ułatwiającą odkrycie treści Ajax w 2009 roku: była to tak zwana metoda „hash-bang”. Jednak rozwiązanie to zostało uznane za przestarzałe w 2015 r. I od kilku lat Google zaleca stosowanie innego podejścia w HTML 5, które wykorzystuje potencjał metody pushState JavaScript.

Ale to wszystko jest bardzo techniczne, więc jak zrozumiesz, jak to działa i jak będziesz w stanie pokazać programistom, jak dobrze kodować w Ajaksie, a jednocześnie pozostać kompatybilnym z SEO?

Demo wyszukiwania Foresight

Aby zrozumieć zasadę metody zalecanej przez Google, opublikowaliśmy wersję demonstracyjną korzystania z podejścia zalecanego przez Google w dwóch typowych przypadkach:

• ładowanie zawartości strony w Ajaxie
• nieskończona strona przewijania

W jaki sposób metoda pushState umożliwia indeksowanie strony w Ajaxie?

Aby zrozumieć praktyczne funkcjonowanie tego kodu, wystarczy kliknąć kartę „Nantes” lub „Paryż” na stronie demonstracyjnej:

• zawartość zakładki jest dynamicznie modyfikowana po załadowaniu treści Ajax
• adres URL strony na pasku nawigacyjnym jest zmieniany bez ponownego ładowania strony
• Tagi SEO są dynamicznie modyfikowane (tytuł, opis itp.…

Dlaczego te działania umożliwiają indeksowanie zawartości ładowanej przez Ajax? Ponieważ Google interpretuje zmiany adresu URL w przeglądarce utworzone za pomocą metody pushState (), tak jakby czytał adres URL nowej strony, przeładowano go w tradycyjny sposób.

Metoda została opisana przez Google w tym artykuł :

Utwórz przeszukiwalną wirtualną paginację na nieskończenie przewijanej stronie

Jeśli klikniesz link „nieskończone przewijanie demo”, zobaczysz drugą możliwą implementację tego podejścia w pracy, która tworzy przeszukiwalne stronicowanie przy użyciu metody pushState ().

Przewijając stronę, zauważysz, że po chwili:

- załadowana zawartość generuje zmianę adresu URL w pasku adresu przeglądarki

- tagi są dynamicznie modyfikowane (w szczególności tagi linków rel = [next / prev])

Chcesz korzystać z połączeń Ajax i korzystać z technologii LA zalecanej przez Google? Następnie podaj adres URL naszego demo swojemu zespołowi technicznemu i powiedz im, aby czerpali inspirację z (bardzo uproszczonego) kodu przedstawionego w tym demo.

Ostrzeżenie: to podejście nie jest cudownym rozwiązaniem, to po prostu bardziej „elegancka” poprawka. W 2018 r. Nadal nie zaleca się generowania treści JavaScript po stronie przeglądarki. Jeśli Twoja witryna SEO ma dla Ciebie strategiczne znaczenie, powinieneś odejść od struktur Ajax i JavaScript generujących zawartość w przeglądarce użytkownika.

Przypomnienie: w maju 2018 r. Google zmieni swoje zachowanie w adresach URL zawierających #!

Od drugiego kwartału 2018 r. Google ogłosił, że przestanie zarządzać adresami URL zawierającymi „#!” W ramach starego schematu indeksowania Ajax. Praktycznie rzecz biorąc, oznacza to, że gdy robot indeksujący spełnia ten typ adresu URL, nie będzie już szukał alternatywnej wersji: będzie wtedy próbował zaindeksować stronę bezpośrednio w Ajaxie!