WEB
Pređite mišem preko naslova za više detalja.
  1. Početna
  2. Blog
  3. Prompt za web stranicu

Prompt za web stranicu: kad AI napiše kod koji stvarno radi

Objavljeno: 17. rujna 2026. • Vrijeme čitanja: 8 minuta

AI je iz dana u dana bolji u pisanju koda, pa je prirodno pitanje zašto se web stranice i dalje prave ručno. Odgovor je u tome gdje model stvarno pomaže, a gdje samo izgleda kao da pomaže. Razlika je jasna i vrijedna razumijevanja prije nego što se radi odluka o alatu i budžetu.

U ovom vodiču pokazujemo koji prompt daje kod koji možete stvarno koristiti, što morate provjeriti prije objave i gdje AI donosi realnu uštedu vremena — a gdje samo dojam brzine.

Što AI može, a što ne može

Model piše kod koji izgleda ispravno jer se tako prikazuje — a ne jer je netko pokrenuo i testirao. Nema povratnu vezu iz preglednika, ne zna vaše poslovanje i ne vidi da je nešto slomljeno. Zato je potpuno pogrešno pitati ga može li napisati cijelu web stranicu. Ne može — ali može napisati velik dio posla koji je inače najdosadniji.

Praktična posljedica: AI skraćuje dosadnji dio projekta, a ne odluku o tome što se gradi. Upravo zato izrada stranice ne postaje znatno jeftinija sama od sebe — cijenu i dalje određuje broj sati koje netko provjeri.

Prompt koji stvarno daje upotrebljiv kod

Prompt za web kod mora biti precizniji od prosječnog prompta, jer model nema nikakvu povratnu vezu — pogreška se ne vidi dok je ne otvorite u pregledniku. Zato svaki element koji inače možete izostaviti, ovdje treba navesti.

Primjer upute koja radi:

Uloga: Senior frontend developer koji piše čist, production-ready HTML i CSS bez frameworka.

Zadatak: Napravi responzivnu hero sekciju za web stranicu tvrtke koja popravlja klima uređaje.

Kontekst: Cilj je kontakt forma u prvom ekranu. Publika su 50+ godina, zato kontrast mora biti visok i font velik.

Primjer sadržaja: Naslov „Klima uređaj koji ne znoji i ne buči", podnaslov „Servis u roku 24 sata u cijeloj Primorju", gumbi „Dogovori termin" i „Kontakt".

Format: Jedan HTML fajl s ugrađenim CSS-om u style bloku, bez JavaScript-a.

Ograničenja: Bez frameworka i bez build koraka. Font stavi varijablu na vrhu. Dodaj `prefers-reduced-motion`. Bez placeholder slika.

Zašto svaki taj red radi:

Kod koji dobijete zatim čitate kao da ga je napisao junior koji je uvjeren u sebe. To je dobar mentalni model: kod izgleda ispravno, ali ne radi dok ga ne pokrenete.

Provjera koju morate napraviti sami

Ovo je dio koji se najčešće preskoči, a jedini je u kojem se može napraviti stvarna šteta. Model ne može procijeniti sigurnost koda jer ga nikad nije pokrenuo.

Sigurnost

Provjerite ima li koda gdje se korisnički unos spaja izravno u SQL upit. Taj uzorak je najčešći i najopasniji. Pogledajte jesu li tajne u kodu umjesto u poslužiteljskoj varijabli. Provjerite obrazac za prijavu — bez ograničenja broja pokušaja nije zaštita, nego samo usporavanje. I jedno: nikad ne unosite stvarne ključeve u razgovor s modelom.

Pristupačnost

Alternativni tekstovi su često izmišljeni, kontrast pretpostavljen, a fokus i redoslijed tipkovnice rijetko kada rade ispravno. Provjerite jednom tipkovnicom, bez miša. To je brz test koji otkriva najviše problema.

Ponašanje na stvarnom mobitelu

Usporedbe koje se na računalu ne vide — širina koja prelije, dodirne mete premale, fiksni element koji prekriva sadržaj, prekrupno velik font. Uvijek provjerite na stvarnom uređaju, jer se na računalu desktop preglednik ne može zamijeniti s mobilnim preglednikom.

Sadržaj i točnost

Model će bez problema napisati uvjerljivu specifikaciju proizvoda, radno vrijeme ili broj klijenata koja ne postoji. Sve brojke, datume i tvrdnje provjerite iz izvora prije objave — jer će izgledati profesionalno napisano upravo zato što model tako piše.

Je li zbog toga jeftinije?

Kratki odgovor: sama tehnologija nije jeftinija. Cijenu izrade određuje koliko sati netko radi, a ne koji alat ste odabrali. AI skraćuje dosadnji dio, ali ne i odluku o arhitekturi, sadržaju i završno testiranje.

Gdje se ipak vidi stvarna razlika jest u troškovima održavanja. Custom stranica nema mjesečnu licencu za teme i pluginove, nema nadogradnji koje vam netko drugi ubacuje, i nema zavisnosti o tome je li plugin još u redovitoj uporabi. Taj se trošak ne vidi u prvoj godini, nego u trećoj ili petoj — zato rješenje koje na prvi pogled izgleda jeftinije dugoročno ispadne jeftinije.

Kod WordPressa ti su troškovi realni, samo se osjećaju kasnije. Kod custom rješenja nema licence, ali zahtijeva netko tko zna održavati kod. To je iskrena razlika, a ne slogan.

Hoće li Google kažnjavati AI stranice

Ne postoji kazna za korištenje AI pri izradi stranice. Google je to izrijekom izjavio više puta: za njega je bitna kvaliteta i korisnost sadržaja, a ne način proizvodnje. Ne postoji ni pouzdani „AI detektor” koji bi razlikovao pomoć modela od ljudskog rada — i zato se na njega ne oslanjate ni vi ni vaši konkurenti.

Problem nastaje drugdje, i nije u tome što ste koristili nego u tome što je ostalo. Stranica napravljena samo zato da postoji — bez sadržaja koji nekome nešto daje — loša je bez obzira na to tko ju je napisao. I obrnuto: sadržaj koji čovjeku stvarno odgovara na pitanje neće biti penaliziran ni zato što je pri pisanju pomogao model.

Jedini test koji stoji: ima li stranica razlog za postojanje i bi li je netko otvorio dvaput. Sve ostalo je rasprava o nečemu što Google ne mjeri.

Realna očekivanja

Ako planirate web stranicu s timskim radom i ograničenim rokom, jedna praktična posljedica: ubrzani ciklus izrade ne znači da možete preskočiti fazu provjere. Ubrzite izradu, a fazu testiranja zadržite punom snagom. Jedna greška pronađena prije objave je jeftina, a ispravka greške na živom sajtu je upravo ono zbog čega se radi ova provjera.

Ako vam treba pomoć s konkretnim projektom, pogledajte izradu web stranica ili nam se javite — procijenimo postoji li u vašem projektu dio gdje AI stvarno pomaže.

Česta pitanja

Može li AI sam napisati cijelu web stranicu?

Može napisati dobar dio koda, ali ne i dobru web stranicu. Model proizvodi kod koji izgleda ispravno jer se tako prikazuje, a ne jer radi — nema povratnu vezu iz preglednika, ne testira ga nitko i ne zna vaš poslovanje. AI je vrlo koristan za brzo pisanje komponenti, ponavljanja i sitnica, a odluku o arhitekturi, sadržaju i provjeru i dalje donosi čovjek.

Je li AI izrada web stranica jeftinija od WordPressa?

Sama tehnologija nije ni jeftinija ni skuplja — cijenu određuje koliko sati netko radi, a ne odabrani alat. Razlika je u troškovima održavanja: custom stranica nema mjesečne licence za pluginove i teme, pa je dugoročno jeftinija. Kod WordPressa ti se troškovi osjećaju tek nakon nekoliko godina, kada počnete dodavati dodatke.

Kako znati je li kod koji je AI napisao siguran?

Model ne može procijeniti sigurnost koda jer ga ne pokreće. Provjerite ručno: koristi li se korisnički unos bez provjere, ima li SQL upita spojenih izravno iz korisničkog unosa, jesu li tajne u kodu umjesto u poslužiteljskoj varijabli, i ima li obrazac za prijavu ograničenje broja pokušaja. Kod koji ne možete objasniti, ne objavljujte.

Hoće li Google penalizirati web stranicu napravljenu s AI pomoću?

Ne postoji kazna za korištenje AI pri izradi stranice — Google je više puta izjavio da je za njega bitna kvaliteta i korisnost sadržaja, a ne način proizvodnje. Problem nastaje kad se taj način vidi u rezultatu: generički, bezvrijedan tekst koji postoji samo da bi postojao. Sadržaj koji ima iskrenu vrijednost čovjeku neće biti penaliziran ni zato što je pri pisanju pomogao model.

Koliko vremena stvarno štedi AI pri izradi stranice?

Najviše na ponavljanju: varijacije, responzivne inačice, sitne komponente, prijenos sadržaja, tekstualne alternative slika. Upravo na tome se život web projekta najčešće potroši, i upravo tu je ušteda najveća. Arhitektura, sadržaj i završno testiranje traje koliko i bez AI-ja.

Treba vam web stranica bez mjesečnih licenci?

Gradimo custom web stranice brze, sigurne i optimizirane za Google — bez WordPressa i bez troška licence koji raste s tvrtkom.

Zatraži besplatne konzultacije