Vlastní web není vizitka — je laboratoř, showcase a prodejní nástroj. AI chatbot 24/7, blog s 55+ články, LinkedIn auto-post, 25+ edge funkcí.
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. Ne sliby — reálné funkce. 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.
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.
Hreflang — bilingvní web má hreflang tagy. Google ví, že česká verze je pro Čechy, anglická pro cizince. Žádné hádání.
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ě. Ne já osobně. 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 19 900 Kč, Business web 29 900 Kč, Custom app individual."
A když neví, řekne to. „Tohle přesně nevím, ale David se vám ozve do 48 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.
Blog: 55+ předpřipravených článků, které přivádějí organickou návštěvnost
Blog není doplněk. Je to 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.
55+ č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.
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ý.
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.
Expresní priorita — klient může zvolit expresní prioritu (+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ě. Průhlednost budí důvěru.
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í. 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 sleduje, kdo platí, kdo ne, kdy vyprší smlouva. Připomínky před expirací.
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, cenový odhad, Fakturoid API, LinkedIn OAuth a auto-post, e-maily (potvrzení, připomínky, follow-upy), bank-payment sync, scrape odds, 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í.
Design: Tmavý režim, bilingví 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ší.
Bilingví CZ + EN — přepínač jazyků v hlavičce. Jeden klik — celý web se přepne. Ne strojový překlad — skutečný, který dává smysl. Anglická verze je pro zahraniční klienty.
Mobilní design — 60 % návštěvníků příchá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 — Core Web Vitals 90+ na mobilu. LCP pod 2,5s, INP pod 200ms, CLS pod 0,1. 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 — 55+ č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ích, subsekundních.
Cron jobs — pravidelné úlohy, které běží na pozadí.
Design — tmavý/světlý, bilingví, 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. Ne sliby — reálné funkce. A když vidí, chce totéž. A to je celý point.