David Štaffa

Nejkomplexnější web v portfoliu — od SEO po AI chatbot, od blogu po LinkedIn auto-post

Vlastní web není vizitka. Je laboratoř, showcase a prodejní nástroj v jednom. Postavil jsem systém, který sám sebe propaguje na LinkedIn, odpovídá klientům 24/7 přes AI chatbot, generuje blogové články, sbírá recenze a převádí návštěvníky na poptávky — vše automaticky.

  • 30+ Blogových článků
  • 24/7 AI chatbot
  • Auto LinkedIn auto-post
  • CZ + EN Jazyky

Proč je vlastní web nejobsáhlejší projekt

Většina agentur má na svém webu vizitku — pár stránek, kontaktní formulář, „co děláme". Já ne. Můj web je nejkomplexnější projekt v portfoliu. Je laboratoř, showcase a prodejní nástroj v jednom.

Laboratoř: každý experiment, který chci nasadit klientům, nejdřív otestuji na svém webu. AI chatbot, LinkedIn auto-post, strukturovaná data, blogový systém — všechno běží tady dřív, než se dostane k klientům.

Showcase: když si klient prohlíží můj web, vidí přesně, co umím. Konkrétní funkce, ne marketingové fráze. AI chatbot, který odpovídá na otázky. Blog, který se sám publikuje na LinkedIn. Rezervační systém, který funguje. Admin panel, který ukazuje data.

Prodejní nástroj: web neprodává služby — web je prodává. AI chatbot sbírá poptávky 24/7. Blog přivádí organickou návštěvnost z Google. LinkedIn auto-post budí odbornost. Poptávkový formulář s AI odhadem ceny převádí návštěvníky na leady.

To je rozdíl mezi webem „jen tak nějak" a webem, který pracuje za mě.

SEO: Od metatagů po strukturovaná data

SEO není dodatečná vrstva. Je základ. Na mém webu je SEO postavené od základů:

Meta title a description — každá stránka má vlastní, optimalizovaný meta title (50–60 znaků) a meta description (150–160 znaků). Psané pro lidi, ne pro stroje — protože Google je zobrazuje lidem.

Open Graph tagy — když se někdo podělí o můj odkaz na WhatsApp, LinkedIn nebo Facebook, načte se krásný náhled s obrázkem, nadpisem a popisem. 1200×630 px, s brand konzistencí. Ne náhodný text — kontrolovaný brand.

Twitter Card tagy — stejné, ale pro Twitter/X. Větší kontrolu nad formátem karty.

Strukturovaná data JSON-LD — LocalBusiness schema (název, adresa, telefon, otvírací doba, recenze), BlogPosting schema (pro každý článek), FAQPage schema (pro časté otázky). Google ví, co je na stránce — a může zobrazit rich snippets: hvězdičky recenzí, otvírací dobu, FAQ přímo ve výsledcích.

Canonical URL — každá stránka má vlastní canonical. Žádné duplicitní obsah, žádné penalizace.

Sitemap.xml — generuje se automaticky. Když napíšu nový článek, sitemap se aktualizuje sám. Google ví, že existuje, a indexuje ho dřív.

Robots.txt — blokuje admin panel, API, parametrické URL. Povoluje sitemap. Pravidla, co smí Google a co ne.

Prerendering — 55+ stránek je předgenerováno do statického HTML. Google vidí kompletní obsah, metadata i JSON-LD bez čekání na JavaScript. Rychlejší indexování, lepší Core Web Vitals.

AI chatbot: První kontakt, který odpovídá 24/7

Když si někdo prohlíží můj web v 23:00 a má otázku — odpovím mu okamžitě. Místo mě odpovídá AI chatbot.

Chatbot běží jako edge funkce na Supabase — Deno runtime, subsekundní odezva. Ví všechno o mých službách, cenách, procesu spolupráce, expresní prioritě. Když se ho někdo zeptá „Kolik stojí web?", neodpoví generickou frází — odpoví konkrétní cenou: „One-Page web od 14 900 Kč, Business web od 29 900 Kč, Individuální řešení na míru."

A když neví, řekne to. „Tohle přesně nevím, ale David se vám ozve obvykle do 24 hodin s konkrétní nabídkou." Upřímost budí důvěru — falešná sebejistota ji ničí.

Chatbot sbírá kontakty i v noci. Když má zájemce vážný dotaz, chatbot postupně sbírá jméno, e-mail, typ projektu, rozpočet. Ráno najdu v admin panelu hotový lead — s kontextem, s daty, se vším. Žádné zjišťování, žádné ztracené časy.

Největší hodnota chatbota není v odpovídání — je ve sběru leadů. Jeden získaný klient pokryje provoz chatbota na rok. A chatbot pracuje 24 hodin denně, 7 dní v týdnu, bez dovolené.

Blog: 30+ článků, které přivádějí organickou návštěvnost

Blog není doplnek. Je SEO stroj. Každý článek je optimalizovaný pro konkrétní klíčová slova — „SEO metatagy", „AI chatbot na webu", „rezervační systém", „automatická fakturace". Když někdo hledá tyto termíny, najde můj článek.

30+ článků rozdělených do kategorií: příběhy klientů (Chata Koryška, PizzaKopr, Ink & Glow, Black Gold Taxi, Autoškola Mechl) a technické články (SEO, rychlost webu, mobilní design, automatizace). Články jsou propletené — v každém jsou odkazy na další relevantní články. Návštěvník, který přijde na článek o SEO, se dostane k článku o strukturovaných datech, pak k článku o sitemapu. Spirála, která ho drží na webu.

FAQ sekce — každý článek má 3 časté otázky s odpověďmi. Strukturovaná data FAQPage říkají Google: toto jsou otázky a odpovědi. Google je může zobrazit přímo ve výsledcích — klient vidí odpověď dřív, než klikne.

BlogPosting schema — každý článek má schema s nadpisem, datem publikace, datem úpravy, autorem, URL. Google ví, že je to článek — a může ho zobrazit v Google Discover.

Měření — sledám, který článek má největší organickou návštěvnost, jak dlouho návštěvník zůstává, který článek přivádí nejvíce poptávek. A podle toho píšu dál.

LinkedIn auto-post: Články, které se publikují samy

Psát článek je práce. Publikovat ho na LinkedIn je další práce. Postavil jsem systém, který to dělá sám.

Když napíšu článek na blog, systém ho automaticky publikuje i na LinkedIn. Současně. Žádné kopírování, žádné vkládání, žádné zapomínání.

Jak to funguje: Článek se publikuje na blogu → cron job detekuje nový článek → systém vygeneruje LinkedIn příspěvek z nadpisu, perexu a obrázku → publikuje přes LinkedIn API → označí článek jako publikovaný.

Co systém dělá sám: Generuje text příspěvku s hookem a výzvou k akci. Přidává hashtagy podle kategorie (#webdesign, #automatizace, #AI). Vkládá OG obrázek. Plánuje publikaci na přesný čas.

OAuth 2.0 — systém se připojuje k LinkedIn přes OAuth. Ne ukládá heslo — ukládá token, který lze kdykoliv zrušit. Token se automaticky obnovuje — LinkedIn tokeny expirují po 60 dnech, systém si je obnovuje sám.

Výsledek: Každý článek se publikuje na LinkedIn. Žádné zapomínání. Co je na blogu, je na LinkedIn. 2× vyšší engagement díky obrázku. A 2,5 hodiny měsíčně ušetřeno — čas, který trávim psaním, ne kopírováním.

Rezervační systém a poptávkový formulář

Můj web nemá jen blog. Má i rezervační systém — stejný, jaký stavím klientům.

Poptávkový formulář — klient vyplní: typ projektu (One-Page, Business, Custom), rozsah, funkce, rozpočet. Formulář pošle e-mail mně — a zároveň potvrzovací e-mail klientovi. Ale ne jen potvrzení. Formulář má AI odhad ceny — na základě vyplněných dat systém odhadne cenu a pošle reasoning (proč tato cena, co je zahrnuto, co ne). Klient vidí orientační cenu dřív, než se ozvu.

Spěchá mi na web — klient může zvolit expresní dodání (+5 000 Kč). Systém mu pošle e-mail s QR kódem na zálohu. Po zaplacení přijde potvrzení. Váš projekt má přednost — pracuji na něm jako na prioritu č. 1.

Cenový kalkulátor — klient si může sám spočítat cenu na základě vybraných modulů. One-Page, Business, Custom — s doplňkovými moduly (AI chatbot, e-shop, rezervace, automatizace). Cena se počítá živě, na základě toho, co klient zvolí. Průhlednost budí důvěru.

Kontakt — všechny cesty vedou k jednomu cíli: poptávka. AI chatbot, poptávkový formulář, cenový kalkulátor, kontaktní tlačítko. Vše sbírá leady. Vše převádí na poptávky.

Admin panel: Data, která řídí byznys

Admin panel není jen pro klienty — je i pro mě. Vidím vše, co se na webu děje:

Dashboard — poptávky, rezervace, blogové články, faktury, údržbové smlouvy. Vše na jednom místě.

Blog sekce — píšu články přímo v admin panelu. Markdown editor, náhled, plánování publikace, kategorie, FAQ, SEO nastavení (meta title, description, OG obrázek). Když kliknu Publikovat, článek se zobrazí na webu — a auto-post na LinkedIn se naplánuje.

Poptávky — každá poptávka, která přijde přes formulář nebo AI chatbota, se zobrazí v admin panelu. S AI odhadem ceny, s reasoning, s daty klienta. Jedním klikem můžu poptávku schválit, odmítnout, posunout do další fáze.

Faktury — integrace s Fakturoid. Když klient zaplatí, faktura se vygeneruje sama. Když je po splatnosti, Fakturoid pošle připomínku. Vše automaticky.

Údržba — měsíční smlouvy s klienty. Systém sledí, kdo platí, kdo ne, kdy vyprší smlouva. Připomínky před expirací.

Uživatelé — správa uživatelských účtů, přístupová práva, role (admin, klient). Bezpečnost na úrovni databáze — RLS (Row Level Security).

Edge funkce: 25+ nasazených služeb

Můj web neběží na jednom serveru. Běží na edge — na Supabase edge funkcích, které jsou blíž uživateli. Subsekundní odezva, globální dostupnost.

25+ edge funkcí — AI chatbot, generátor smlouv, cenový odhad, Stripe checkout (pro arbitrážní dashboard), Fakturoid API, LinkedIn OAuth a auto-post, e-maily (potvrzení, připomínky, follow-upy), bank-payment sync, auto-reject check, blog sitemap, translate article, a další.

Cron jobs — pravidelné úlohy, které běží na pozadí. Auto-reject check (zamítá staré rezervace), LinkedIn token refresh, maintenance billing, blog publish scheduled, search engine ping on publish. Vše automaticky — žádné ruční spouštění.

Supabase backend — Postgres databáze s Row Level Security. Každá tabulka má RLS politiky — SELECT, INSERT, UPDATE, DELETE. Žádné FOR ALL — bezpečnost na úrovni řádků. Anonymní a autentifikovaní uživatelé vidí jen to, co smí.

Bezpečnost — všechny edge funkce mají CORS hlavičky. Žádné volání z cizích domén. JWT verifikace kde potřeba. Service role klíče jen na serveru — nikdy v prohlížeči.

Design: Tmavý režim, bilingvní a mobilní optimalizace

Tmavý a světlý režim — web se automaticky přizpůsobí systémovému nastavení. Přepnout lze i ručně — ikona slunce a měsíce. Konzistentní barvy v obou režimech. Na tmavém pozadí je zlatá sytější, prémiovější. Na světlém je černý text, na tmavém bílý. Kontrast vždy dostatečný.

Bilingvní CZ + EN — přepínač jazyků v hlavičce. Jeden klik — celý web se přepne. Skutečný překlad, který dává smysl — ne strojový. Anglická verze je pro zahraniční klienty, kteří hledají českého vývojáře.

Mobilní design — 60 % návštěvníků přichází z mobilu. Web je mobile-first: 16px text, 44px tlačítka, hamburger menu, jednoduché formuláře. Na mobilu funguje stejně jako na desktopu — žádné kompromisy.

Rychlost — WebP obrázky, lazy loading, code splitting, minifikace, CDN. Rychlý web = víc konverzí, lepší SEO, spokojenější klienti.

Animace a mikrointerakce — hover stavy, transitions, subtle animace. Tlačítka reagují na hover, karty se zvedají, sekce fade-in. Ne agresivní — subtle, prémiově. Detail, který ukazuje péči.

Výsledek: Web, který pracuje za mě

Můj web není projekt, který se dodá a zapomene. Je služba, která pracuje 24/7.

AI chatbot odpovídá na otázky a sbírá leady — i v noci. Blog přivádí organickou návštěvnost z Google — 30+ článků, každý optimalizovaný. LinkedIn auto-post publikuje články sám — 2,5 hodiny měsíčně ušetřeno. Rezervační systém sbírá poptávky s AI odhadem ceny. Admin panel řídí celý byznys — od poptávek po faktury. SEO — od metatagů po strukturovaná data, od sitemap po canonical. Vše optimalizováno. Edge funkce — 25+ nasazených, globální, subsekundní. Cron jobs — pravidelné úlohy, které běží na pozadí. Design — tmavý/světlý, bilingvní, mobilní, rychlý, prémiově.

To je rozdíl mezi webem „jen tak nějak" a webem, který pracuje. Většina firem má web, který stojí. Já mám web, který vydělává.

A když si klient prohlíží můj web, vidí přesně, co umím. Konkrétní, funkční důkazy — ne sliby. A když vidí, chce totéž. A to je celá pointa.

Výsledky

  • 30+ Blogových článků s organickou návštěvností
  • 24/7 AI chatbot odpovídá a sbírá leady
  • Auto LinkedIn auto-post bez ruční práce
  • 25+ Edge funkcí nasazených

AI shrnutí

Můj vlastní web (davidstaffa.cz) je nejkomplexnější projekt v portfoliu. Není vizitka — je laboratoř, showcase a prodejní nástroj v jednom.

Co web dělá: • AI chatbot odpovídá na otázky 24/7 a sbírá leady s kontextem • Blog s 30+ články přivádí organickou návštěvnost z Google • LinkedIn auto-post publikuje články sám přes OAuth 2.0 • Rezervační systém s QR zálohou a AI odhadem ceny • Admin panel řídí celý byznys — od poptávek po faktury • Fakturoid API integrace pro automatickou fakturaci • Cron jobs pro plánované úlohy (auto-reject, token refresh, billing) • 25+ edge funkcí na Supabase (Deno runtime)

SEO základ: • Meta title a description pro každou stránku • Open Graph + Twitter Card tagy • Strukturovaná data JSON-LD (LocalBusiness, BlogPosting, FAQPage) • Canonical URL pro každou stránku • Automatický sitemap generátor • Robots.txt s allow/disallow pravidly • Prerendering 55+ stránek do statického HTML

Design: • Tmavý/světlý režim (auto + manuální) • Bilingvní CZ + EN • Mobile-first responzivní design • Optimalizovaná rychlost načítání (WebP, lazy loading, CDN) • WebP obrázky, lazy loading, code splitting, minifikace • Animace a mikrointerakce

Bezpečnost: • Supabase Postgres s Row Level Security • RLS politiky pro každou tabulku (SELECT, INSERT, UPDATE, DELETE) • CORS hlavičky na všech edge funkcích • JWT verifikace kde potřeba • Service role klíče jen na serveru

Tento web je laboratoř — každý experiment, který chci nasadit klientům, nejdřív testuji tady.

Automatizace

  • AI chatbot 24/7

    Chatbot běží jako edge funkce. Odpovídá na otázky o službách, cenách a procesu. Sbírá leady i v noci. Když neví, předá s kontextem.

  • LinkedIn auto-post

    Když napíšu článek na blog, systém ho automaticky publikuje i na LinkedIn. Generuje text, hashtagy, vkládá obrázek. přes OAuth 2.0.

  • Automatický sitemap

    Když přidám novou stránku nebo článek, sitemap se generuje sám. Google ví, že existuje, a indexuje ho dřív.

  • Automatické strukturované data

    LocalBusiness, BlogPosting a FAQPage schema se generují automaticky pro každou stránku. Google může zobrazit rich snippets.

  • Automatická fakturace

    Fakturoid API integrace. Když klient zaplatí, faktura se vygeneruje sama. Když je po splatnosti, Fakturoid pošle připomínku.

  • Cron jobs

    Pravidelné úlohy běží na pozadí: auto-reject check, LinkedIn token refresh, maintenance billing, blog publish scheduled, search engine ping.

  • Automatické e-maily

    Resend integrace. Potvrzení, připomínky, follow-upy — vše chodí samo. Od poptávky po žádost o recenzi.

Časté otázky

Kolik článků je na blogu?

Každý týden přibývají 2 rozdělené do kategorií: příběhy klientů a technické články. Každý je optimalizovaný pro konkrétní klíčová slova a má FAQ sekci s častými otázkami.

Funguje AI chatbot i v noci?

Ano, 24/7. Chatbot běží jako edge funkce na Supabase. Odpovídá na otázky o službách, cenách a procesu. Sbírá leady i v noci — ráno najdu v admin panelu hotový lead s kontextem.

Jak rychlý je web?

Web je optimalizovaný pro rychlé načítání — WebP obrázky, lazy loading, code splitting, minifikace, CDN. Rychlý web = víc konverzí a lepší SEO.

Kolik stojí web podobného rozsahu?

Záleží na rozsahu — základní verze s AI chatbotem a blogem startuje od 29 900 Kč, kompletní řešení s rezervačním systémem, admin panelem a automatizací je individuální cena. Poptávka je zdarma, obvykle odpovídám do 24 hodin.

Jak dlouho trvá postavit takový web?

Záleží na rozsahu funkcí. Expresní priorita: váš web je první na řadě a začnu na něm hned. Konkrétní termín dostanete v nabídce. Kompletní systém s rezervacemi a admin panelem za 2–3 týdny. Vše probíhá přes e-mail, bez zbytečných schůzek.