Podnikání

Jak postupovat při tvorbě webových stránek

Tvorba webových stránek už dávno není jen pro programátory. Malé a střední firmy si díky CMS systémům většinou zvládají spravovat, a někdy i vytvořit, web svépomocí. V takovém případě je ale potřeba myslet na to, že tvorba webu je poměrně rozsáhlý projekt. Jak tedy postupovat při tvorbě webových stránek? A jaký CMS systém vybrat?

 

Doby, kdy jako firemní prezentace stačily obyčejné webové stránky psané v jazyce HTML, jsou dávno pryč. Webové technologie od té doby prošly neuvěřitelným vývojem a velice často mají i středně velké firmy webové stránky, které jsou pro běžného smrtelníka nepředstavitelný organismus. Jen samotný web bývá napsaný v několika programovacích jazycích. K tomu si můžete přičíst databáze, se kterými web pracuje, nebo propojení se systémy třetích stran. To vše vytvořit vyžaduje velice sofistikované know-how, za kterým stojí nepředstavitelný počet hodin programátorské práce.

Jenže technologický pokrok došel tak daleko, že dokonce i malé a středně velké firmy mohou vytvořit poměrně pokročilé webové stránky svépomocí, bez hlubokých znalostí programování. Umožňují jim to stále uživatelsky přívětivější nástroje v čele s CMS systémy neboli redakčními systémy.

S postupně snižujícími se nároky na programátorské znalosti však zároveň rostly a stále rostou nároky na znalost marketingu či grafického designu. Chcete-li tedy vytvořit uživatelsky přívětivé, přitažlivé a vyhledávané stránky, nepotřebujete být programátorem, ale spíše manažerem, který se na projekt jménem nové webové stránky pořádně připraví.

 

Postup tvorby webových stránek

Když budete při tvorbě webu postupovat systematicky, dosáhnete lepšího výsledku, a navíc daleko rychleji, než když budete improvizovat. Jednotlivé činnosti spojené s tvorbou webu si naplánujte a rozdělte úkoly mezi kolegy, grafiky, programátory, nebo třeba SEO specialisty z marketingové agentury. Připravit si systematický postup předem se vyplatí i tehdy, když se rozhodnete web tvořit sami za pomocí zmíněných CMS systémů.

Chcete-li získat přehled a práci na novém webu si zorganizovat stáhněte si tabulku, se kterou přišel Viktor Janouch v publikaci Internetový marketing. Sami možná ze zkušenosti víte, že se většinou vyplatí si vše napsat a postupně odškrtávat. Pojďme si tedy jednotlivé body tabulky projít.

 

  1. Stanovení cíle webu

Na úplném začátku projektu vytváření nového webu by měly být pojmenovány cíle webu. Jinými slovy musíte mít jasno v tom, jaký je účel webu. Jakkoliv se to může zdát samozřejmé, je tento krok velice důležitý. Pokud má například web hlavně informovat o vašich službách, bude následně důležité se zamyslet nad všemi otázkami, které si vaši zákazníci mohou klást.

Chcete, aby vaše webové stránky fungovaly jako prezentace vašich produktů či služeb? Je cílem vzbudit povědomí o solidnosti vaší firmy? Nebo tvoříte e-shop a chcete přes něj prodávat? Důvodů pro existenci webu může být mnoho a je třeba si vybrat jeden nebo dva hlavní.

 

  1. Kdo bude návštěvník

Webové stránky jsou marketingový nástroj a stejně jako u všech ostatních marketingových nástrojů potřebujete vědět, jaká je vaše cílová skupina.

Jaký je profil vašeho typického potenciálního zákazníka? Budou na váš web přicházet i zaměstnanci, uchazeči o zaměstnání, obchodní partneři nebo třeba novináři a PR manažeři? Každá ze skupin uživatelů bude na webových stránkách hledat zcela odlišný obsah.

 

  1. Co mají návštěvníci na stránkách udělat

Jestliže už víte, pro koho web tvoříte, vžijte se do role uživatele. Představte si, co na vašem webu hledá a zjednodušte mu cestu k jeho cíli.

Očekáváte od zákazníka objednávku? Snažte se celý proces udělat co nejintuitivnější. Pokud vás mají zákazníci kontaktovat telefonicky, mělo by vaše telefonní číslo být už na hlavní stránce. Nebo očekáváte, že vám potenciální zákazník pošle poptávku a se mu následně sami ozvete již s konkrétní nabídkou. V takovém případě bude ideální mít na stránkách poptávkový formulář, z něhož můžete dostat poptávku rovnou do CRM systému.

 

  1. Jaká jsou hlavní témata stránky

Odpověď na tuto otázku vám většinou dají sami zákazníci. Chtějí vědět, co nabízíte? Kolik stojí vaše služby? Potřebují na vás získat kontakt? Rozdělte jim tyto informace přehledně do menu na vašem webu.

To znamená, že můžete vytvořit položky Produkty/Služby, Ceník nebo Kontakty. V případě, že hledáte posily do vaší firmy, můžete také vytvořit stránku Kariéra. Máte jako firma zajímavou historii? Pak můžete vytvořit stránku O nás. Možná dokonce často spolupracujete s tiskem. V takovém případě si vás web zaslouží sekci Pro média, kde novináři nebo PR manažeři najdou například vaše logo v tiskové kvalitě. Možnosti jsou opravdu neomezené.

 

  1. Analýza klíčových slov

Potenciální zákazníci, které můžete na váš web přilákat, se na něj mohou dostat několika způsoby. Například tak, že vás na základě nějakého klíčového slova vyhledají na Googlu nebo na Seznamu.

A právě díky analýze klíčových slov zjistíte, pod jakými konkrétními výrazy vás zákazníci mohou najít. Mohou hledat například „pizzerie Praha“, „CRM v Outlooku“ nebo „levné notebooky“. To záleží na vašem oboru podnikání. S analýzou vám pomůže funkce Plánovač klíčových slov ve službě Google Ads nebo Návrh klíčových slov ve službě Sklik.

 

  1. Analýza konkurence

Jak se říká, sousedova tráva je vždy zelenější. Pokud vás konkurent může v něčem inspirovat, a většinou může, koukněte se přes plot.

Řekněme, že nabízíte tiskové služby. Určitě uvedete na vašem webu kontaktní informace a ceník. Většina firem ale nebude chtít rovnou řešit objednávku. Chtějí vám zaslat poptávku a pokud na vašem webu neuvidí poptávkový formulář, možná ze stránek rovnou odejdou. Jak tedy takový formulář má vypadat? Podívejte se na stránky konkurence a zjistíte, že kromě jména, e-mailu a telefonu mají ve formuláři pro tisk plakátů i pole pro rozměry a počet kusů. Uživatelský zážitek tak bude příjemnější, zanecháte profesionální dojem a komunikace poptávky bude rychlejší.

 

  1. Definice struktury webu

Jakmile jste určili jednotlivé části, ze kterých se bude váš web skládat, nyní je čas jednotlivé díly začít skládat dohromady. V praxi to znamená, že byste měli pro vývojáře vaše webu připravit tzv. wireframe. Úspěšný web má být pro uživatele především přehledný. To znamená, že by měl vycházet ze zásad tzv. UX designu.

 

Ilustrační obrázek - příklady wireframů. Zdroj: https://medium.com/thinking-design/wireframe-examples-for-websites-mobile-apps-b5fab9f9971b

 

Jedna rada za všechny – důležité informace by měly zpravidla být nahoře. Čím hlouběji totiž na webové stránce informace jsou, tím menší je pravděpodobnost, že se k nim uživatel dopátrá. Například menu by tedy v souladu s touto zásadou mělo být téměř vždy nahoře.

Další prvky webových stránek jako bloky textu nebo tlačítka už jsou individuální, obor od oboru, firma od firmy. Možná se můžete ještě vrátit k analýze konkurence. Pokud například na stránkách půjčovny dodávek je telefonní kontakt na úvodní stránce hned pod menu, zřejmě pro to mají důvod.

 

  1. Grafika stránek

Máte před sebou máte prázdný koncept vašeho webu neboli wireframe? Můžete jej začít plnit. Jak by vlastně měla grafika vašeho webu vypadat? Na co se zaměřit?

Vizuální styl by měl být v souladu s vaší značkou. Zaměřte se hlavně na barvy, zda se například hodí k vašemu oboru, a na písmo. Text by měl být přehledně členěný do nadpisů, odstavců a podobně, čitelný a písmo by mělo obsahovat české znaky.

 

  1. Obsah

O obsahu stránek nejspíš máte nějakou představu už ve chvíli, kdy řešíte předchozí body. Nyní je na čase zaplnit web textem, funkčními formuláři, tlačítky, obrázky a podobně. Nejen u tohoto bodu možná přijdete na to, že celý proces nejde bezchybně chronologicky za sebou, a vrátíte se k předchozím bodům. Nějaký titulek nebo text může být třeba příliš dlouhý. Tak se vrátíte ke grafice a třeba pomůže zmenšení písma, anebo budete muset přeskupit obsah na stránce.

 

  1. SEO on-page

Analýza klíčových slov o několik bodů výše je základ pro SEO neboli optimalizaci webu pro vyhledávače. Samotnou analýzou ale optimalizace zdaleka nekončí, pokud mají na váš web proudit zákazníci z vyhledávačů, je potřeba se zaměřit na obsah vašeho webu z hlediska SEO zaměřit – jinými slovy zaměřit se na tzv. on-page SEO faktory. To znamená, aby například titulek vašeho webu, názvy jednotlivých stránek, alt popisky použitých obrázků a další části vašeho webu odpovídaly vyhledávaným výrazům.

Na SEO je v každém případě potřeba myslet už při vývoji webových stránek. Většina webů se spravuje poměrně snadno v administračním prostředí, která jsou dnes už samozřejmostí. Možnost upravovat jednotlivé SEO faktory však musí být v zadání pro vývojáře vašeho webu. Pokud ve vaší firmě není nikdo, kdo by se touto problematikou zabýval, je ideální se obrátit na SEO specialistu.

TIP: Chcete-li se na tuto problematiku zaměřit sami, přečtěte si článek o SEO optimalizaci, který vám pomůže (nejen) v začátcích.

 

  1. Testování webu

Důkladné testování webových stránek před jejich vypuštěním je velice důležité. Váš web by neměli testovat potenciální zákazníci, jelikož je případné nedostatky mohou odradit a špatný první dojem se poté složitě napravuje.

Můžete přijít na to, že se obrázky nezobrazují správně v některém prohlížeči nebo na mobilních zařízeních, nefunguje formulář, nebo nefunguje správně vyhledávání. Chyb, na které můžete přijít, je opravdu spousta.

 

  1. Vypuštění stránek

Před slavnostním vypuštěním stránek do světa byste měli mít nejen otestovány stránky jako takové, ale ujistit o správném nastavení SEO (především nastavení souborů robots.txt a sitemap.xml), aby váš web Google indexoval od samého začátku. Google nabízí řadu vlastních postupů a nástrojů, jak toto nastavení zkontrolovat a případně opravit.

 

  1. SEO off-page

Zmíněným on-page SEO faktorům je potřeba stále věnovat pozornost i po vypuštění webu. V tu chvíli k ale nim přibydou i tzv. off-page faktory. Mezi nejdůležitější patří tzv. linkbuilding neboli budování zpětných odkazů na vaše webové stránky.

Můžete vaši firmu a váš web zaregistrovat do online katalogů firem, publikovat články na serverech třetích stran, nebo třeba navázat spolupráci s influencerem.

 

  1. Průběžná kontrola funkčnosti stránek a SEO

Kontrola funkčnosti vašich stránek a jejich indexování v Googlu a na Seznamu by se mělo stát pravidelnou rutinou. Firmám se nezřídka stává, že se jejich web nezobrazuje na Googlu (pozor, často se to stává při přejmenovávání stránek nebo přechodu na nový hosting) nebo třeba na e-shopu přestane fungovat vkládání zboží do košíku. Čím dříve to zjistíte, tím budou škody menší.

Frekvence kontrol by se měla odvíjet nejen od vašich časových možností, ale zejména od toho, jaký váš web generuje zisk. E-shop s desítkami objednávek denně případný výpadek samozřejmě postihne mnohem více než třeba kadeřnictví v Břeclavi.

 

  1. Monitorování návštěvnosti

Chcete-li měřit a analyzovat počet návštěv, údaje o uživatelích vašeho webu, jejich chování, prodeje a další statistiky, budete pravděpodobně používat nejrozšířenější nástroj Google Analytics. Pokud ano, ujistěte se ještě před vypuštěním webu o správném nastavení značky Google Analytics na vašem webu.

 

 

  1. Analýza návštěvnosti

Analýza návštěvnosti webových stránek je velice obsáhlé téma samo o sobě. Kromě počtu návštěvníků můžete například sledovat z jakých stránek zákazníci nejčastěji odchází nebo jak dlouho na dané stránce setrvají. Z těchto dat můžete odvodit, kde jsou slabá místa vašeho webu.

 

  1. Analýza úspěšnosti SEO

Úspěšnost vaší SEO strategie můžete posoudit na základě jakých klíčových slov z vyhledávačů na váš web uživatelé přišli nebo jak vysoko se váš web ve vyhledávači na konkrétní klíčová slova zobrazuje.

Některé vyhledávací výrazy, jako třeba „pizzerie Praha“ budou vyžadovat trpělivost, a pokud se nedostanete na první stránku na Googlu za půl roku, nejspíš neděláte nic špatně. Pokud ale vaše stránky budete optimalizovat na výraz „kadeřnictví Břeclav“, měly by se výsledky dostavit výrazně dříve.

 

  1. Změny webu

Stejně jako u mnoha jiných projektů i v případě tvorby webových stránek jsou jednotlivé fáze značně provázány. Jednotlivé body se střídají, doplňují a obzvlášť po vypuštění webu opakují. Čím usilovněji však budete postupovat od samého začátku, tím větší je šance, že se nebudete muset věnovat poslednímu bodu změny webu při ostrém provozu. A to vám ušetří opravdu hodně vrásek.

 

Výhoda CMS systémů? Jde to i bez programování

Zdá se, že tvorba webových stránek skutečně vyžaduje široké spektrum znalostí. Budete-li potřebovat provádět změny na webu po jeho spuštění, programování naštěstí není znalostí, kterou budete nutně potřebovat. Současným standardem jsou totiž dříve zmíněné CMS systémy, jejichž řešení zahrnuje uživatelsky přívětivá administrační prostředí webu, ve kterém úpravy provádíte bez znalostí programovacích jazyků.

CMS systémy také nabízí doplňky, které uživatelům výrazně usnadňují práci:

  • Šablony – předdefinovaný vzhled webové stránky, který lze upravit podle potřeby (často jsou součástí šablony i intuitivní editory, díky kterým uživatel může jednoduše pomocí drag-and-drop přidávat, odebírat, přesouvat či upravovat jednotlivé elementy dané stránky)
  • Pluginy/moduly – doplňující funkce, které se jednoduše nainstalují v administračním prostředí, jako jsou formuláře, SEO optimalizace, bezpečnostní pluginy, analytické nástroje, živý chat pro prodejce se zákazníky a skutečně mnoho a mnoho dalších.
  • Widgety – předpřipravené jednotlivé prvky, které pracují právě s šablonami a pluginy. Můžete tak například jedním tahem myši umístit formulář do postranního panelu na webu.

 

S jistou nadsázkou tedy lze říct (není tomu tak vždy), že pro dlouhodobou správu webových stránek stačí pouze nastudovat základní principy SEO, zdokonalit se v práci s Photoshopem nebo se sem tam obrátit na externího grafika a naučit se pracovat s CMS systémem.

 

Výběr vhodného CMS systému

Rozhodnete-li se vytvořit nové webové stránky, zbývá už jen rozhodnout, který CMS systém vybrat. V současnosti nejrozšířenějšími systémy jsou WordPress, Joomla a Drupal. Pro srovnání můžeme zařadit i Wix nebo Squarespace, které však nejsou CMS systémy instalované na vlastní server. Jako editory webových stránek jsou ale Wix i Squarespace poslední dobou poměrně rozšířené. Existuje tedy šance, že jej některé firmy zvažují jako alternativu, a tak si ve srovnání jistě místo zaslouží.

Nejpoužívanější CMS systémy. Zdroj: https://medium.com/@datadrivendesignnashville/the-data-says-wordpress-is-the-most-used-cms-in-the-world-3c6dcf4bfe45

 

Služby jako Wix a Squarespace mají ve srovnání s WordPressem a dalšími CMS řadu nevýhod. Tou hlavní je cena, která u Wix začíná na 8,50€ za měsíc a v případě Squarespace dokonce 12$ za měsíc. Wix sice doplňuje nabídku o levnější balíček s platbou 4,50€ za měsíc, ale takovém případě budete muset mít na vašem webu reklamu Wix, což nepůsobí profesionálně. Naproti tomu u klasických CMS systémů platíte pouze za vlastní hosting.

Wix a podobné služby si uživatelé i přes vyšší cenu často oblíbí pro velice jednoduché a intuitivní ovládání. Bohužel je to jediná přednost, kterou tyto služby WordPress, Joomlu a Drupal předčí.

Squarespace i Wix jsou velice omezené v možnostech SEO optimalizace, což je oběť, kterou málokterá firma může přijmout. Ve srovnání s WordPress, Joomlou a Drupalem je omezená je i nabídka šablon a pluginů, a ne vždy si tak firma dokáže stránky zcela přizpůsobit svým potřebám.

 

WordPress, Joomla nebo Drupal?

Vzhledem k tomu, že celou dobu hledáme ideální řešení pro malé a střední firmy, ve chvíli, kdy výběr CMS systémů zúžíme na WordPress, Joomlu a Drupal, budou nás pravděpodobně stále zajímat podobné parametry jako u Wix nebo Squarespace. Pokud souhlasíte a hledáte jednoduché řešení, Drupal to bohužel nebude. Drupal je systém, který je designovaný spíše pro velké firmy, jež vyvíjí zpravidla velké komplexní webové stránky. Vývojářům dává Drupal v tomto směru velkou svobodu. Hledáte-li hotové řešení, bude pro vás lepší Joomla nebo WordPress, které jsou v mnoha ohledech podobné.

Výhody WordPressu vyplývají už ze samotné skutečnosti, že je ze všech CMS systémů nejrozšířenější. Například v tom, že nabídka pluginů a šablon je jednoznačně nejširší. Pluginů na WordPress je dostupných kolem 50 tisíc, zatímco Joomla v tomto směru výrazně zaostává s 8 tisíci dostupných pluginů.

Pokud budete nároční a zjistíte, že nutně potřebujete úpravu vaší šablony nebo nějakého pluginu, vývojářů freelancerů, kteří se specializují na WordPress, je mnohonásobně více než v případě Joomly a Drupalu.

Kromě výhod, které vyplývají z toho, že je WordPress nejrozšířenější, je i jedna výhoda, která vysvětluje, proč je nejrozšířenější. Je to skutečnost, že WordPress je uživatelsky nejpřívětivější. Většina hostingů je dnes už dokonce „WordPress-ready“ a o technické nastavení serveru se nemusíte vůbec starat. WordPress stačí pouze nainstalovat.

Ondřej Svoboda
25. 6. 2020
Sdílet: