SEO za web stranice izrađene AI-jem: što zaista važi

Web stranica izrađena AI-jem može jednako dobro rangirati kao i bilo koja druga: pretraživači ocjenjuju što stranica sadrži i koliko dobro služi posjetitelju, a ne koji je alat napisao kod. Haken je tehnički. Mnogi AI alati proizvode jednostranične aplikacije koje pregledniku šalju gotovo praznu HTML datoteku i sadržaj crtaju JavaScriptom, što svaku stranicu čini težom za čitanje i dijeljenje za robote. To popravi prerenderiranjem ili renderiranjem na poslužitelju, daj svakoj stranici vlastiti naslov, opis i URL, dodaj sitemap, održavaj brzinu, a zatim napravi dio koji ti nijedan alat ne može napraviti — napiši sadržaj koji ljudi traže.

Zašto jednostranične aplikacije mogu slabo proći na pretraživačima

Tradicionalna web stranica šalje cijeli tekst svake stranice u svom HTML-u. Jednostranična aplikacija (SPA) — uobičajen rezultat mnogih AI alata, obično React s alatom poput Vitea — šalje malu HTML ljusku, nešto poput praznog <div id="root">, plus JavaScript paket. Preglednik izvršava JavaScript, koji tek tada izgrađuje stranicu.

To je važno za pretraživanje na tri načina:

1. Renderiranje je dodatni korak. Google opisuje tri faze za JavaScript stranice: pregled HTML-a, renderiranje u headless Chromiumu, zatim indeksiranje renderirane verzije. Googleove vlastite smjernice kažu da je renderiranje na poslužitelju ili prerenderiranje i dalje dobra ideja jer je brže za korisnike i robote te zato što nisu svi botovi u stanju izvršavati JavaScript.
2. Drugi čitatelji tvoje stranice uopće ne renderiraju. Pregledi poveznica u chat aplikacijama i društvenim mrežama te mnogi drugi roboti obično čitaju samo početni HTML. Ako naslov i slika pregleda postavlja JavaScript nakon učitavanja, ti pregledi prikazuju zadane vrijednosti prazne ljuske — često isti naslov na svakoj stranici.
3. Sve dijeli jednu HTML datoteku. Osim ako aplikacija to ne ažurira, svaki URL ima isti <title> i opis, što pretraživačima govori malo o svakoj stranici.

Ništa od ovoga ne znači da se SPA ne može indeksirati. Znači da se oslanjaš na to da robot radi više posla i gubiš kontrolu nad onim što čitatelji koji ne renderiraju vide.

Odaberi pristup renderiranju

Postoje četiri uobičajena načina da robotima daš pravi HTML. Poredani po tome koliko mijenjaju tvoju aplikaciju:

Praktično pravilo: javni, pretraživi dio stranice treba biti statičan ili prerenderiran; aplikacija iza prijave može ostati normalna SPA. Pretraživači ionako ne bi trebali indeksirati nadzorne ploče.

Ako kreneš od nule i SEO je važan, reci to u prvom upitu kako bi AI odabrao prikladno postavljanje:

Izradi marketinšku stranicu za kliniku fizikalne terapije sa stranicama Početna, Usluge (jedna stranica po usluzi), O nama, Cijene i Kontakt. SEO je važan: svaka stranica mora u početnom HTML-u isporučiti cijeli sadržaj i vlastiti naslov i meta opis — koristi statično ili prerenderirano postavljanje, a ne isključivo klijentsku jednostraničnu aplikaciju.

Ako već imaš Vite SPA, zamoli prerenderiranje javnih ruta:

Zadrži ovu React aplikaciju kakva jest, ali prerenderiraj javne rute (/, /pricing, /about, /blog i svaki /blog/:slug) u statički HTML pri izradi, svaku sa vlastitim naslovom, meta opisom, kanonskim URL-om i Open Graph oznakama. Rute /app iza prijave mogu ostati renderirane na klijentu.

Nakon toga sam provjeri rezultat: otvori stranicu, odaberi Prikaži izvorni kod stranice (a ne panel Elements u alatima za programere, koji prikazuje renderiranu stranicu) i potvrdi da su tekst i naslov u sirovom HTML-u.

Postavi osnove na samoj stranici

Ovo vrijedi bez obzira na pristup renderiranju.

Naslovi i meta opisi

• Jedan jedinstven <title> po stranici, s glavnom temom stranice na početku. Oko 50–60 znakova uobičajena je smjernica jer se dulji naslovi obično skraćuju u rezultatima.
• Jedan jedinstven meta opis po stranici — rečenica koju bi čitatelj htio kliknuti, a ne popis ključnih riječi. Google ga može prepisati, ali dobar opis se često koristi.
• Preskoči meta keywords. Google kaže da oznaka nema utjecaja na indeksiranje ni rangiranje.

URL-ovi, naslovi i poveznice

• Pravi URL-ovi za prave stranice. Svaki dio sadržaja treba vlastitu putanju (/services/sports-massage), a ne karticu ili modal koji postoji tek nakon klika. Izbjegavaj usmjeravanje s # fragmentom za sadržaj koji želiš indeksirati.
• Jedan h1 po stranici, zatim razumna struktura h2/h3. AI generirani dizajni ponekad koriste naslove za stiliziranje; traži semantičke naslove.
• Poveznice koje roboti mogu pratiti. Za navigaciju koristi prave <a href> poveznice. Gumbi koji mijenjaju stranicu JavaScriptom nevidljivi su robotima koji prate poveznice.
• Kanonske oznake koje svaku stranicu usmjeravaju na njezin preferirani URL, kako se ?utm= varijante i duplikati s kosom crtom na kraju ne bi natjecali.
• Opisni alt tekst na značajnim slikama.

Pregledi za društvene mreže

Dodaj Open Graph oznake (og:title, og:description, og:image, og:url) na svaku javnu stranicu, u početnom HTML-u. To je dio koji SPA-ovi najčešće pogrešno rade, jer botovi za preglede poveznica ne izvršavaju JavaScript.

Sitemap i robots.txt

Sitemap je XML datoteka s popisom URL-ova koje želiš indeksirati. Pomaže pretraživačima pronaći stranice, osobito na novim stranicama s malo dolaznih poveznica. Prema Googleovoj dokumentaciji, od rujna 2026.:

• Jedan sitemap može sadržavati do 50.000 URL-ova ili 50 MB nekomprimirano; veće stranice dijeli indeksom sitemapa.
• Google ignorira <priority> i <changefreq>.
• Google koristi <lastmod> samo ako je dosljedno točan, pa ga ažuriraj za stvarne promjene sadržaja, a ne pri svakoj izradi.

Datoteka robots.txt govori robotima koje putanje ne smiju puzati. Koristi je da držiš robote podalje od /app, /admin i API ruta te u njoj navedi sitemap. Zapamti da robots.txt zaustavlja puzanje, a ne indeksiranje: da stranica ne bi bila u rezultatima, koristi meta oznaku robots noindex i dopusti joj da bude ispuzana.

Pošalji sitemap u Google Search Console kada stranica bude na konačnoj domeni. Search Console također pokazuje koje su stranice indeksirane i zašto druge nisu — to je najkorisniji besplatni SEO alat koji postoji.

Strukturirani podaci

Strukturirani podaci su strojno čitljiva oznaka koja opisuje što je stranica: organizacija, lokalna tvrtka, proizvod, članak, događaj. Google preporučuje format JSON-LD i jasan je u dvije točke:

• Mogu stranicu učiniti prikladnom za bogate rezultate, ali ne jamče ih.
• Moraju opisivati informacije vidljive na stranici. Ne označavaj recenzije, cijene ili FAQ-ove koje posjetitelji ne mogu vidjeti.

Razumne polazne točke: Organization ili LocalBusiness na početnoj stranici, Product na stranicama proizvoda, Article na blog objavama, BreadcrumbList na dubljim stranicama. Testiraj Googleovim Rich Results Testom.

Dodaj JSON-LD strukturirane podatke: LocalBusiness na početnoj stranici s adresom, telefonom i radnim vremenom koji su već prikazani na stranici, te Article na svakoj blog objavi. Ne dodavaj ocjene ni recenzije.

Brzina i mobilni uređaji

Google koristi signale iskustva stranice, uključujući Core Web Vitals, a brzina je važna posjetiteljima u svakom slučaju. Googleovi pragovi „dobro“, mjereni na 75. percentilu učitavanja stranice, jesu:

Uobičajena rješenja za stranice izrađene AI-jem:

• Slike — smanji, komprimiraj, koristi moderne formate, postavi širinu i visinu (što sprječava pomak rasporeda) i lijeno učitavaj ispod preloma.
• JavaScript — velik paket usporava sve na SPA-u. Prerenderiranje pomaže; pomaže i dijeljenje koda po ruti.
• Fontovi — ograniči obitelji i debljine i unaprijed učitaj onaj koji se koristi iznad preloma.
• Skripte trećih strana — svaki chat widget i praćeni piksel usporava stranicu. Zadrži one koje koristiš.

Testiraj živi URL s PageSpeed Insights ili Lighthouseom u mobilnom načinu rada.

Sadržaj je i dalje većina posla

Tehnički SEO uklanja prepreke; ne stvara potražnju. Stranice rangiraju jer na pretragu odgovaraju bolje od alternativa. Za većinu malih stranica to znači:

• Jedna stranica po temi koju ljudi traže. Vodoinstalater treba stranicu za svaku uslugu i za svako područje koje pokriva, a ne jednu stranicu „Usluge“ koja sve nabraja.
• Konkretni, originalni detalji — cijene, proces, fotografije stvarnih radova, odgovori na pitanja koja kupci postavljaju telefonom.
• Ažurirano kada se nešto promijeni. Zastarjelo radno vrijeme i stare cijene brzo gube povjerenje.

AI može brzo napisati stranice, što izaziva iskušenje da objaviš puno tankih, sličnih stranica. Googleove smjernice ciljaju na sadržaj napravljen prvenstveno za rangiranje, a ne za pomoć ljudima, bez obzira na to kako je nastao. Koristi AI za nacrt, a zatim dodaj ono što samo ti znaš. Stranice tipa imenika s time se najviše suočavaju; pogledaj kako izraditi web stranicu imenika za to kako napraviti stranice s popisima vrijedne indeksiranja.

Popis za lansiranje

• Javne stranice isporučuju cijeli sadržaj u početnom HTML-u (provjeri Prikaži izvorni kod stranice)
• Jedinstveni naslov, meta opis i kanonski URL na svakoj stranici
• Open Graph oznake i slika za dijeljenje na svakoj javnoj stranici
• Jedan h1 po stranici, prave <a href> poveznice, alt tekst na slikama
• sitemap.xml sa stvarnim URL-ovima; robots.txt blokira putanje aplikacije i API-ja
• Strukturirani podaci samo za vidljiv sadržaj, testirani
• LCP, INP i CLS u rasponu „dobro“ na mobilnom uređaju
• Stranica na konačnoj domeni s HTTPS-om i poslana u Search Console

Prijelaz na vlastitu domenu prije nego što započneš izgradnju prometa s pretraživača izbjegava kasnije preusmjeravanja — pogledaj kako povezati prilagođenu domenu. Za širi proces izrade pogledaj kako izraditi web stranicu uz AI, a za stranice čiji je cilj pretvoriti posjetitelje, kako izraditi landing stranicu koja konvertira.

SEO na Mythexu

Mythex nema zaseban SEO panel; SEO poboljšavaš mijenjanjem aplikacije kroz razgovor ili kod. Nove web aplikacije po zadanom koriste Vite i React jednostraničnu aplikaciju, pa kada je pretraživanje važno, od početka zamoli statičku ili prerenderiranu stranicu ili Next.js. Dokumentacija ima početni upit za naslove, Open Graph oznake, sitemap i robots.txt u SEO za tvoju aplikaciju, a statičke web stranice pokrivaju stranice usmjerene na sadržaj. Nakon promjena ponovno objavi kako bi živa stranica preuzela izmjene. Prilagođene domene dostupne su u Pro paketu.

Pitanja