Wyszukiwarki nagradzają szybki HTML, poprawne metadane i brak błędów UX. Next.js 13+ App Router dobrze do tego pasuje, o ile świadomie wybierzesz strategię renderowania.
SSG i ISR
Dla treści publicznej preferuj generowanie statyczne lub ISR z revalidate; unikaj CSR-only dla stron, które mają rankować.
Metadata API
generateMetadata dla tytułów, opisów, canonical i Open Graph; spójne szablony dla szablonów dynamicznych tras.
Structured data
JSON-LD BlogPosting, FAQPage, BreadcrumbList — renderowane po stronie serwera, walidacja w Rich Results Test.
Sitemap i robots
app/sitemap.ts i robots.ts; dla wielu języków rozważ hreflang w metadata.alternates.
Core Web Vitals
- LCP: next/image z priority, SSG, preload krytycznych zasobów
- INP: mniej JS klienta, lazy importy
- CLS: wymiary obrazów, font display swap, rezerwa miejsca na dynamiczne bloki
Typowe błędy
Treść ładowana tylko w useEffect, brak canonical, zła obsługa 404, blokowanie zasobów w robots.txt, ignorowanie pól Core Web Vitals.
Budujecie witrynę w Next.js pod SEO i wydajność — wspieramy audyt, implementację i szkolenia zespołu.
Najczęściej zadawane pytania
- Tak — przy SSG/ISR, metadata i dobrych CWV często przewyższa czyste SPA.
- SSG/ISR dla treści marketingowych; SSR gdy treść jest silnie personalizowana i musi być świeża per request.
- Przez alternates.languages w generateMetadata i spójne ścieżki per locale.