Prompt za web stranicu: kad AI napiše kod koji stvarno radi
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.
- Odlično radi na: ponavljanju — responzivne inačice, male komponente, konverzija dizajna u kod, tekstualne alternative slika, prijenos sadržaja, pisanje meta opisa i strukturiranih podataka
- Radi slabije na: arhitekturi, pristupačnosti, sigurnosti, SEO strukturi i svemu gdje pogreška ne pokazuje vizualno
- Ne može nikad: znati tko ste, tko su vaši klijenti i što je vaš posao
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:
- Tehnologija — bez ovoga model sam odabire alat i dobijete nešto što ne možete objaviti
- Uvjeti — „font kao varijabla", „poštuj prefers-reduced-motion", „bez placeholdera" su upute koje inače zaboravite, a poslije traju
- Stvarni tekst — bez njega model napiše „Vaš naslov ovdje", što znači da poslije tražite sadržaj kroz kod
- Format isporuke — određuje što dobivate i što ćete sami održavati
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