Čuli smo ovu rečenicu previše puta: 'SEO ćemo raditi posle lansiranja.' Razumijemo logiku — projekat mora da se završi, rokovi pritišću, a SEO izgleda kao nešto što može da se doda kasnije. Problem je što nije.
Zašto je SEO najjeftiniji u prvom sprintu
Svaka odluka u arhitekturi utiče na SEO: struktura URL-ova, kako se renderuju podaci, da li stranice imaju statički HTML ili se generišu na klijentu, kako su slike optimizovane. Promijeniti te odluke posle lansiranja znači refaktoring koji košta 3-5x više od ispravnog rada od starta.
Konkretno: ako si izgradio SPA (Single Page Application) i Google ne može da indeksira sadržaj jer se renderuje na klijentu, nemiraš u alt-u da dodaš meta tag. Moraš da mijenjaš arhitekturu renderovanja.
Core Web Vitals: šta stvarno utiče
LCP (Largest Contentful Paint) — cilj: ispod 1.2s
- Hero slika mora biti preloaded (<link rel='preload'>) i servirana u WebP
- Nema layout shifta iznad folda — dimenzije slike definisane statički
- Font preload za primarne fontove koji se koriste above the fold
- Server response time ispod 200ms — Edge runtime ili dobro keširani statički fajlovi
CLS (Cumulative Layout Shift) — cilj: 0
- Svaka slika ima width i height atribute ili aspect-ratio u CSS-u
- Web fontovi nemaju FOUT (Flash of Unstyled Text) — font-display: optional ili swap sa rezervom
- Dinamički učitan sadržaj (ads, embeds) ima rezervisani prostor u DOM-u
INP (Interaction to Next Paint) — cilj: ispod 200ms
Heavy JavaScript koji blokira main thread. Event handleri koji rade previše posla. Provjeri sa Chrome DevTools Performance tab na mobilnom CPU throttlingu (4x slowdown).
Lighthouse 100 na desktopу je minimum. Pravi test je Lighthouse na mobilnom sa spором mrežom.
Strukturirani podaci: šta Google zapravo čita
Schema.org markup nije magija koja gura na prvu poziciju, ali je signal koji Google koristi za rich snippets — zvijezdice, FAQ accordion, breadcrumbs u rezultatima. Za agenciju: Organization, WebSite, Service, LocalBusiness. Za e-commerce: Product, Review, BreadcrumbList.
Svaki naš projekat dobija minimalno Organization i WebSite schema od prvog dana. E-commerce projekti dobijaju potpunu Product schema, uključujući availability, price i review aggregate.
Next.js specifičnosti koje volimo
- generateMetadata() API — dinamički meta tagovi bez client-side biblioteka
- next/image — automatski WebP, lazy loading, blur placeholder, srcset
- App Router sa statičkim generisanjem — svaka stranica je pre-rendered HTML koji Google može odmah da indeksira
- Sitemap.xml generisan automatski iz ruta — nikad zastario
