Statické weby: bleskové, bezpečné a bez údržby.
Kompletní český průvodce statickými weby. Proč se načtou pod 1 sekundu, proč mají v PageSpeed 95–100 bodů, proč je nemusíte aktualizovat – a kdy se vyplatí víc než WordPress.
<html lang="cs">
<head> <!-- SEO meta + JSON-LD --> </head>
<body>
<header> … </header>
<main> obsah už v HTML </main>
</body></html>
# doručení:
GET / → edge CDN → hotový soubor
TTFB 25–60 ms • žádné PHP • žádné SQL
Není co hacknout – žádné přihlášení, pluginy ani databáze.
CDN v Praze, Frankfurtu i Amsterdamu.
Obsah průvodce statickými weby
- Co je statický web (jednoduše i technicky)
- Statický vs. dynamický vs. WordPress
- 12 výhod do hloubky
- Rychlost a Core Web Vitals v číslech
- Bezpečnost: proč statiku nikdo nehackne
- SEO: proč Google statiku miluje
- Technologie: HTML, CSS, Jamstack, generátory
- Pro koho ano – a pro koho ne
- 6 typů statických webů + ukázky
- Jak vzniká statický web v 7 krocích
- Cena a celkové náklady (TCO)
- Mýty vs. fakta
- Slovník pojmů
- Nejčastější dotazy (FAQ)
- Checklist před spuštěním
- Kontakt
Co je statický web?
Statický web je sada předem hotových souborů – HTML, CSS, případně trocha JavaScriptu. Když návštěvník otevře stránku, server mu prostě pošle hotový soubor. Nic nesestavuje, na nic se neptá databáze, nic nepočítá. Proto je to tak rychlé a bezpečné.
Každé otevření = práce serveru.
- Prohlížeč → požadavek → PHP → databáze (MySQL) → šablona → HTML
- 400–2000 ms jen na odpověď serveru (TTFB)
- Pluginy, aktualizace, zálohy, riziko hacknutí
Otevření = přečtení souboru z CDN.
- Prohlížeč → nejbližší CDN uzel → hotové HTML
- 25–60 ms odpověď, LCP typicky 0,5–1,0 s
- Žádná databáze, žádné přihlašování, nulová údržba
Laicky: leták na internetu
Představte si dokonale vysázený leták, který se otevře okamžitě, vypadá skvěle na mobilu a nikdy se nerozbije. Přesně to je statický web – ideální vizitka, nabídka služeb nebo landing page.
Technicky: build-time HTML
Stránky vzniknou předem – ručně nebo generátorem (Astro, Hugo, Eleventy). Výsledkem jsou čisté soubory index.html + style.css, které leží na CDN a škálují na miliony návštěv bez jediného výpadku.
Moderně: Jamstack + headless
Potřebujete blog nebo novinky? Obsah se píše v jednoduchém editoru (headless CMS) a web se automaticky přegeneruje. Návštěvník má stále bleskovou statiku, vy pohodlí administrace.
Statika vs. WordPress vs. Wix v jedné tabulce
Data z měření Lighthouse, CrUX a reálných provozních nákladů v Česku. Čím zelenější, tím lepší.
| Kritérium | ⚡ Statický web | WordPress | Wix / Mioweb |
|---|---|---|---|
| Rychlost (LCP) | 0,5–1,5 s | 1,5–5 s (dle optimalizace) | 2–5 s |
| Lighthouse Performance | 95–100 | 30–80 | 40–65 |
| Odpověď serveru (TTFB) | 25–60 ms (CDN) | 400–2000 ms | 300–1200 ms |
| Bezpečnost | Maximální – není co hacknout | Riziková – 96 % hacknutých CMS je WP | Střední – závislost na platformě |
| Hosting / měsíc | 0–50 Kč (často zdarma) | 100–300 Kč + doména | 400–1600 Kč |
| Údržba | Nulová | Týdně: aktualizace, zálohy, cache | Minimální, ale lock-in |
| Škálování náporu | Okamžité – CDN zvládne TV špičku | Padá bez drahého serveru | Dle tarifu |
| Vlastnictví kódu | 100 % vaše, přenos kamkoli | Vaše, ale závislé na PHP/DB | Pronájem – web vám nepatří |
| Úprava textů svépomocí | Přes specialistu / headless CMS | Snadná – administrace | Snadná – klikátko |
| Blog / e-shop / účty | Blog ano, e-shop raději jinak | Ano – ideální volba | Ano, s limity a poplatky |
12 výhod, které pocítíte v peněžence
Nejde o „hezký web“. Jde o rychlost = vyšší pozice v Googlu, vyšší konverze a nulové starosti.
Extrémní rychlost
Žádné čekání na databázi. Stránka je hotová dřív, než mrknete. Průměrné LCP 0,5–1,5 s i na mobilních datech. Každá sekunda zpoždění přitom snižuje konverze o ~7 %.
Bezpečnost architekturou
Bez PHP, databáze a administrace neexistuje SQL injection, prolomené pluginy ani útoky na login. Útočník nemá kam zaútočit – je to jen soubor.
SEO bez námahy
Celý obsah je v čistém HTML – Google ho přečte napoprvé. Žádný JavaScript rendering, žádné nafouklé builders. Rychlost + sémantika = lepší pozice.
Náklady na nule
Hosting statiky je na Cloudflare Pages, Netlify či GitHub Pages zdarma nebo za desetikoruny. Odpadá placený PHP hosting, zálohy i správce.
Nulová údržba
Žádné „aktualizujte WordPress a 27 pluginů, jinak vás hacknou“. Statika běží roky beze změny. Nemá co zastarat.
Vyšší konverze
Rychlý web + jasná výzva k akci (zavolat / napsat) = více poptávek. U landing pages rozhodují desetiny sekundy a přehlednost na mobilu.
Dokonalá na mobilu
Přes 70 % návštěv je z telefonu. Statický one-pager se navrhuje mobile-first: velká tlačítka, tel: odkazy, čitelnost bez zoomování.
Spolehlivost 99,99 %
CDN kopíruje web do desítek datacenter. I kdyby jedno vypadlo, ostatní jedou dál. TV kampaň ani virální sdílení web nepoloží.
Ekologie a úspora
Statika spotřebuje zlomek energie serverů. Menší přenos dat, žádné věčné dotazy do databáze. Šetrnější k planetě i k datovému tarifu zákazníka.
Plná kontrola kódu
Čisté HTML5 + CSS3 bez balastu. Žádný page-builder, který generuje tisíce zbytečných značek. Každý řádek má důvod – a Google to pozná.
Přenositelnost
Web je složka souborů. Přesun k jinému poskytovateli = zkopírování složky. Žádný lock-in, žádné výpalné za export.
Nadčasový design
One-pager nutí k jasnému sdělení: kdo jste, co nabízíte, proč vám věřit, jak vás kontaktovat. Žádné bludiště menu – jen cesta k poptávce.
Rychlost v číslech: proč statika vítězí
Google měří Core Web Vitals – LCP (načtení), INP (odezva) a CLS (stabilita). Statické weby na CDN je plní 2,5× častěji než běžné CMS weby (data CrUX).
Proč je statika strukturálně rychlejší?
1. Žádné čekání na server. Dynamika musí při každém otevření: připojit databázi → vytáhnout data → poskládat šablonu → poslat. Statika jen přečte soubor z nejbližšího edge uzlu.
2. Minimální JavaScript. Žádná těžká hydratace frameworku. Jen menu, akordeon a animace. Hlavní vlákno je volné → skvělé INP (30–80 ms).
3. Stabilní layout. Rozměry prvků jsou dané v HTML/CSS. Nic neskáče po načtení → CLS 0,00–0,02.
4. Celý web v jednom souboru? One-pager typu landingpage.html zvládne vše v ~50–150 kB. Jeden request, okamžitý render, funguje i na EDGE síti.
Bezpečnost: není co hacknout
Proč WordPress hoří a statika ne
Podle Sucuri je ~96 % hacknutých CMS webů na WordPressu. Důvod: zastaralé pluginy, brute-force na /wp-admin, SQL injection. Statický web nemá administraci, nemá databázi, nemá pluginy. Bezpečnostní aktualizace? Nejsou potřeba, protože není co aktualizovat.
Stačí správné hlavičky (CSP, HSTS, HTTPS) a máte web, který vydrží roky bez jediného zásahu.
Co přesto hlídat (mini checklist)
• HTTPS + přesměrování na jednu verzi domény
• Bezpečnostní hlavičky: CSP, HSTS, Referrer-Policy
• Kontaktní odkazy jen mailto: a tel: – žádné formuláře = žádné spamování a GDPR starosti
• Záloha = kopie jednoho souboru
• Žádná hesla, žádné uživatelské účty, žádné úniky dat
SEO: proč Google statiku miluje
Rychlost je oficiální ranking faktor. K tomu se přidává čistá sémantika, okamžitá indexace a dokonalá mobilní zkušenost.
① Sémantické HTML5
Jedno <h1>, logická struktura header → main → section → footer, výstižné titulky a meta description. Žádný balast z builderů, který mate roboty.
② Strukturovaná data
JSON-LD (Article, FAQ, LocalBusiness, Service) se vloží přímo do stránky. Google pak zobrazuje rich snippets – hvězdičky, FAQ, drobečkovou navigaci.
③ Mobil + přístupnost
Responzivita, kontrast, velikost tlačítek, alt logika u SVG. To vše ovlivňuje hodnocení i konverze. Statický one-pager se ladí snadno do 100/100.
SEO výbava každé dobré statiky
• Unikátní <title> do 60 znaků + meta description do 155 znaků
• Kanonická logika jedné stránky (žádná duplicita)
• Srozumitelné kotvy: #cena, #faq, #kontakt
• Open Graph + Twitter Cards pro sdílení
• Sitemap + robots.txt + favicon (SVG)
• Rychlé fonty: systémové písmo = 0 externích requestů
Obsah, který rankuje
Google miluje dlouhý, užitečný obsah na jedno téma. Proto má smysl mít právě takto podrobnou one-pager: definice, srovnání, čísla, postup, slovník, FAQ. Jedna stránka = jeden jasný záměr = topical autorita. Pravidelně doplňte odstavec, číslo nebo otázku – a stránka roste bez přestavby.
Technologie: čisté HTML + CSS + SVG
Žádný framework, žádná závislost. Tato stránka je důkazem – jediný soubor landingpage.html, nula obrázků, vše jen CSS a inline SVG. Zkopírujete ho kamkoli a funguje.
HTML5
Sémantika, přístupnost, SEO kostra. Lehká, čitelná, věčná.
CSS3
Grid, flex, clamp(), gradienty, animace. Responzivita bez jediného řádku JS frameworku.
SVG
Ikony, logo, favicon i ilustrace jako vektor. Ostré na 4K, váha v bajtech, žádné JPG/PNG.
0 JS / málo JS
Akordeon přes <details>, plynulý scroll přes CSS. Volitelně pár řádků vanilla JS.
Generátory (SSG) pro větší weby
• Astro – moderní standard, nulový JS defaultně
• Hugo – bleskový build v Go, tisíce stránek za sekundy
• Eleventy (11ty) – jednoduchý, flexibilní
• Jekyll / Next.js export – dle ekosystému
Princip: píšete obsah v Markdownu → generátor vyplivne hotové HTML → nahrajete na CDN.
Hosting + Jamstack
• Cloudflare Pages / Netlify / Vercel / GitHub Pages – statický hosting zdarma či za koruny
• CDN – kopie webu po celém světě
• Headless CMS (Decap, Sanity, Contentful) – pohodlné psaní článků bez ztráty rychlosti
• Formuláře? – u one-pageru raději mailto: / tel: / WhatsApp. Nula spamu, nula GDPR formulářů.
Pro koho je statika ideální?
- Řemeslník, služby, ordinace, kancelář, konzultant, realitka
- Landing / kampaň / nový produkt / nábor
- Portfolio: fotograf, designér, architekt, svatebčanka
- Restaurace, penzion, autoservis – otevíračka, ceník, kontakt
- Dokumentace, návody, microsite, vizitka, osobní web
- E-shop s košíkem, skladem a platbami
- Rezervace s kalendářem a platbou, bazar, sociální síť
- Denní správa desítek článků více redaktory
- Uživatelské účty, personalizace, interní systémy
6 typů statických webů, které vydělávají
Firemní landing
Hero → služby → reference → ceník → kontakt. Vše na jedné stránce, vše do 2 scrollů k telefonu. Nejvyšší konverze pro lokální služby.
Osobní & profesní
Jméno, obor, 3 důvody proč vy, kontakt. Ideální pro lékaře, advokáty, řemeslníky. Levné, důstojné, dohledatelné.
Produkt / akce / nábor
Jeden cíl, jedna výzva k akci. UTM parametry, A/B testování nadpisů. Rychlost = levnější kliky v reklamě.
Fotky bez fotek? Jde to
I galerii lze postavit jako lehká SVG/CSS mozaika s náhledy. Žádné těžké slider pluginy, které zabíjejí mobil.
Otevíračka / ceník / menu
Restaurace, penzion, autoservis. Otevírací doba, mapa (odkaz), telefon. Host najde vše za 5 sekund.
Návody & manuály
Firemní wiki, API docs, FAQ centrum. Generátor z Markdownu, vyhledávání v prohlížeči, verzování v Gitu.
Z nápadu na hotový web v 7 krocích
Mini-brief (30 minut)
Cíl webu, cílová skupina, 1 hlavní akce (zavolat / napsat / WhatsApp). Podklady: logo, texty, telefon, e-mail, IČO do patičky dle přání.
Struktura one-pageru
Osnova: hero → problém → řešení → důkazy → nabídka → FAQ → kontakt. Každá sekce má jeden úkol – posunout čtenáře k poptávce.
Texty + SEO
Titulek, perex, nadpisy H2, meta description, schémata. Píšeme pro lidi, ladíme pro Google. Česky, srozumitelně, bez vaty.
Design v CSS + SVG
Moderní výrazná grafika bez jediného JPG: gradienty, glass karty, ikony, diagramy. Responzivita mobil → tablet → desktop.
Kódování one-file
Čisté HTML5/CSS3 v jednom souboru. Validní, přístupné, rychlé. Favicon jako SVG, žádné externí fonty ani trackery.
Testy a měření
PageSpeed 95+, kontrola kontrastu, klikatelnost tel: odkazů, test na Androidu i iPhonu. Oprava všech varování.
Spuštění na CDN
Nahrání na hosting, HTTPS, předání souboru. Záloha = jeden soubor. Úpravy kdykoli – přegenerování trvá sekundy.
Kolik stojí statika a kolik ušetří?
Orientační rozmezí pro český trh. Statika vítězí hlavně v provozu – rozdíl poznáte každý měsíc.
| Položka / rok | ⚡ Statický one-pager | WordPress web | Wix / builder |
|---|---|---|---|
| Tvorba | jednorázově, dle rozsahu | často +30–80 % (šablona + pluginy) | nižší start, ale pronájem |
| Hosting + doména | ~0–600 Kč | ~1500–4000 Kč | ~5000–19000 Kč |
| Údržba / aktualizace | 0 Kč / 0 hodin | hodiny měsíčně nebo paušál správci | v ceně, ale bez kontroly |
| Zabezpečení / zálohy | v podstatě zdarma | pluginy, monitoring, řešení hacků | na platformě |
| Výpadky / ušlý zisk | minimální – CDN | riziko při špičce / útoku | dle tarifu |
Co cenu one-pageru určuje?
Délka a detail textů, počet sekcí, ilustrace na míru (SVG), copywriting, překlad (CZ/EN/DE), napojení měření návštěvnosti. Platíte jednou – web pak jen vydělává.
Mýty o statických webech vs. fakta
❌ „Statika je zastaralá z 90. let“
Fakt: moderní Jamstack + CDN je současná špička. Používají ji dokumentace, startupy i státní weby pro rychlost a bezpečnost. Zastaralý je naopak neudržovaný WordPress s 40 pluginy.
❌ „Statický = bez animací“
Fakt: CSS animace, akordeony, počítadla, galerie i tmavý režim fungují. Jen neběží na serveru, ale v prohlížeči – tedy rychleji a plynuleji.
❌ „Texty si neupravím“
Fakt: drobné změny udělá specialista za minuty. Chcete-li psát často, přidá se headless CMS s jednoduchým editorem – rychlost zůstane, pohodlí přibude.
❌ „Bez formuláře nebudou poptávky“
Fakt: opak je pravdou. Tlačítka Zavolat / Napsat e-mail / WhatsApp mají na mobilu vyšší konverzi než dlouhý formulář. Navíc nula spamu a nula GDPR.
Slovník: 12 pojmů za 2 minuty
HTML5
Jazyk struktury stránky. Nadpisy, odstavce, odkazy. Základ SEO i přístupnosti.
CSS3
Jazyk vzhledu. Barvy, layout, responzivita, animace. Oddělený od obsahu.
SVG
Vektorová grafika. Ikony a logo ostré na každém displeji, váha pár kB.
CDN
Síť serverů po světě. Web se doručuje z nejbližšího uzlu – proto je tak rychlý.
Jamstack
Architektura: předgenerovaný frontend + API služby. Rychlost statiky, funkce dynamiky.
SSG
Generátor statických stránek (Astro, Hugo). Z obsahu vyrobí hotové HTML.
LCP / INP / CLS
Core Web Vitals: rychlost načtení, odezva, stabilita. Dobře: ≤2,5 s / ≤200 ms / ≤0,1.
TTFB
Doba do první odpovědi serveru. Statika: desítky ms. Dynamika: stovky–tisíce ms.
Headless CMS
Editor obsahu bez vzhledu. Píšete články, web se sám přegeneruje.
One-pager
Celý web na jedné dlouhé stránce s kotvami. Ideál pro služby a kampaně.
Landing page
Přistávací stránka s jedním cílem – poptávka, rezervace, prodej.
Lock-in
Závislost na platformě (Wix apod.). Web si neodnesete. U statiky neexistuje.
Nejčastější dotazy (FAQ)
Klikněte na otázku. Pokud tu odpověď nenajdete, napište – odpovíme stručně a lidsky.
Co přesně je statický web? +
Je statický web vhodný pro firmu? +
Jak je rychlý ve srovnání s WordPressem? +
Musím se starat o aktualizace? +
A co bezpečnost a hacknutí? +
Jak upravím texty a fotky? +
Proč nemáte kontaktní formulář? +
Kolik stojí hosting a provoz? +
Zvládne nápor z reklamy nebo televize? +
Je statický web dobrý pro SEO? +
Co když budu jednou chtít e-shop? +
V čem je web naprogramovaný? +
Jak rychle může být web hotový? +
Jak vás kontaktuji? +
Kontrolní checklist kvalitní statiky
Zkopírujte si ho. Každá položka = rozdíl mezi „webem“ a „webem, který prodává“.
Ozvěte se. Odpovíme stručně a lidsky.
Žádný formulář, žádný spam, žádný chatbot. Jeden klik – a řešíte to s člověkem. Po–Pá 8–16 h.
Chcete bleskový web,
který prodává?
Napište 2–3 věty: co děláte, co má web umět, kdy ho chcete. Ozveme se s jasným návrhem a cenou. Nezávazně.
Dobrý den,
jsem [řemeslo / služba] z [město].
Chci one-pager: služby + reference + kontakt.
Spustit chci do [termín]. Tel: [vaše číslo].
Děkuji!
# ozveme se s návrhem struktury + cenou.
# žádné obchodní triky, žádné PDF o 20 stranách.