Generowanie treści przez Ajax a url strony

Question

Witam, robię na stronie coś bardzo podobnego do listy produktów sklepie internetowym. Wyświetlam pewne produkty z możliwością sortowania i filtrowania. Wszystkie dane produktów pobieram przez ajax, w JS ubieram to wszystko w ładny HTML i wyświetlam na stronie.

I tutaj przychodzi mi pewne pytanie. Co zrobić, żeby np po filtrowaniu produktów, zmieniał się url strony w taki sposób, żeby po wejściu w ten sam link wyświetliła się strona w ten sam sposób? No i jak to wygląda w przypadku SEO?

Prawdopodobnie umiałbym to zrobić po swojemu, ale szukam najlepszego rozwiązania, a nie potrafię sformułować dobrego zapytania do googla.

Dziękuję za wszelką pomoc :)

Edit: Czy dobrym rozwiązaniem byłoby, żeby w trakcie ładowania strony wyczytać z adresu wartości przekazane przez GET i adekwatnie do tego wyświetlić odpowiednią treść strony, a poszczególne filtry po prostu odsyłałyby do odpowiedniego url?

Answer 1

Do zmiany url możesz sobie użyć np. history.replaceState aby bez przeładowania to zrobić. Natomiast co do SEO to proponowałbym ograć to tak, że pierwsze załadowanie leci jako SSR (server side rendering) z wypełnieniem już danych, a kolejne update już lecą ajaxem, to już nie ma wplywu na SEO.

Comments

Okej, tak zrobię. Dzięki