Jak napsat dobrý prompt pro tvorbu webu
Jak zadat AI tvorbu webu, aby výsledek odpovídal vaší představě: co do promptu napsat, šablona zadání, příklady a jak pak web upravovat dalšími větami.
Dobrý prompt pro tvorbu webu popisuje firmu, cílového zákazníka, přesný obsah sekcí se skutečnými údaji a požadovaný styl. Čím konkrétnější informace (ceny, otevírací doba, kontakty), tím méně si AI musí vymýšlet. Web pak upravujte po malých krocích – jedna jasná změna na jednu zprávu.
Proč na zadání tolik záleží?
AI umí postavit web během pár minut, ale neví nic o vaší firmě. Co jí neřeknete, musí odhadnout – a odhad je obecný: „kvalitní služby za skvělé ceny“, vymyšlené sekce, univerzální fotky. Čím víc skutečných informací do zadání dáte, tím víc web zní jako vy a tím méně ho budete opravovat.
Co má dobrý prompt obsahovat?
- Kdo jste – název firmy, obor, místo.
- Pro koho web je – typ zákazníků a co od vás potřebují.
- Cíl webu – aby lidé zavolali, objednali se, poslali poptávku, přišli na akci.
- Sekce a jejich obsah – co přesně má být na úvodu, v nabídce, v ceníku, v kontaktu.
- Skutečné údaje – telefon, e-mail, adresa, otevírací doba, ceny, jména.
- Styl – nálada, barvy, písmo, případně co se vám nelíbí.
- Co na webu nechcete – například žádné reference, žádný blog.
Jak vypadá šablona zadání?
Tuto kostru si zkopírujte a doplňte:
Vytvoř web pro [název firmy], [obor] v [město/oblast]. Zákazníci jsou [kdo] a hledají [co]. Cílem webu je, aby [zavolali / objednali se / poslali poptávku]. Sekce: [úvod – co tam má být], [služby – výčet s krátkým popisem], [ceník – položky a ceny], [o nás – pár faktů], [kontakt – telefon, e-mail, adresa, otevírací doba]. Styl: [nálada], barvy [barvy], písmo [moderní / klasické]. Nechci: [co tam nemá být].
Jaký je rozdíl mezi slabým a silným promptem?
| Slabý prompt | Silný prompt |
|---|---|
| „Udělej web pro pekárnu.“ | „Web pro rodinnou pekárnu Klásek v Táboře, kvásek a sladké pečivo, otevřeno Po–So od 6:00.“ |
| „Ať je to moderní.“ | „Styl teplý a přívětivý, béžová a tmavě hnědá, velké fotky pečiva, moderní bezpatkové písmo.“ |
| „Přidej ceník.“ | „Ceník: chléb kváskový 1 kg 89 Kč, rohlík 4 Kč, croissant 35 Kč, koláč 25 Kč.“ |
| „Dej tam kontakt.“ | „Kontakt: Tábor, Pražská 15, telefon 777 333 444 jako tlačítko, mapa.“ |
Jak web upravovat dalšími prompty?
Po první verzi přichází ladění. Funguje to nejlépe, když:
- Píšete jednu změnu na zprávu – „zvětši nadpis v úvodu“, pak „přidej sekci Časté dotazy“.
- Pojmenujete, kde změna je – „v sekci Ceník“, „v patičce“, „tlačítko v úvodu“.
- Popíšete výsledek, ne postup – „ať je ceník přehlednější, rozděl ho na Chléb a Sladké“ místo technických pokynů.
- Řeknete, co se vám nelíbí a proč – „barvy jsou moc tmavé, chci světlejší a vzdušnější“.
- Necháte si vysvětlit, co je kde – můžete se zeptat „co je na webu za sekce?“ a pak upravovat konkrétně.
Když se úprava nepovede, vraťte se k předchozí verzi a zkuste ji popsat jinak. Je to rychlejší než opravovat chybu dalšími a dalšími zprávami.
Jak popsat vzhled, když nejste grafik?
Nemusíte znát odborné pojmy. Stačí popsat dojem a pár konkrétních věcí:
- Nálada – „klidný a důvěryhodný“, „hravý a barevný“, „luxusní a střídmý“, „rustikální a útulný“.
- Barvy – stačí obyčejné názvy („tmavě modrá a bílá“, „béžová a zlatá“). Pokud máte logo, napište jeho barvy.
- Písmo – „moderní bez patek“, „klasické s patkami, jako v knize“, „ručně psané jen pro nadpisy“.
- Množství obsahu – „hodně fotek, málo textu“ nebo „spíš text, fotky jen doplňkem“.
- Inspirace – popište, co se vám líbí na jiném webu: „velké fotky přes celou šířku“, „menu nahoře, které zůstává při rolování“.
- Co nechcete – „žádné tmavé pozadí“, „žádné animace, které odvádějí pozornost“.
Když první verze vzhledově nesedí, popište rozdíl mezi tím, co vidíte, a co chcete: „je to moc strohé, chci teplejší barvy a víc fotek“. Takové věty fungují lépe než obecné „udělej to hezčí“.
Na co si dát pozor?
- Kontrolujte údaje. Telefon, ceny a otevírací dobu si po vytvoření vždy přečtěte.
- Nenechte AI vymýšlet reference. Pokud žádné nemáte, napište „bez referencí“. Vymyšlené recenze klamou zákazníky.
- Fotky nahraďte svými. Ilustrační fotky jsou dobré na začátek, ale skutečné snímky prodávají lépe.
- Doplňte povinné údaje – IČO a sídlo podnikatele. Více v článku Web pro živnostníka: kontrolní seznam.
Příklady promptů pro různé obory
Hotová zadání pro konkrétní obory najdete v návodech Web pro kavárnu a restauraci, Web pro řemeslníky, Web pro kadeřnictví a salon, Svatební web a Portfolio fotografa. Tady je jeden kompletní příklad:
Vytvoř web pro rodinnou pekárnu Klásek v Táboře, Pražská 15. Pečeme kváskový chléb a sladké pečivo z místní mouky, zákazníci jsou lidé z okolí, kteří chtějí poctivé pečivo k snídani. Cíl: aby přišli do prodejny a objednávali dorty na zakázku. Úvod: velká fotka chleba, věta „Pečeme každé ráno od čtyř“ a otevírací doba Po–Pá 6:00–17:00, So 6:00–11:00. Sekce Naše pečivo se 6 produkty a cenami (chléb kváskový 1 kg 89 Kč, žitný 79 Kč, rohlík 4 Kč, croissant 35 Kč, koláč 25 Kč, skořicový šnek 39 Kč). Sekce Dorty na objednávku s formulářem (jméno, telefon, datum, druh dortu, počet porcí). O nás: pekárnu vede rodina Kláskových od roku 2015. Kontakt s telefonem 777 333 444 jako tlačítko a mapou. Styl teplý a přívětivý, béžová a tmavě hnědá, moderní písmo. Bez referencí a bez blogu.
Ve Foxli takové zadání vložíte do jednoho pole a za pár minut máte první verzi, kterou dál upravujete větami. Vyzkoušet to můžete zdarma po registraci.
Časté dotazy
Jak dlouhý má prompt být?
Tak dlouhý, aby obsahoval všechny důležité informace. Pár vět stačí na první náhled, ale pro použitelný web je lepší jeden až dva odstavce s konkrétními údaji. Délka sama o sobě nevadí, vadí vágnost.
Co když nevím, jaký styl chci?
Popište náladu a obor: „důvěryhodný a klidný“, „hravý a barevný“, „luxusní a minimalistický“. Pomůže i barva, kterou máte v logu. Pak si nechte udělat první verzi a ladíte podle toho, co se vám líbí a co ne.
Musím psát spisovně a bez chyb?
Ne. AI rozumí i běžné řeči a překlepům. Důležité je, aby údaje (telefon, ceny, adresa) byly správně – ty se na web propíšou tak, jak je napíšete.
Proč AI do webu doplnila věci, které jsem nechtěl?
Protože v zadání chyběly informace a model je doplnil podle běžných zvyklostí. Řešením je napsat, co na web nepatří („bez sekce Reference“), nebo dodat skutečný obsah.
Je lepší napsat všechno najednou, nebo postupně?
Základní obsah a styl napište najednou, aby první verze měla správnou strukturu. Detaily pak upravujte postupně, jedna změna na zprávu. Velké změny najednou se hůř kontrolují.