SEO za web stranice napravljene AI-jem: šta zaista važi

Web stranica napravljena AI-jem može se rangirati jednako dobro kao i svaka druga: pretraživači ocjenjuju šta stranica sadrži i koliko dobro služi posjetiocu, a ne koji je alat napisao kod. Problem je tehničke prirode. Mnogi AI graditelji prave aplikacije s jednom stranicom koje browseru šalju gotovo prazan HTML fajl, a sadržaj iscrtavaju JavaScriptom, što otežava čitanje i dijeljenje svake stranice za crawlere. Popravi to prerenderingom ili renderovanjem na serveru, daj svakoj stranici vlastiti naslov, opis i URL, dodaj sitemap, održavaj brzinu, a zatim uradi ono što ti nijedan alat ne može uraditi: napiši sadržaj koji ljudi traže.

Zašto aplikacije s jednom stranicom mogu imati problema u pretrazi

Tradicionalna web stranica šalje cijeli tekst svake stranice u svom HTML-u. Aplikacija s jednom stranicom (SPA), što je podrazumijevani izlaz mnogih AI graditelja, obično React uz alat poput Vite, šalje malu HTML ljusku, nešto poput praznog <div id="root">, plus JavaScript paket. Browser izvršava JavaScript, koji tek tada gradi stranicu.

To je važno za pretragu na tri načina:

1. Renderovanje je dodatni korak. Google opisuje tri faze za JavaScript stranice: pregleda HTML, renderuje ga u headless Chromium browseru, pa indeksira rezultat. Googleove vlastite smjernice kažu da su renderovanje na serveru ili prerendering i dalje dobra ideja, jer je brže za korisnike i crawlere te zato što svi botovi ne mogu izvršavati JavaScript.
2. Drugi čitaoci tvoje stranice uopšte ne renderuju. Pregledi linkova u chat aplikacijama i društvenim mrežama, kao i mnogi drugi crawleri, obično čitaju samo početni HTML. Ako naslov i sliku za pregled postavlja JavaScript nakon učitavanja, ti pregledi prikazuju podrazumijevane vrijednosti prazne ljuske, često isti naslov na svakoj stranici.
3. Sve dijeli jedan HTML fajl. 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 aplikacija s jednom stranicom ne može biti indeksirana. Znači da se oslanjaš na to da crawler uradi više posla i gubiš kontrolu nad onim što čitaoci koji ne renderuju vide.

Izaberi pristup renderovanju

Postoje četiri uobičajena načina da crawlerima dostaviš pravi HTML. Poredani po tome koliko mijenjaju tvoju aplikaciju, od manje ka više:

Praktično pravilo: javni, pretraživi dio tvog sajta treba biti statičan ili prerenderovan; aplikacija za prijavljene korisnike iza njega može ostati obična SPA. Pretraživači ionako ne bi trebali indeksirati kontrolne table.

Ako počinješ od nule i SEO je važan, reci to u prvom upitu da AI izabere odgovarajuću postavku:

Napravi marketinški sajt 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čku ili prerenderovanu postavku, a ne aplikaciju s jednom stranicom koja se renderuje samo na klijentu.

Ako već imaš Vite SPA, zatraži prerendering javnih ruta:

Zadrži ovu React aplikaciju kakva jeste, ali prerenderuj javne rute (/, /pricing, /about, /blog i svaki /blog/:slug) u statički HTML pri izgradnji, sa svakom imaju vlastiti naslov, meta opis, kanonski URL i Open Graph oznake. Rute /app za prijavljene korisnike mogu ostati renderovane na klijentu.

Nakon toga provjeri sam: otvori stranicu, izaberi View page source (a ne Elements panel u dev alatima, koji prikazuje već renderovanu stranicu) i potvrdi da su tekst i naslov u sirovom HTML-u.

Postavi osnove na stranici

Ove stvari vrijede bez obzira na pristup renderovanju.

Naslovi i meta opisi

• Jedinstven <title> za svaku stranicu, s glavnom temom stranice na početku. Okvirna smjernica je oko 50–60 znakova, jer duži naslovi u rezultatima obično budu skraćeni.
• Jedinstven meta opis za svaku stranicu — rečenica koju bi čovjek poželio kliknuti, a ne lista ključnih riječi. Google ga može prepisati, ali dobar se često koristi.
• Preskoči meta ključne riječi. Google kaže da oznaka nema uticaja na indeksiranje ni rangiranje.

URL-ovi, naslovi i linkovi

• Pravi URL-ovi za prave stranice. Svaki dio sadržaja treba svoju putanju (/services/sports-massage), a ne karticu ili modal koji postoji tek nakon klika. Izbjegavaj rutiranje preko # fragmenata za sadržaj koji želiš indeksirati.
• Jedan h1 po stranici, zatim razuman raspored h2/h3. AI generisani dizajni ponekad koriste naslove za stil; zatraži semantičke naslove.
• Linkovi koje crawleri mogu pratiti. Za navigaciju koristi prave <a href> linkove. Dugmad koja mijenjaju stranicu JavaScriptom nevidljiva su crawlerima koji prate linkove.
• Kanonske oznake koje svaku stranicu usmjeravaju na preferirani URL, kako se ?utm= varijante i duplikati s kosom crtom na kraju ne bi takmičili.
• Opisan alt tekst na značajnim slikama.

Pregledi na društvenim mrežama

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

Sitemape i robots.txt

Sitemap je XML fajl koji nabraja URL-ove koje želiš indeksirati. Pomaže pretraživačima da pronađu stranice, posebno na novim sajtovima s malo dolaznih linkova. Prema Googleovoj dokumentaciji, od septembra 2026:

• Jedna sitemapa može sadržati do 50.000 URL-ova ili 50 MB nekomprimovano; veće sajtove podijeli pomoću indeksa sitemapa.
• Google ignoriše <priority> i <changefreq>.
• Google koristi <lastmod> samo ako je dosljedno tačan, pa ga ažuriraj za stvarne promjene sadržaja, a ne pri svakoj izgradnji.

robots.txt fajl govori crawlerima koje putanje ne pregledati. Koristi ga da držiš crawlere podalje od /app, /admin i API ruta, i u njemu uputi na sitemapu. Zapamti da robots.txt zaustavlja pregledanje, a ne indeksiranje: da stranica ne bi bila u rezultatima, koristi meta oznaku noindex i dozvoli da bude pregledana.

Sitemapu pošalji u Google Search Console kada sajt bude na konačnom domenu. Search Console takođe pokazuje koje su stranice indeksirane i zašto druge nisu — to je najkorisniji besplatni SEO alat.

Strukturirani podaci

Strukturirani podaci su mašinski čitljiva oznaka koja opisuje šta stranica jeste: organizaciju, lokalni biznis, proizvod, članak, događaj. Google preporučuje JSON-LD format i jasan je u dvije tačke:

• Mogu učiniti stranice podobnim za bogate rezultate, ali ne garantuju ih.
• Moraju opisivati informacije vidljive na stranici. Ne označavaj recenzije, cijene ni FAQ koje posjetioci ne mogu vidjeti.

Razumne početne tač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 koristeći adresu, telefon i radno vrijeme koji su već prikazani na stranici, i 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 posjetiocima bez obzira na to. Googleovi "dobri" pragovi, mjereni na 75. percentilu učitavanja stranica, su:

Uobičajena rješenja za sajtove napravljene AI-jem:

• Slike — smanji, kompresuj, koristi moderne formate, postavi širinu i visinu (što sprječava skakanje rasporeda) i odloži učitavanje onoga što je ispod preloma.
• JavaScript — velik paket usporava sve na SPA-u. Prerendering pomaže; pomaže i dijeljenje koda po ruti.
• Fontovi — ograniči broj porodica i težina i unaprijed učitaj onaj koji se koristi iznad preloma.
• Skripte trećih strana — svaki chat widget i praćenje piksela troše brzinu. Zadrži samo one koje koristiš.

Testiraj živi URL pomoću PageSpeed Insights ili Lighthouse u mobilnom režimu.

Sadržaj je i dalje najvažniji

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

• Jedna stranica po temi koju ljudi traže. Vodoinstalateru treba stranica po usluzi i po području koje pokriva, a ne jedna stranica "Usluge" koja sve navodi.
• Konkretni, originalni detalji — cijene, proces, fotografije stvarnog rada, odgovori na pitanja koja kupci postavljaju telefonom.
• Ažuriranje kada se stvari promijene. Zastarjelo radno vrijeme i stare cijene brzo gube povjerenje.

AI može brzo napraviti nacrte stranica, što navodi na objavljivanje mnogo tankih, sličnih stranica. Googleove smjernice ciljaju na sadržaj napravljen prvenstveno da se rangira, a ne da pomogne ljudima, bez obzira na to kako je nastao. Koristi AI za nacrt, zatim dodaj ono što samo ti znaš. Sajtovi u stilu direktorija s tim se najviše suočavaju; pogledaj kako napraviti web stranicu direktorija za to kako napraviti stranice s unosima vrijednim indeksiranja.

Kontrolna lista za lansiranje

• Javne stranice isporučuju cijeli sadržaj u početnom HTML-u (provjeri View page source)
• Jedinstven 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> veze, alt tekst na slikama
• sitemap.xml sa stvarnim URL-ovima; robots.txt koji blokira putanje aplikacije i API-ja
• Strukturirani podaci samo za vidljiv sadržaj, testirano
• LCP, INP i CLS u "dobrom" opsegu na mobilnom uređaju
• Sajt na konačnom domenu s HTTPS-om i poslat u Search Console

Prelazak na vlastiti domen prije nego što počneš graditi saobraćaj iz pretrage izbjegava kasnije preusmjeravanje — pogledaj kako povezati vlastiti domen. Za širi proces izgradnje pročitaj kako napraviti web stranicu s AI-jem, a za stranice čiji je cilj pretvoriti posjetioce, kako napraviti landing stranicu koja konvertuje.

SEO na Mythexu

Mythex nema poseban SEO panel; SEO poboljšavaš mijenjanjem aplikacije kroz chat ili kod. Nove web aplikacije podrazumijevano su Vite i React aplikacija s jednom stranicom, pa kada je pretraga važna, od početka zatraži statički ili prerenderovan sajt, ili Next.js. Dokumentacija ima početni upit za naslove, Open Graph oznake, sitemapu i robots.txt u SEO za tvoju aplikaciju, a statički sajtovi pokrivaju sajtove usmjerene na sadržaj. Nakon promjena ponovo objavi da živi sajt preuzme izmjene. Prilagođeni domeni su dostupni u Pro planu.

Pitanja