Struktura webových stránek firmy: Jaké informace by měly být zahrnuty?
Rozhodnete se vytvořit webové stránky pro svou firmu. Kontaktujete designérskou firmu a ta se vás zeptá: „Jaké stránky byste chtěli na webu mít?“ Ale vy nevíte, jak správně odpovědět.
Nebo už webové stránky máte, ale návštěvníci se na ně jen podívají a odejdou. Nikdo vás nekontaktuje, nikdo si nic nepřečte. Máte podezření, že webu něco chybí, ale nevíte co.
Toto je nejčastější problém malých a středních firem při tvorbě webových stránek: nevědí, jaká je standardní struktura a jaké sekce jsou potřeba. Výsledkem je, že web buď postrádá důležité stránky, nebo má nadbytečné stránky, které nikdo nečte, nebo je rozložení chaotické, takže návštěvníci nenajdou potřebné informace.
Tento článek vás provede jednotlivými stránkami a sekcemi spolu se vzorovým sitemapem, vzorovým menu a vzorovými sekcemi, abyste přesně věděli, co by měly standardní firemní webové stránky obsahovat.
8 nezbytných stránek na firemním webu
Než se pustíme do detailů, zde je celá struktura, kterou by měly firemní webové stránky pro malé a střední podniky mít:
| Stránka | Role pro zákazníka | Role pro SEO |
|---|---|---|
| Domovská stránka | První kontaktní bod, řídí celou cestu zákazníka | Nejvyšší autorita, distribuce link juice |
| O nás | Budování důvěry, informuje zákazníka, kdo jste | Signál E-E-A-T, klíčová slova značky |
| Služby / Produkty | Místo, kde zákazník pochopí, co prodáváte a co řešíte | Cílení na komerční klíčová slova, konverze |
| Případové studie | Prokazování schopností prostřednictvím reálných výsledků | Sociální důkaz, long-tail klíčová slova |
| Blog | Poskytování znalostí, péče o potenciální zákazníky | Informační návštěvnost, interní odkazy |
| FAQ | Odpovědi na otázky, odbourávání nákupních bariér | Featured snippet, FAQ schema |
| Kontakt | Aby zákazníci mohli podniknout kroky (zavolat, odeslat formulář, navštívit kancelář) | Local SEO, NAP konzistence |
| CTA / Vstupní stránka | Získávání leadů, podpora konkrétní akce | Sledování konverzí, remarketing |
Každá stránka neexistuje samostatně. Jsou propojeny do systému – chybí-li jedno spojení, zákazník vypadne z nákupního procesu.
Vzorečný sitemap pro webové stránky malých a středních podniků
Než se pustíme do jednotlivých stránek, podívejme se na celkový obraz. Zde je vzorový sitemap, který většina malých a středních firem může ihned použít:
Domovská stránka
├── O firmě
│ ├── Tým (volitelné)
│ └── Základní hodnoty (volitelné)
├── Služby
│ ├── Tvorba webových stránek
│ ├── SEO
│ └── Správa Facebooku
├── Projekty (Případové studie)
│ ├── Případová studie 1
│ └── Případová studie 2
├── Blog
│ ├── Článek 1
│ └── Článek 2
├── FAQ
├── Kontakt
└── Ceník (Vstupní stránka CTA)
Každá stránka je vzdálena od domovské stránky maximálně 2–3 kliknutí – to je důležité pravidlo pro efektivní procházení webu vyhledávači a pro to, aby se návštěvníci neztratili.
Vzorové menu: Standardní navigace pro firemní web
Hlavní menu (navigace v záhlaví) by mělo obsahovat maximálně 6–7 položek. Více je příliš, méně je málo.
Vzorové menu:
Domů | O nás | Služby ▾ | Projekty | Blog | FAQ | Kontakt
├── Tvorba webových stránek
├── SEO
└── Správa Facebooku
Několik pravidel:
- Služby by měly mít rozbalovací nabídku s výčtem jednotlivých dílčích služeb
- CTA (např. „Poptat cenu“ nebo „Bezplatná konzultace“) by mělo být výrazné tlačítko v pravém rohu, odlišné barvou od ostatních položek
- Menu musí dobře fungovat na mobilních zařízeních – jako hamburger menu, s dotykovým otevřením rozbalovací nabídky, bez zakrývání obsahu
❌ Běžná chyba: Příliš mnoho položek v menu, takže zákazník neví, kam kliknout dříve. ✅ Správně: 6–7 hlavních položek + 1 výrazné tlačítko CTA.
1. Domovská stránka - Centrum celého webu
Domovská stránka není místo, kde povíte všechno. Domovská stránka je místo, kde návštěvníka správně nasměrujete – během prvních několika sekund.
První návštěvník vašeho webu si položí tři otázky:
- Co tato společnost dělá?
- Řeší můj problém?
- Jaký je další krok?
Pokud domovská stránka zodpoví tyto tři otázky během prvních 5 sekund, máte vyhráno z poloviny.
Ukázkové sekce pro domovskou stránku:
Hero sekce
- Jasný titulek: řekne, co děláte, pro koho
- Podtitulek: doplní konkrétní přínosy
- Hlavní tlačítko CTA: "Bezplatná konzultace" nebo "Zobrazit služby"
- Ilustrační obrázek nebo krátké video
❌ "Vítejte na ABC Company" ✅ "Profesionální tvorba webových stránek pro malé a střední podniky – od 0 do online za 2 týdny"
Sekce s nejlepšími službami (3-4 služby)
- Ikona + název služby + 1-2řádkový popis
- Odkaz na podrobnou stránku služby
Sekce sociálního důkazu
- 3–5 výrazných čísel: počet zákazníků, roky zkušeností, realizované projekty
- Loga partnerů / zákazníků (6–10 log)
Sekce případových studií
- 2–3 krátké případové studie: název zákazníka + dosažené výsledky
- Odkaz na podrobnou stránku případových studií
Sekce nejnovějšího blogu
- 3 nejnovější články
- Odkaz na blogovou stránku
Sekce CTA na konci stránky
- Výzva k akci: "Připraveni povýšit web své firmy?"
- Tlačítko CTA: "Získat bezplatnou konzultaci"
- Microcopy: "Odpověď do 24 hodin · Bez závazků · Zdarma"
2. Stránka O nás - Místo pro budování důvěry před prodejem
Nepodceňujte stránku O nás. Je to jedna z nejnavštěvovanějších stránek na firemním webu – zejména pro B2B zákazníky ve fázi rozhodování.
Zákazníci přicházejí na stránku O nás, protože chtějí odpovědět:
"Je tato společnost důvěryhodná? Má dostatečnou kapacitu?"
Co tedy potřebuje stránka O nás?
Ukázkové sekce pro stránku O nás:
Příběh společnosti
- Nepište ve stylu "založeno v roce 20XX, s posláním...". Vyprávějte krátký příběh s problémem a vaším řešením.
- Příklad: "Začali jsme, protože jsme viděli, že 80 % webů malých a středních podniků ve Vietnamu vypadá stejně a nikdo se nechce vrátit podruhé."
Vize a základní hodnoty
- 3–4 základní hodnoty, každá hodnota s 1–2řádkovým konkrétním vysvětlením
- Vyhněte se obecným slovům jako "profesionální", "oddán", "kreativní" – to říká každý
Tým
- Skutečné fotografie, jména, pozice a 1řádkový popis odbornosti
- Nemusíte mít celou firmu, stačí 3–5 klíčových lidí
Úspěchy v číslech
- Počet let provozu
- Počet obsloužených zákazníků
- Počet realizovaných projektů
Certifikace / Partneři
- Loga strategických partnerů
- Průmyslové certifikáty (pokud existují)
👉 Tip: Stránka O nás by měla mít na konci CTA – například "Chcete vědět, jak vám můžeme pomoci s vaším podnikáním? → Kontaktujte nás nyní".
3. Stránka Služby - Místo, kde se zákazník rozhodne, zda kontaktovat
Stránka Služby je místo, kde zákazník přesně pochopí, co nabízíte, jaký je váš proces a proč by si měl vybrat vás namísto konkurence.
Nejčastější chyba: sloučení všech služeb na jedinou stránku, přičemž každá služba je popsána 2-3 řádky. Čtenář si pak není jistý, o čem jde, a Google neví, na jaká klíčová slova se stránka zaměřuje.
Správný přístup: vytvořte 1 přehledovou stránku + 1 podrobnou stránku pro každou službu.
Přehledová stránka služeb ( /dich-vu ):
- Seznam všech služeb ve formě karet: ikona + název + krátký popis + odkaz na podrobnosti
- Každá karta vede na samostatnou stránku služby
Podrobná stránka služby ( /dich-vu/thiet-ke-website ):
Vzorová sekce:
| Sekce | Obsah |
|---|---|
| Hero | Název služby + popis hlavních výhod + CTA |
| Problém | 3-4 bolestivá místa, se kterými se zákazník potýká |
| Řešení | Jak řešíte každý problém |
| Proces | 4-6 kroků od kontaktu po předání |
| Srovnávací tabulka | Srovnání servisních balíčků nebo s konkurencí (volitelné) |
| Případová studie | 1-2 případové studie související s touto službou |
| Vlastní FAQ | 4-6 otázek souvisejících s konkrétní službou |
| CTA | "Získat cenovou nabídku na návrh webových stránek" |
👉 Každá podrobná stránka služby cílí na jedno samostatné komerční klíčové slovo. Například: "návrh firemních webových stránek", "SEO služby pro malé a střední podniky".
4. Stránka případových studií - Aby výsledky mluvily za vás
Malí a střední zákazníci jsou při utrácení peněz velmi opatrní. Potřebují důkaz, že jste to už dokázali, nejen prázdná slova.
Stránka případových studií (nebo stránka Projektů) je místem, kde tento důkaz předvedete.
Struktura efektivní případové studie:
1. Kontext klienta
- Odvětví, velikost a problémy, se kterými se potýkají
2. Konkrétní výzvy
- Například: "Staré webové stránky se načítaly déle než 8 sekund, míra okamžitého opuštění byla 75 % a žádný kontaktní formulář nefungoval."
3. Nasazené řešení
- Co jste udělali - konkrétně, krok za krokem
4. Číselné výsledky
| Metrika | Před | Po |
|---|---|---|
| Doba načítání | 8.2s | 2.1s |
| Míra okamžitého opuštění | 75 % | 42 % |
| Potenciální zákazníci / měsíc | 5 | 28 |
5. Hodnocení od klienta (testimonial)
"Po redesignu webových stránek se množství potenciálních zákazníků v prvních 3 měsících pětinásobně zvýšilo." - Pan Minh, ředitel ABC Corp
Na přehledové stránce Projektů ( /du-an ) zobrazte seznam případových studií ve formě karet: miniatura + název klienta + vynikající výsledek + odkaz na podrobnosti.
5. Blog - Stroj na generování návštěvnosti a péči o zákazníky
Blog není jen pro "psaní pro nic za nic". Blog je nástroj k:
- Přilákání návštěvnosti z Googlu - prostřednictvím článků zaměřených na informační klíčová slova
- Budování odbornosti - aby zákazníci věřili, že skutečně rozumíte oboru
- Péče o potenciální zákazníky - od "zjišťování informací" k "připravenosti k nákupu"
- Vytváření interních odkazů - přesměrování zákazníků z blogových článků na stránky služeb, stránky případových studií
Co potřebuje blog k efektivitě?
Z hledně struktury:
- Stránka seznamu blogových článků ( /blog ) - zobrazuje nejnovější články, s paginací
- Stránka podrobností blogového článku ( /blog/slug-bai-viet ) - s obsahem (table of contents), drobečkovou navigací a postranním panelem s návrhy souvisejících článků
- Kategorizace podle kategorií nebo štítků
Z hlediska obsahu každého článku:
| Část | Popis |
|---|---|
| Nadpis H1 | Obsahuje klíčové slovo, pod 70 znaků |
| Úvodní odstavec | Představí problém + slibuje hodnotu, ve 3-4 řádcích |
| Hlavní obsah | Jasně rozdělený do H2/H3, každá část odpovídá na jednu otázku |
| Obrázek / tabulka | Ilustrováno skutečnými obrázky, datovými tabulkami nebo konkrétními příklady |
| CTA v článku | 1-2 CTA odkazující na související služby nebo vstupní stránky |
| Závěr | Shrnutí + konečné CTA |
👉 Tip: Každý blogový příspěvek by měl odkazovat na alespoň 2–3 další stránky na webu (stránky služeb, případové studie nebo související blogové příspěvky). Toto je způsob, jak přirozeně budovat interní odkazy.
6. Stránka FAQ - Řeší veškeré překážky před tím, než se zákazník ozve
FAQ není podřadná stránka. Toto je místo, kde proaktivně řešíte obavy, které zákazníci mají, ale neptají se – a protože nedostanou odpověď, tiše odejdou.
Jaké FAQ by měl mít web firmy:
O službách:
- Jaký je pracovní postup?
- Jak dlouho bude dokončení trvat?
- Nabízíte podporu po předání?
O nákladech:
- Jaké jsou přibližné náklady?
- Máte balíčky pro malé podniky?
- Jak se platí?
O technických otázkách:
- Nemám technické znalosti, mohu s vámi spolupracovat?
- Mohu po předání webu sám upravovat obsah?
- Jsou moje data v bezpečí?
O důvěryhodnosti:
- Jak dlouho společnost působí?
- Máte nějaké zákazníky, které mohu kontaktovat?
Principy psaní FAQ:
- Uveďte nejobtížnější otázky jako první: otázky týkající se ceny, času, rizik
- Odpovědi musí být přínosné: nejen „ano/ne“ odpovědi
- Stručnost: 3-5 řádků na odpověď
Příklad:
Nemám technické znalosti, mohu si sám spravovat web? Rozhodně ano. Web používá intuitivní systém pro správu obsahu (CMS) – stačí vám umět používat Word a budete moci sami aktualizovat obsah, přidávat články, měnit obrázky bez nutnosti sahat na kód.
👉 Z hlediska SEO: používejte značku FAQ Schema markup, aby se otázky mohly zobrazovat jako obohacené výsledky (rich snippets) na Googlu – zaberou tak více místa na stránce s výsledky vyhledávání.
7. Kontaktní stránka - Nenechávejte zákazníky hledat způsob, jak vás kontaktovat
Zní to jednoduše, ale mnoho webů firem má kontaktní stránky s nedostatkem informací, nebo jen s formulářem pro odeslání e-mailu, na který nikdo neodpovídá.
Správná kontaktní stránka by měla obsahovat:
| Prvek | Podrobnosti |
|---|---|
| Kontaktní formulář | Jméno, e-mail, telefonní číslo, obsah (4 pole jsou dostatečná) |
| Telefonní číslo | Hlavní linka, musí být funkční (klikněte pro volání na mobilu) |
| Profesionální e-mail (použijte doménu firmy, ne Gmail) | |
| Adresa | Adresa kanceláře + vložená mapa Google Maps |
| Provozní doba | Pondělí – Pátek, 8:00 – 17:30 (nebo dle potřeby) |
| Další kanály | Zalo, Messenger, nebo live chat (dle odvětví) |
Principy kontaktního formuláře:
- Méně polí = více potenciálních zákazníků. Každé přidané pole snižuje míru vyplnění formuláře o 5-10 %.
- Jasné popisky, zástupné texty s příklady (např. „Jan Novák“)
- Okamžité ověření – hlásí chybu ihned při zadání, ne až po odeslání
- Pod formulářem by měl být text: *Vaše informace jsou absolutně v bezpečí*
Z hlediska SEO: zajistěte, aby NAP (Name - Address - Phone) na kontaktní stránce přesně odpovídal informacím na vašem profilu Google Business Profile. To je důležitý signál pro lokální SEO.
8. Výzva k akci (CTA) napříč celým webem – Malé tlačítko, velký dopad
CTA (Call-to-Action) není samostatná stránka – je to prvek procházející všemi stránkami webu.
Standardní firemní web potřebuje CTA na následujících místech:
| Pozice | Typ CTA | Příklad |
|---|---|---|
| Header (menu) | Výrazné tlačítko | "Bezplatná konzultace" |
| Hero sekce (domovská stránka) | Hlavní CTA | "Zobrazit služby" nebo "Vyžádat cenovou nabídku" |
| Konec každé stránky služby | Převáděcí CTA | "Vyžádat cenovou nabídku na službu [název služby]" |
| V příspěvku na blogu | Kontextové CTA | "Zjistit více o [související služba]" |
| Patička | Vedlejší CTA | "Přihlásit se k odběru novinek" |
| Popup / slide-in | Lead-gen CTA | "Získat materiál zdarma" (volitelné) |
Principy psaní CTA:
Dobré CTA = Akce + Výhoda
❌ "Odeslat" ❌ "Submit" ✅ "Získat bezplatnou konzultaci do 24 hodin" ✅ "Zobrazit podrobnou cenovou nabídku"
Pod každým CTA by měl být microcopy, který odstraňuje obavy:
- Žádný závazek
- Odpověď do 24 hodin
- Zcela zdarma
Pravidla pro návrh struktury: Konzistentní identita značky
Dobrá struktura webu neznamená jen mít dostatek stránek – ale také konzistenci mezi stránkami. Zde hraje důležitou roli identita značky.
Faktory, které by měly být konzistentní napříč celým webem:
- Barvy: maximálně 2-3 hlavní barvy, používané konzistentně pro CTA, nadpisy, odkazy
- Písma: 1 písmo pro nadpisy, 1 písmo pro text – nepoužívejte více než 2 písma
- Tón hlasu: pokud je na domovské stránce psáno přátelsky, i stránka služeb by měla být přátelská, ne náhle přecházet do korporátního tónu
- Obrázky: preferujte skutečné fotografie, pokud používáte ilustrace, používejte stejný styl napříč celým webem
- Header a Patička: stejné na všech stránkách – to je páteř webu
Když je identita značky konzistentní, zákazníci pocítí profesionalitu, aniž byste to museli říkat.
Závěr
Standardní firemní web nepotřebuje desítky složitých stránek. Potřebuje přesně 8 stránek, kde každá hraje svou roli:
- Domovská stránka: navigace
- O nás: budování důvěry
- Služby: vysvětlení hodnoty
- Případové studie: prokázání schopností
- Blog: přilákání a péče o zákazníky
- FAQ: řešení překážek
- Kontakt: podpora akce
- Výzvy k akci (CTA) napříč celým webem: podpora konverzí
Jasná struktura, správně umístěný obsah, konzistentní identita značky – to je recept na to, aby váš firemní web nebyl jen "pro parádu", ale skutečně generoval zákazníky.
Proměňte to, co jste právě přečetli, v hmatatelné výsledky — vyzkoušejte to hned s GTG CRM, zdarma.
Vyzkoušet hned
