1. Početna
  2. Blog
  3. Prompt za web stranicu

AI alati

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

AI može pripremiti strukturu stranice, napisati komponente i pomoći pri doradi koda. Rezultat ovisi o uputi, dostupnim alatima i provjeri. Običan razgovor s modelom i razvojni agent koji može pokrenuti testove ili preglednik nemaju iste mogućnosti.

4 min čitanja

ažurirano 1. 10. 2026.

objavljeno 17. 9. 2026.

U ovom tekstu
  1. Prije prompta odredite opseg
  2. Primjer prompta za jednostavnu stranicu
  3. Što razvojni agent može provjeriti
  4. Provjere prije objave
  5. Trošak ovisi o projektu, ne samo o alatu
  6. AI sadržaj i Google Search

Dobar prompt zato opisuje što gradite, za koga, kojim tehnologijama i kako ćete provjeriti rezultat. Sljedeći primjer je izmišljeni zadatak za jednostavnu prezentacijsku stranicu, a ne gotova specifikacija za trgovinu ili aplikaciju.

Prije prompta odredite opseg

Zapišite svrhu stranice, publiku, potrebne sekcije i način kontakta. Pripremite stvarne tekstove i fotografije ili jasno označite što tek treba dostaviti. Ako stranica treba prijavu, plaćanje ili pohranu podataka, navedite to kao zaseban zahtjev.

  • Svrha: primjerice predstaviti uslugu i omogućiti slanje upita.
  • Sadržaj: naslov, opis usluge, postupak suradnje i kontakt.
  • Tehnologija: postojeći projekt ili novi HTML, CSS i JavaScript.
  • Ograničenja: podržani uređaji, način objave i dostupni materijali.
  • Provjera: kriteriji prema kojima je rezultat spreman.

Ako radite u postojećem projektu, tražite da alat prvo pregleda njegove upute i strukturu. Uvođenje novog sustava za jednu malu izmjenu može stvoriti nepotreban posao.

Primjer prompta za jednostavnu stranicu

Zadatak: napravi prezentacijsku stranicu za servis klima uređaja u Rijeci i okolici.
Publika: vlasnici stanova koji žele razumjeti uslugu i poslati upit.
Sadržaj: uvod, opis usluge, tri koraka naručivanja i kontakt. Traži model uređaja i opis problema. Ne izmišljaj cijene, rokove, recenzije ni jamstva.
Tehnologija: jedan HTML dokument s CSS-om; bez dodatnog razvojnog sustava. Koristi semantičke elemente i prave poveznice za kontakt.
Izgled: čitljiv tekst, jasan kontrast i raspored koji radi na mobitelu.
Provjera: pregledaj širine 390px i 1280px, rad tipkovnicom, kontaktne poveznice i eventualno prelijevanje sadržaja. Ako možeš pokrenuti preglednik, učini to i navedi rezultat. Ako ne možeš, jasno navedi što nije provjereno.
Granice: kontaktni obrazac ne prikazuj kao funkcionalan bez dogovorene obrade na poslužitelju. Za nedostajuće podatke postavi pitanje.

Ovakva uputa odvaja izgled od stvarnog ponašanja. Gumb koji izgleda uvjerljivo, ali nema odredište, nije dovršen kontakt. Obrazac bez obrade zahtjeva nije sustav za primanje upita.

Što razvojni agent može provjeriti

Alat koji ima pristup datotekama, izvršavanju naredbi i pregledniku može pokrenuti provjere i pregledati rezultat. Primjer takvih mogućnosti opisan je u dokumentaciji za upravljanje računalom. Mogućnosti ovise o konkretnom alatu i njegovim dopuštenjima.

Tražite da izvještaj razlikuje napisano od provjerenog. Popis uspješnih provjera treba navesti što je stvarno pokrenuto. Statička provjera poveznica ne dokazuje da kontaktni obrazac šalje poruku, kao što snimka zaslona ne dokazuje ispravnost analitike.

Provjere prije objave

  • Sadržaj: provjerite usluge, kontakt, rokove i sve tvrdnje o tvrtki.
  • Mobilni prikaz: otvorite stranicu na uskom i širokom zaslonu te provjerite izbornik, tekst i gumbe.
  • Pristupačnost: prođite stranicu tipkovnicom, provjerite vidljiv fokus, oznake polja i smislen opis slika.
  • Ponašanje: testirajte poveznice, obrasce, potvrde i prikaz pogreške.
  • Sigurnost: provjerite obradu unosa, poslužiteljske ovlasti i da tajne nisu u javnom kodu.
  • Mjerenje: provjerite šalje li se očekivani događaj u analitiku i jesu li izvještaji smisleni.

Za prijavu, plaćanje i osjetljive podatke potrebna je dodatna stručna provjera. AI pregled može pomoći pronaći probleme, ali nije potvrda da ih nema.

Trošak ovisi o projektu, ne samo o alatu

AI može ubrzati neke dijelove rada, ali u procjenu uključite pripremu sadržaja, provjeru, integracije i održavanje. Custom stranica može biti jednostavna statička stranica ili složena aplikacija; te dvije vrste nemaju iste troškove.

WordPress i druga gotova rješenja mogu odgovarati projektu u kojem klijent sam uređuje sadržaj. Cijene licenci i održavanja ovise o odabranom rješenju. U vodiču o cijeni izrade usporedite pretpostavke, a ne samo konačne iznose.

Googleova uputa o generativnom AI sadržaju naglašava korisnost i vrijednost za čitatelja. Masovno stvaranje stranica bez dodane vrijednosti može prekršiti pravila o zlouporabi sadržaja. Korištenje alata ne jamči ni kaznu ni dobar plasman.

Za stranicu provjerite naslov, opis, kanonsku adresu, interne poveznice i strukturirane podatke. U njih unesite ono što stranica stvarno sadrži. Česta pitanja mogu pomoći posjetitelju, ali nisu obećanje dodatnog prikaza u rezultatima pretraživanja.

Za oblikovanje upute pročitajte sedam pravila za dobar prompt. Za procjenu konkretnog projekta pogledajte izradu web stranica ili pošaljite upit s opisom potrebnog ponašanja i sadržaja.

Česta pitanja

Česta pitanja

Može li AI napisati cijelu web stranicu?

Može pripremiti velik dio, a za jednostavan zadatak i cijelu početnu verziju. Razvojni agent s odgovarajućim alatima može pokrenuti provjere i preglednik. Spremnost za objavu ipak treba procijeniti prema sadržaju, ponašanju, pristupačnosti i sigurnosti konkretnog projekta.

Je li AI izrada automatski jeftinija?

Nije moguće zaključiti samo prema alatu. Ukupni trošak uključuje sadržaj, razvoj, provjeru, integracije i održavanje. Uspoređujte rješenja istog opsega i jasno navedene pretpostavke.

Kako provjeriti sigurnost generiranog koda?

Pregledajte obradu unosa, pristup podacima, ovlasti i rukovanje tajnama te pokrenite odgovarajuće provjere. Za prijavu, plaćanje i osjetljive podatke uključite stručnu provjeru. Sam AI pregled nije jamstvo sigurnosti.

Kažnjava li Google svaku stranicu izrađenu uz AI?

Ne postoji opće pravilo da je korištenje AI-ja samo po sebi razlog za kaznu. Važni su kvaliteta i korisnost sadržaja te poštovanje pravila. Masovno stvaranje stranica bez dodane vrijednosti može biti zlouporaba.

Koliko vremena AI može uštedjeti?

Ovisi o zadatku, alatu i količini dorade. Izmjerite cijeli postupak, uključujući pripremu, provjeru i ispravke. Brzo generiranje koda nije jednako dovršenom projektu.

Povezano

Pročitajte i ovo

AI implementacija

Koji biste zadatak prvi automatizirali?

Opišite ga u nekoliko rečenica i vraćamo se s procjenom je li ga vrijedno automatizirati i koliko bi to koštalo.