Next.js, React, SPA i Vite
SEO dla Next.js, React i SPA
Strona na Next.js, React albo Vite często wygląda gotowo w przeglądarce, a w pierwszym HTML ma pusty kontener, puste metadane albo rozjechany kanoniczny adres. Audytujemy to, poprawki oddajemy jako pull requesty do Waszego repozytorium, a po wdrożeniu mierzymy CrUX i Search Console.
Co wchodzi w robotę
Renderowanie
Sprawdzamy, czy oferta jest w pierwszym HTML, czy dopiero po uruchomieniu aplikacji. SSR, SSG i świadomy prerender tam, gdzie pusta skorupa blokuje indeks.
Indeksacja i kanoniczne adresy
Mapa strony, robots, noindex na tym, co nie ma być w Google, i jeden adres tam, gdzie ta sama treść ma kilka linków. Parametry i kopie nie powinny rozjeżdżać indeksu.
Metadane i dane strukturalne
Tytuł, opis i dane Organization, Service albo FAQ zgodne z tym, co jest na stronie. Bez dopisywania ofert, których nie ma.
Pull requesty
Każda poprawka ląduje jako pull request w Waszym repozytorium. Wchodzi na produkcję dopiero po przeglądzie Waszego zespołu.
Kontrole w CI
Do pipeline dokładamy regresję SEO: tytuł i opis, kanoniczny adres, indeksowalność, JSON-LD, mapa strony i budżet Lighthouse. Następny deploy nie powinien cofać tego, co właśnie weszło.
Pomiar z pola
Przed i po patrzymy na CrUX oraz Search Console, gdy te dane już są. Lighthouse zostaje w CI jako budżet, nie jako jedyny wynik. Case studies dopiszemy, gdy będą prawdziwe i za zgodą klienta.
Czego nie robimy
- Gwarancji miejsca numer jeden i terminu, którego nie da się uczciwie podać przed audytem.
- Wpuszczania poprawek na produkcję z pominięciem przeglądu Waszego zespołu.
- Headless przeglądarki w darmowym pomiarze. Sygnał pustej skorupy, jeśli się pojawia, bierze się z HTML, który i tak pobieramy.
Obok tej roboty
Sąsiednie strony oferty. Każda ma własny adres i własny zakres.
- SEO dla SaaS i B2BGdy strona jest produktem: dokumentacja, cennik, porównania i to, co ma być publiczne.Zobacz usługę
- SzybkośćLCP, INP i CLS jako osobna robota, gdy strona już wstaje, ale każe czekać.Zobacz usługę
- Widoczność w AIAsystent cytuje to, co da się przeczytać. Pusta skorupa nie daje mu oferty.Zobacz usługę
Pytania
Czy Google w ogóle czyta strony na React?
Czyta, ale nie zawsze czeka, aż aplikacja dorysuje ofertę. Gdy w pierwszym HTML jest pusty kontener, indeks dostaje mniej, niż widzi człowiek. Dlatego patrzymy na SSR, SSG i na to, co naprawdę wychodzi z serwera.
Jak wchodzą poprawki?
Jako pull requesty w Waszym repozytorium. Zespół je przegląda. Do CI dokładamy kontrole tytułu, opisu, kanonicznego adresu, indeksowalności, JSON-LD, mapy strony i budżetu Lighthouse.
Czy obejmie to Vite i zwykłe SPA, nie tylko Next.js?
Tak. Next.js jest najczęstszym przypadkiem, bo ma SSR i SSG pod ręką. Ta sama robota dotyczy Reacta i SPA na Vite: co jest w HTML, co jest za logowaniem i czy mapa strony mówi prawdę.
Ile to kosztuje?
Wycena po bezpłatnym audycie. Na stronie są opublikowane kwoty widoczności w AI i jednorazowej szybkości.
Poprawki wchodzą jako pull requesty. Pomiar z pola powtarzamy po zmianach.