SEOMaster
CSR (renderowanie po stronie klienta) (CSR)
Przeglądarka buduje stronę z JavaScriptu.
Co to jest CSR (renderowanie po stronie klienta)?
CSR (Client-Side Rendering) to model, w którym serwer wysyła niemal pustą stronę z dołączonym JavaScriptem, a cała treść powstaje dopiero w przeglądarce użytkownika. Framework (np. React) buduje widok po pobraniu i wykonaniu skryptów.
Daje to płynne, „aplikacyjne” działanie po załadowaniu, ale pierwszy render zależy od pobrania i wykonania JS — a robot lub podgląd linku, który tego nie zrobi, zobaczy pustą stronę.
Dlaczego to ważne dla SEO
Strona oparta wyłącznie na CSR ryzykuje słabą indeksację i puste podglądy w mediach społecznościowych. Dla treści ważnej dla SEO lepszy jest SSR, SSG lub prerendering.
Jak to sprawdzić
Porównaj „źródło strony” (surowy HTML) z widokiem po renderowaniu. Jeśli w surowym HTML nie ma treści, masz CSR. SEOMaster wykrywa treść dostępną dopiero po JS.
Częste błędy
- Cała treść i linki tylko w JavaScript
- Brak prerenderingu dla robotów i podglądów
- Długie ładowanie JS psujące pierwsze wrażenie i LCP
Przykład
Serwer → pusty <div id="root"></div> → JS dorysowuje treść