Tvorba webových stránek – co vás čeká?

Plánujete nový web a nejste si jistí, kde přesně začít? Chápu to, ten proces může vypadat jako obrovská a složitá hora. Abych vám v tom udělal jasno, připravil jsem kompletní přehled všeho, co budete muset řešit. Vytvoření funkčního webu totiž není jen o hezkých obrázcích; je to proces rozdělený na tři klíčové pilíře: technické zázemí (aby to celé běželo), grafický design (aby to dobře vypadalo) a obsah (to, co skutečně prodává). Pokud si z celého článku máte odnést jedinou věc, je to tato: Největší past, do které podnikatelé padají, je tvorba webu pro sebe (a svou image), nikoliv pro své zákazníky.

Jsem Lukáš Mikula, věnuji se tvorbě webů a marketingu. Během své praxe vidím, že téma tvorby webu je pro mnoho podnikatelů obestřeno tajemstvím. Vypadá to jako drahý, technicky náročný projekt, do kterého se člověku nechce pouštět. A upřímně, je to komplexní proces. Není to jen pár kliknutí.

Abych vám to co nejvíce zjednodušil, rozdělil jsem celý proces do tří hlavních částí. Přesně tak, jak o něm přemýšlím já, když tvořím web pro klienta. Projdeme si technickou, grafickou a obsahovou stránku věci.

1. Technický základ (Bez něj to nejede)

Než vůbec začneme řešit barvičky a texty, musíme postavit základy. Technická část je to, co drží váš web pohromadě a umožňuje mu vůbec fungovat.

Výběr platformy (WordPress, nebo „krabice“?)

První velké rozhodnutí. Je to jako rozhodování, jestli si dům postavíte sami, koupíte si hotový, nebo si najmete architekta na stavbu na míru. Máte v zásadě tři hlavní možnosti:

• Řešení na míru (Profi kód): Necháte si web kompletně naprogramovat od agentury. Máte 100% unikátní řešení, ale je to nejdražší (stovky tisíc) a jste zcela závislí na dodavateli. Pro většinu malých firem a podnikatelů se službami je to jako jít s kanónem na vrabce.
  Alternativa: Alternativou je jednoduchý statický web (postavený v HTML/CSS/JS), který je určen pro ty, kteří nechtějí řešit aktulizace systému a nepotřebují administraci, protože se obsah příliš nemění. Podobné web dělám například řemeslníkům. Tato varianta je finančně nenáročná, ale nebudeme ji zde rozebírat.
• Open-source (např. WordPress): Tohle je zlatá střední cesta, kterou využívám a doporučuji nejčastěji. Samotný systém (je to takzvaný redakční systém) je zdarma, máte nad ním plnou kontrolu, můžete ho libovolně rozšiřovat o tisíce funkcí (tzv. pluginy) a nejste na nikom závislí.
• Krabicová řešení (např. Webnode, Wix, Shoptet): Zaregistrujete se, platíte měsíční paušál a web si „naklikáte“ v editoru. Je to nejjednodušší start, ale platíte za to omezenou kontrolou, menší flexibilitou a jste navždy vázaní na tu jednu platformu.

Pro lepší představu jsem připravil rychlé srovnání:

Pro podnikatele, kteří chtějí mít web pod kontrolou, chtějí na něm tvořit obsah (například blog) a myslí to s ním vážně, je WordPress téměř vždy ta nejlepší volba.

Hosting a doména (Pozemek a adresa)

Abychom mohli náš WordPress někam nainstalovat a lidé ho našli, potřebujeme dvě věci:

• Hosting: Představte si to jako parcelu nebo pozemek, kde bude stát váš dům (web). Je to vlastně jen pronajaté místo na počítači (odborně se mu říká server), který běží někde v datacentru 24 hodin denně, 7 dní v týdnu.
• Doména: To je vaše adresa (v mém případě lukasmikula.cz). Díky ní lidé nemusí zadávat složitou číselnou adresu (IP adresu) vašeho hostingu.

Doména stojí pár stovek ročně, kvalitní hosting se pohybuje kolem tisícikoruny ročně. Nešetřete na hostingu pár korun. Při výběru dejte hlavně na recenze a kvalitu zákaznické podpory. Není nic horšího, než když vám web nefunguje a vy se nemůžete nikomu dovolat. Známým a kvalitním poskytovatelem hostingu v ČR je například Vedos.

2. Grafika a design (První dojem rozhoduje)

Máme pozemek, adresu a hrubou stavbu (WordPress). Teď jdeme řešit, jak bude dům vypadat. První dojem uděláte jen jednou a na webu na to máte asi tři sekundy. Není potřeba špičkový design, stačí jen působit moderně a profesionálně. Zastaralý a nekvalitní vzhled vytváří pocit, že kvalita vašich služeb bude stejná.

Šablona, nebo vzhled na míru?

Opět stojíte před volbou, která se točí hlavně kolem peněz a času. Tohle řešíme hlavně v případě WordPressu. U krabicových řešení si vybíráte z šablon, řešení namíru od agentur jde ruku v ruce s vlastním designem (vzhledem).

• Koupená šablona: Existují tisíce předpřipravených designů (šablon). Vyberete si tu, která se vám líbí, nainstalujete ji a jen upravíte barvy, písmo a samozřejmě obsah. Je to rychlé a násobně levnější. Nebojte se, že váš web bude vypadat jako tisíc dalších – kvalitní šablony (např. Astra, kterou používám já) jsou tak nastavitelné, že výsledek je k nepoznání.
• Vlastní design: Najmete si designéra, který vám ve speciálním grafickém softwaru (třeba ve Figmě) navrhne unikátní vzhled webu. Ten pak musí programátor (kodér) „převést“ do WordPressu, aby byl web funkční. Je to výrazně dražší (desítky tisíc) a časově náročnější.

Zde je opět srovnání:

Pro 90 % servisních podnikatelů a malých firem bohatě stačí kvalitní, dobře zvolená šablona. Nedává smysl investovat hromadu peněz do vlastního designu, pokud nejste zavedená firma nebo e-shop s velkým rozpočtem.

Barvy, fonty a logo

Ať už máte šablonu nebo design na míru, musíte si ujasnit svou základní vizuální identitu.

• Barvy: Nepřeplácejte to. Vyberte si jednu hlavní, výraznou barvu (pro tlačítka a odkazy) a jednu doplňkovou. Zbytek by měl být neutrální (odstíny šedé, bílá, případně černá v tmavmé designu). Web musí být hlavně čitelný.
• Fonty (písmo): Nepoužívejte víc než dva druhy písma. Jeden na nadpisy, druhý na běžný text. Hlavně si ověřte, že oba podporují českou diakritiku (háčky a čárky). Skvělým zdrojem jsou Google Fonts.
• Logo: Spousta lidí řeší logo pro podnikání jako úplně první věc. Já to dělám často opačně. Někdy je lepší nejdřív postavit web, vybrat si šablonu, ujasnit si jeho styl a barvy, a až pak nechat vytvořit logo, které k němu bude perfektně sedět. Ale je možné, že už logo máte, nebo ho chcete dělat jako první. V tomto případně mi přijdou obě varianty v pořádku. Logo by měl být jednoduché, zapamatovatelné a nepřeplácané.

3. Obsah (Skutečný důvod existence webu)

Tohle je naprosto klíčová část, kterou firmy nejčastěji podceňují. Můžete mít technicky dokonalý a krásný web, ale pokud má špatný obsah (texty, obrázky), je vám úplně k ničemu.

Pro koho ten web vlastně děláte?

Zapomeňte na chvíli na sebe a vaše služby. Váš web nestavíte pro sebe, pro své ego, ani pro svou konkurenci. Stavíte ho pro svého zákazníka.

Zákazníka příliš nezajímá, že jste „dynamicky se rozvíjející firma s individuálním přístupem a dlouholetou tradicí“. Tohle jsou často prázdné fráze, které čtete všude. Zákazníka jako první zajímá:

„Mám problém. Dokážete mi ho vyřešit?„

Váš web musí okamžitě a jasně odpovědět na jeho otázky. Musí mluvit jeho jazykem a popisovat jeho problémy. Pokud se v tom zákazník pozná, získáte jeho důvěru. A právě důvěra je druhý stavební bod. Protože další logická otázka zákazník je „Můžu vám důvěřovat pro řešení mého problému?„. V tomto hodně pomáhají reference od stávajících klientů, které by měli být rozhodně součástí.

Struktura webu (Jedna stránka, nebo bludiště?)

Je dobré se zamyslet, jestli nám stačí pro prezentaci a prodej služeb jednostránkový web, nebo vyžaduje více stránek.

• Jednostránkový web: Je vhodný pro jednoduché služby nebo produkty, kde stačí všechny informace odprezentovat na jedné dlouhé stránce. Dělal jsem to tak například pro web Trénuj pacienty, kde návštěvník najde vše podstatné rolováním na jedné stránce.
• Vícestránkový web: Je to nutnost, pokud máte více služeb nebo cílíte na různé skupiny zákazníků (odborně jim říkáme segmenty). Například na webu Korkonaut (stříkaný korek) máme zvlášť stránku pro majitele domů, kteří řeší fasádu, zvlášť pro ty, co mají plísně v interiéru, a zvlášť pro průmyslové haly. Každá stránka mluví k jinému zákazníkovi a řeší jeho specifický problém.

Nezbytné stránky

Každý firemní web by měl mít minimálně tento základ:

1. Úvodní stránka: Musí během tří sekund říct, kdo jste a co děláte. Žádné obecné fráze typu „Vítejte na našem webu“. Rovnou k věci.
2. Služby/Produkty: Přehledně, srozumitelně. Ideálně rozdělené podle problémů zákazníka, ne podle toho, jak to máte interně ve firmě.
3. O nás: Stručně vysvětlete svůj příběh, ukažte obličej. Lidé kupují od lidí a buduje to důvěru.
4. Kontakt: Telefon, e-mail, adresa, IČO a ideálně jednoduchý formulář. A hlavně – mějte kontaktní údaje viditelně na každé stránce (třeba v patičce), nejen schované v menu – buduje to důvěru.

Blog (Proč byste měli psát články?)

Blog není jen deníček. Je to místo pro informační obsah, který odpovídá na další otázky vašich zákazníků. Píšete o tom, jak řešíte jejich problémy, dáváte tipy, sdílíte své know-how. Tím si budujete pozici experta v oboru.

A co je hlavní – je to skvělý nástroj pro SEO (optimalizaci pro vyhledávače). Díky článkům vás totiž lidé najdou na Googlu nebo Seznamu, když hledají odpovědi na své otázky (např. „jak se zbavit plísně na zdi“). Vy jim v článku zdarma poradíte a zároveň představíte svůj produkt, který to řeší.

4. Nezbytné kroky po spuštění (Co vás čeká dál?)

Když máme web postavený, hezký a naplněný obsahem, práce zdaleka nekončí. Teď přichází na řadu věci, které zajistí, že web bude fungovat dlouhodobě, bezpečně a že ho lidé vůbec najdou.

Responzivita (Mobil na prvním místě)

Váš web se musí správně zobrazovat na všech zařízeních – na velkém monitoru, notebooku, tabletu a hlavně na mobilu. Dnes už se weby navrhují primárně pro mobilní telefony, protože přes ně chodí většina návštěv. Pokud web na mobilu nefunguje nebo se špatně čte, jako by nebyl.

Právní náležitosti (GDPR, Cookies, IČO)

Tohle je ta „nudná“, ale nutná část. Pokud máte kontaktní formulář, sbíráte osobní údaje (jméno, e-mail). Proto musíte mít na webu dokument o ochraně osobních údajů (GDPR). Také musíte mít cookie lištu, která návštěvníka informuje o sledování (např. kvůli analytice). A jako firma musíte mít v kontaktech uvedené své IČO a zápis v rejstříku.

Měření (Analytika)

Jak zjistíte, že web funguje? Musíte ho napojit na nástroje, jako je Google Analytics. Díky nim uvidíte, kolik lidí na web chodí, odkud přišli (třeba z Googlu, Facebooku…) a co tam dělají (které stránky čtou). Bez měření letíte poslepu.

SEO (Optimalizace pro vyhledávače)

Mít web je jedna věc. Ale druhá věc je, aby ho lidé našli. SEO (Search Engine Optimization) je soubor technik, které pomáhají váš web „vysvětlit“ vyhledávačům jako Google a Seznam. Čím lépe vám rozumí, tím výše vás zobrazí ve výsledcích vyhledávání, když někdo hledá vaši službu.

Základní SEO zahrnuje technické věci (rychlost webu, správná struktura nadpisů), ale hlavně ten obsah, o kterém jsme mluvili. Když píšete blogové články o problémech svých klientů, používáte přirozeně slova (klíčová slova), která oni sami hledají. A přesně takhle vás najdou.

Marketing (Pixely a kódy)

Pokud plánujete v budoucnu placenou reklamu (třeba na Facebooku nebo Instagramu), musíte na web vložit speciální měřicí kódy (např. Facebook Pixel). Tyto kódy pak umožňují reklamním systémům měřit, jestli se reklama vyplácí, a cílit na lidi, kteří už na vašem webu byli.

Závěr: Zvládnu to sám, nebo si někoho najmu?

Jak vidíte, tvorba webových stránek je opravdu komplexní proces a tohle byl jen rychlý přehled. Je toho hodně a každé z těchto témat by vydalo na samostatný článek.

Teď stojíte před volbou:

• Udělat si to sám (DIY): Výhoda je, že se strašně moc věcí naučíte a budete mít plnou kontrolu. Nevýhoda? Zabere vám to obrovské množství času a nervů, které byste mohli věnovat svému podnikání.
• Nechat to na profíkovi: Zaplatíte někomu, kdo to udělá za vás. Ušetříte čas, ale musíte si najít někoho, komu důvěřujete a kdo chápe vaši cílovou skupinu.
• Hybridní přístup: Necháte si postavit technický a grafický základ a sami se pak staráte jen o obsah (psaní článků na blog, přidávání referencí). Tohle je podle mě pro většinu podnikatelů ideální cesta.

Ať už se rozhodnete jakkoliv, pamatujte na to nejdůležitější: web děláte pro zákazníka. Musí být jednoduchý, srozumitelný a musí rychle nabízet řešení jeho problému.

Často kladené dotazy