SEO techniczne dla Next.js: kompletna checklista 2025
Praktyczna checklista SEO technicznego dla Next.js: CWV, i18n, sitemap, schema, robots, performance, caching i bezpieczeństwo.
Ta checklista obejmuje najważniejsze elementy SEO technicznego w Next.js App Router. Zastosuj ją przed publikacją i w cyklicznych audytach.
Core Web Vitals (CWV)
Core Web Vitals to kluczowe metryki, które Google używa do oceny jakości strony. LCP (Largest Contentful Paint) powinien być poniżej 2.5 sekundy – osiągniesz to przez priority dla hero image, preconnect do CDN i preload fontów. INP (Interaction to Next Paint) musi być poniżej 200 ms, co wymaga usuwania niepotrzebnego JavaScript, unikania ciężkich efektów i używania pasywnych eventów. CLS (Cumulative Layout Shift) powinien być poniżej 0.1 – rezerwuj miejsce na media i unikaj dynamicznych przesunięć elementów.
Metadane i sitemap
Prawidłowe metadane to fundament SEO. Używaj generateMetadata per strona, zapewniając unikalne tytuły i opisy oraz poprawne kanoniczne URL-e. robots.ts i sitemap.xml powinny być automatyczne i aktualne dla bloga i ofert. Nie zapomnij o OpenGraph/Twitter meta oraz obrazach OG, które mogą być generowane automatycznie lub statyczne.
Struktura Hx i treść
Struktura nagłówków to klucz do dobrego SEO. Używaj jednego H1 na stronę, a H2/H3 jako logiczne sekcje. Słowo kluczowe powinno pojawić się w H1, tytule i pierwszych 100–150 znakach treści. Nie zapomnij o linkowaniu wewnętrznym do kluczowych ofert i powiązanych artykułów – to pomaga Google zrozumieć strukturę Twojej strony i przekazuje autorytet między stronami.
Schema.org (structured data)
Strukturyzowane dane pomagają Google lepiej zrozumieć treść Twojej strony. Używaj Article, BreadcrumbList, FAQPage tam, gdzie to pasuje, oraz Organization w globalu. Dla ofert dodaj Product/Service z ceną i AggregateRating przy recenzjach – to może zaowocować rich snippets w wynikach wyszukiwania.
i18n i hreflang
Dla stron wielojęzycznych kluczowe są tagi alternate z hreflang dla języków/rynków oraz poprawny x-default. Zapewnij spójne slug-i, tłumaczenia meta i treści, unikając duplikacji – to pomoże Google prawidłowo indeksować różne wersje językowe.
Performance i bundling
Wydajność to klucz do dobrego SEO. Używaj code-splitting i dynamic() dla ciężkich komponentów, unikając hydrate ciężkich bibliotek na kluczowych widokach. Optymalizuj obrazy z next/image, WebP/AVIF i lazy-loading poza viewportem – to znacząco poprawi Core Web Vitals.
Caching i ISR
Inteligentne cachowanie to podstawa wydajności. Używaj ISR (revalidate) dla bloga i cache na edge tam, gdzie to ma sens. Etykiety cache dla fetchy i stale-while-revalidate w odpowiednich miejscach zapewnią szybkie ładowanie przy zachowaniu aktualności treści.
Bezpieczeństwo i crawlability
Bezpieczeństwo to podstawa zaufania Google. Ustaw odpowiednie nagłówki: CSP, HSTS, X-Frame-Options, X-Content-Type-Options. Zapewnij 404/410 dla nieaktualnych adresów i 301 dla stałych zmian – to pomoże Google prawidłowo indeksować Twoją stronę.
Analityka i monitoring
Monitoring to klucz do ciągłego doskonalenia SEO. Używaj PostHog/GTM do śledzenia eventów konwersji i scroll, mając jasny plan pomiaru. Search Console, sitemap ping i monitoring pozycji oraz CWV w CrUX pomogą Ci śledzić postępy i identyfikować obszary do poprawy.
Tagi:
Gotowy na start swojego projektu?
Skontaktuj się ze mną, aby omówić Twoje potrzeby i otrzymać bezpłatną konsultację.
+10