Jak vytvořit webové stránky

Naučte se tvořit webové stránky snadno a sami!

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

Jeden člověk nemůže umět vše, ale s trochou snahy se může mnoho naučit. Stejně tak je to i s tvorbou webových stránek. Můžete se obrátit na specializovanou agenturu nebo freelancera, který vám webové stránky vytvoří ale i tak je minimálně dobrý mít povědomí o tom, co tvorba webových stránek na WordPressu obnáší, jak probíhá jejich tvorba, jakou vybrat platformu nebo co všechno k vytvoření webu potřebujete.

Dávno jsou pryč doby, kdy byla tvorba webu doménou programátoru a jejich vývoj trval měsíce nebo klidně i roky a cena za takový web se pohybovala ve statisících a milionech. Dnes je samotná tvorba jednoduchých stránek otázkou týdnu a nižších desítek tisíc. Navíc díky dostupným nástrojům a návodům na tvorbu webu, si zvládnete webové stránky často vytvořit i sami.

Když si chcete sami vytvořit webové stránky stačí jen čas a chuť učit se něco nového. To se týká především živnostníků, menších firem nebo začínajících projektů, kde už třeba nezbývá rozpočet na zaplacení specialisty.

Ceny marketingových specialistů se pohybují od 500 Kč/hodinu výše, běžné jsou i částky od 1500 do 3500 Kč za hodinu. 

Prvně se podíváme proč je důležité mít vlastní web

Mít webové stránky je dnes nezbytným základem pro vlastní prezentaci. I když se někteří domnívají, že stačí aktivně spravovat profily na sociálních sítích, v dlouhodobém horizontu se ukáže, že to nestačí. Tvorba obsahu na webových stránkách a sociálních sítích se řídí odlišnými principy a jedno by mělo jít ruku v ruce s druhým.

Vlastní web si můžete představi jako svůj obchod. Je pouze váš, můžete si ho zařídit podle svých představ a nabízí vám neomezené možnosti k prezentaci svého zboží. Je to vaše stálé místo, kam si zákazníci mohou přijít kdykoliv.

Sociální sítě jsou jako rušné tržiště. Je to živé místo, kde se potkáváte s ostatními prodejci i zákazníky. Můžete zde nabídnout své zboží, ale zároveň se musíte přizpůsobit atmosféře tržiště a komunikovat s ostatními.

Každé má své pro a proti. Na sociálních sítích se můžete dostat rychle do podvědomí zákazníků a budovat s nimi vztah od samého začátku. Na webové stránky si vaši zákaznici musejí najít cestu a vy jim v tom musíte jít naproti. Proto je potřeba využívat webové stránky i sociální sítě společně.

Návod na tvorbu webových stránek

Vytvořit webovou stránku podle návodu zvládnete během jediného dne a reálně vás to bude stát jen pár stovek ročně. Ale vytvořit webovou stránku, která bude fungovat a plnit svůj účel, to už je jiná kapitola. Na internetu najdete stovky článků a videí, které vás provedou krok za krokem tvorbou webu. Hned poté ale budete muset hledat další návody, jak na web dostat návštěvníky, jak dělat SEO a mnoho dalšího. Po roce zjistíte, že stále máte průměrný web, na který nikdo nechodí. Protože spustit web nestačí.

Začínáme

Pokud máte ověřeno, že je vaše doména volná, tak za její registraci zaplatíte zhruba 200-250 kč na rok.

Na stejném místě budete mít pravěpodobně i možnost objednat si webhosting. Cena hostingu se může pohybovat od pár stovek ročně až po několik tisíc ročně. Záleží jak výkonný hosting budete potřebovat. Na male webové stránky, vám bude bohatě stačit nějaký základní za pár stovek ročně. Osobně doporučuju vyhnout se gigantům jako jsou Wedos nebo Forpsi. Jsou sice levné ale uživatelsky příšerné. Já mám skvělou zkušenost s Blueboard a dobré reference jsem slyšel například na Webkitty, kde sám plánuju spouštět pár webů.

Po dokončení a zaplacení objednávky dostane přístupy k webhostingu. Většina moderních poskytovatelů vám zajistí instalaci WordPressu na jedno kliknutí a vy tak nemusíte nic složitě instalovat. Prostě jen kliknete a do emailu vám přijde odkaz s přihlašovacími údaji a vy se dostanete do administrace WordPressu. A to je ten tzv. redakční systém nebo také CMS (Content management systém – systém pro správu obsahu)

Pojďme se teď v administraci trochu zorientovat.

Administrace obrasuje levý panel, kde najdete širokou paletu záložek. Vám aktuálně budou stačit tyto záložky:

První krok: instalace šablony nebo page builderu

V levém menu jako první půjdete do záložky vzhled-šablona-instalace šablony. Zde si vyberete buď již z hotových šablon a nebo pomocí tlačítka nahrát šablonu, nainstalujete vámi zakoupenou šablonu nebo page builder.

Třetí krok: vytvoření navigačního menu

Když máte vytvořené stránky, tak je čas vytvořit si navigační menu, díky kterému se uživatelé na webu orientují.

V levém sloupci vyberete záložku vzhled-menu a vytvořit nové menu. Do něj můžete vložit vámi vytvořené stránky jako jsou třeba služby, o nás, kontakt nebo galerie. Dále můžete do menu vložit třeba uživatelské odkazy, rubriky nebo cokoliv co uživateli pomůže se na webu lépe zorientovat.

Páty krok: instalace pluginu

Pluginy doplňuji funkce, které WordPress standardně v základu nemá jako například kontaktní formulář, rozdělení médii do složek nebo přesměrování stránek. Existuji tisíce pluginů, téměř na jakoukoliv funkci ale je potřeba být při jejich používání opatrný a instalova t ideálně jen ty nezbytně nutné.

Opět v levém menu vyberete záložku pluginy. Zde uvidíte seznam vašich instalovaných pluginu. Pomoci tlačítka přidat nový plugin můžete v databázi WordPressu vyhledat plugin jaký potřebujete nebo tlačítkem nahrát plugin můžete nainstalovat plugin, který jste třeba zakoupili někde jinde.

Jaké jsou mé zkušenosti s tvorbou webových stránek

Začínal jsem jako fotograf a v roce 2014 jsem řešil své první webové stránky pro ateliér. Za těch 10 let jsem postupně přecházel přes marketing a dostal jsem se právě až k tvorbě webu na WordPressu.

Dnes vytvářím weby pro kadeřnice, fotografy, řemeslníky i pro firmy se sta milionovým obratem.

Během let focení jsem se setkával s mnoha lidmi, kteří se na mě obraceli s prosbou o rady ohledně focení. Chtěli vědět, jak se focením živit, jak fotit různá témata, jak zefektivnit každodenní workflow a podobně. V reakci na tyto dotazy jsem pořádal kurzy, přednášky a víkendové workshopy ve spolupráci s firmami jako Nikon, Fotoškoda nebo Fotolab. Byla to skvělá zkušenost, ale s rostoucím počtem online kurzů v oblasti focení jsem začal vnímat, že tato forma sdílení znalostí ztrácí smysl.

V roce 2018 jsem se proto rozhodl posunout focení na druhou kolej a plně se vrhnout do světa marketingu, tvorby webových stránek a e-shopů. Od té doby se na mě opět obrací lidé s dotazy, které se týkají:

•  – Tvorby webových stránek: Jak a kde vytvořit web?
•  – Online viditelnosti: Co musím udělat, aby mě lidé online našli?
•  – Získávání návštěvnosti: Jak dostat na web více návštěvníků?
•  – Online reklamy: Má smysl investovat do reklamy? Jak reklamu správně spustit?

Tyto dotazy slýchám často od lidí, kteří se chtějí o tvorbu webu a online marketing z nějakého důvodu postarat sami.

Motivace jsou různé: flexibilita, úspora nákladů, větší kontrola nad prezentací. Mezi mé klienty patří fotografové, grafici, matky na mateřské, kadeřnice i řemeslníci. Někteří z nich potřebují jen nasměrovat, jiní ocení podrobný návod a další zase preferují pomocnou ruku v průběhu celého procesu.

Internet sice nabízí odpověď na téměř každou otázku, ale i přesto se s lidmi opakovaně setkávám se stejnými problémy. Proto jsem se rozhodl najít řešení, které jim pomůže, aniž bych se musel neustále opakovat ale zároveň jim byl k dispozici.

Jak jsem vytvářel první weby pro vlastní projekty

V roce 2014, když jsem začínal s tvorbou webových stránek, tak mi byl průvodcem Tomáš Sobel a jeho projekt Juicyfolio. Díky jeho radám jsem vytvořil dva funkční weby, které mi pomohly prezentovat moji práci a získat první zákazníky.

Dnes najdeme návody a postupy pro tvorbu webových stránek, SEO, PPC reklam a tvorbu obsahu na internetu zcela zdarma. Mnozí se domnívají, že s trochou snahy si zvládnou vytvořit web, spustit reklamu a tvořit obsah sami. Realita je ale často jiná. Tak proč věnovat čas a vytvářet další obsah na stejné téma?

Jak a kde jsem tvořil svůj první web

Svůj první web jsem začal tvořit už v roce 2013 a to na platformě WordPress. Chtěl jsem vytvořit dva weby: jeden jako osobní portfolio a druhý jako firemní web pro můj ateliér.

Od tvorby webu na WordPressu jsem si sliboval hlavně:

• luxusní design
• neomezené funkce
• uživatelský přívětivé řešení
• a samozřejmě, že to bude zadarmo

Myslím, že jsem toho zadarmo nechtěl zas tak moc

Po několika měsících trápení s WordPressem, kdy jsem vytvořil spíše parodii na webové stránky než funkční web, jsem si uvědomil, že cesta „zdarma“ nevede nikam. Poslechl jsem radu kamarádky Roman a využil služby Juicyfolio od Tomáše Sobela. Pochopil jsem, že platit 250 Kč měsíčně za hotový a funkční web je vlastně skvělá investice, protože hodiny, dny a týdny strávené nad WordPressem jsem mohl věnovat práci. Snaha ušetřit zhruba 5 000 Kč ročně mi ve skutečnosti přinesla ztrátu tisíců měsíčně kvůli nefunkčnímu webu.

Nikdy jsem nechtěl svěřit tvorbu webu specialistům

Z několika důvodů jsem se nikdy nechtěl spolehnout na externí tvorbu webu:

 – Závislost: Nechtěl jsem být závislý na externím dodavateli a na jeho dostupnosti pro úpravy.
 – Cena: V rané fázi podnikání jsem nebyl ochotný akceptovat ceny za tvorbu webu v řádech desítek tisíc korun.
 – Doba dodání: Čekání na hotový web v řádech měsíců pro mě bylo nepřijatelné.
 – Kontrola: Chtěl jsem mít nad webem plnou kontrolu a možnost ho kdykoliv upravovat.
 – Samostatnost: Věděl jsem, že chci mít možnost editovat obsah a vzhled webu i bez nutnosti oslovovat externí firmu.

Juicyfolio a Webnode: Zkušenosti a poučení

Zpočátku jsem s Juicyfolio spokojený byl. Oceňoval jsem jednoduchost a rychlost tvorby webu a nezávislost na externích dodavatelích. Po čase mě ale začali trochu nudit hotové šablony a jejich omezené možnosti úprav. Z dnešního pohledu je to ovšem úplná blbost, na které jsem zabil dva weby, přesunem na jinou platformu.

V roce 2018 jsem přešel na Webnode, který mi v té době přišel víc fresh. I zde jsem ale po čase narazil na limity platformy. Ale nejvíc mi vadilo že většina www stránek na Webnode vypadala téměř stejně i přesto, že se chlubí více jak stovkou moderních šablon.

Tvorba webu na WordPressu: Nová výzva a cesta k nezávislosti

Když už jsem neuváženým přesunem stránek zabil oba funkční weby, rozhodl jsem se proto pro přesun mého osobního portfolia na WordPress. Proč? Protože už nebylo víc co zkazit.

I když to znamenalo investovat čas do jeho zvládnutí, věřil jsem, že tento krok mi přinese větší svobodu a kontrolu nad stránkama.

Díky WordPressu:
– Mám neomezené možnosti úprav a designu.
– Mohu web kdykoliv upravovat i bez znalostí programování.
– Nejsem závislý na externích dodavatelích.
– Mám přístup k široké komunitě a rozsáhlým zdrojům.

Poučení:
– Nebojte se experimentovat a zkoušet různé platformy.
– Důležité je najít řešení, které vám bude vyhovovat z hlediska funkcí, ceny a uživatelské přívětivosti.
– Neustále se učte a rozvíjejte své znalosti v oblasti tvorby webů.
– Nezávislost a kontrola nad webem vám přinesou větší svobodu a flexibilitu.

Tvorba webu na WordPressu: Nezávislost s úskalími

Být nezávislý na externích dodavatelích znamená vzdělávat se a věnovat tomu čas. I po přečtení všech dostupných návodů a shlédnutí všech videí jsem ale měl pocit, že můj web stále vypadá amatérsky. Bez znalosti HTML/CSS, jak se zdálo, to nikdy nepůjde dotáhnout do požadované podoby. A i když jsem se aktivně zapojil do online komunit věnovaných tvorbě webu, čím dál tím více mě utvrzovalo v tom, že tato oblast je doménou úzké skupiny „nerdů“ s mastnými vlasy, co ve 40 bydlí u rodičů. Jednoduše se ke mě nedostávali ty správný informace ani kontakty se správnými lidmi. Dnes se tomu ale vlastně vůbec nedivím.

Nebudete přece někomu vykládat, že webové stránky můžete mít hotové za týden i bez znalosti jediného kódu. I jednoduché věci lze vysvětlit složitě a vytáhnout tak z lidí nějaké kačky.

Proč se informace o tvorbě webu šíří obtížně?

 – Mnoho lidí si myslí, že tvorba webu je složitá a vyžaduje znalost programování. To vede k tomu, že se o tvorbu stránek ani nepokusí.
 – Existuje mnoho návodů a videí, ale ne všechny jsou kvalitní a srozumitelné. Často se zaměřují na zbytečné detaily a neposkytují ucelený obrázek o tvorbě webu.
 – Lidé, kteří se tvorbě webu věnují profesně, si své znalosti chrání a neradi je sdílí s ostatními. To vede k šíření dezinformací a mýtů o tvorbě webu.

WordPress nabízí v podstatě neomezené možnosti designu a funkcí. Lze v něm vytvořit webové stránky na míru i využít hotové šablony. Některé základní šablony jsou zdarma, jiné prémiové s rozšířenými možnostmi jsou placené. Klíčem k úspěchu je vědět, kam sáhnout a co přesně potřebujete. Pak s WordPressem zvládnete pracovat i bez znalosti HTML/CSS.

Na WordPressu lze vytvořit i plně funkční e-shop. V tomto případě ale osobně doporučuji spíše využít specializovaná řešení, jako jsou Upgates nebo Shoptet. Ušetřený čas pak můžete věnovat marketingu a rozvoji svého podnikání.

Práce pro agenturu

Práce v agentuře mi pomohla pochopit, co všechno obnáší tvorba webu, jeho spuštění a hlavně jeho bezproblémové fungování. Bez této zkušenosti bych se do tvorby webu nikdy nepustil, protože to, co následuje po samotném spuštění, je skoro náročnější než samotná tvorba. Taky jsem si v agentuře rychle uvědomil, že práce na velkých projektech není pro mě.

Tvorba webových stránek je komplexní proces, který zahrnuje mnohem více než jen samotná tvorba. Pokud chcete mít webovou stránku, která bude fungovat a plnit svůj účel, budete muset věnovat čas a úsilí nejen tvorbě stránek, ale i jejich optimalizaci, propagaci a údržbě.

Často vás taky zajímá, jestli je možné vytvořit webové stránky zdarma

Hned po dotazu na cenu a dobu tvorby webu se obvykle objeví i otázka, zda je možné web vytvořit zdarma. Odpověď zní: Ano, i když s určitými kompromisy.

 – Doména a hosting: I pro web vytvořený zdarma budete muset platit za doménu a hosting.

 – Reklama: Většina bezplatných řešení zobrazuje na webu reklamy.

 – Funkce a design: Bezplatné možnosti obvykle nabízí omezené funkce a šablony s průměrným designem.

 – Vlastní doména: Weby zdarma obvykle neběží na vaší vlastní doméně, ale na subdoméně platformy jako třeba mujweb.webnode.cz

Některé platformy pro tvorbu webových stránek zdarma:

 – Webnode: Základní verze je zdarma, ale s reklamou a bez vlastní domény.

 – WordPress: Samotný WordPress je zdarma, ale pro atraktivní web budete potřebovat znalost HTML/CSS a investovat do prémiových pluginů a šablon.

 – Pixieset: Zaměřen na fotografy, základní verze zdarma, ale bez vlastní domény.

 – Adobe Portfolio: Součást předplatného Creative Cloud, vhodné pro fotografy a tvůrce, kteří Adobe produkty již používají.

I s dobrými nástroji je know-how klíčové:

S trochou znalostí, vhodnými nástroji a efektivním workflow zvládne tvorbu webových stránek i méně zkušený uživatel.

Dnes existuje mnoho platforem, které umožňují tvorbu webu bez nutnosti znalosti programování. I mnoho agentur dnes „naklikává“ weby spíše než je programuje od nuly.

Tvorba webových stránek se stává dostupnější i pro běžné uživatele bez znalosti programování. Je ale důležité zvážit limity bezplatných řešení a případně investovat do kvalitních nástrojů a služeb, které vám pomohou vytvořit funkční, atraktivní a efektivní web.

Pevně věřím, že hezkej a funkční web si zaslouží i váš kadeřník, restaurace a nebo kamarádka co tvoří například svatební dekorace.

Pro větší projekty jsou tu agentury:

Pro komplexní a rozsáhlé webové projekty je vhodné oslovit specializovanou agenturu. Tým agentury disponuje zkušenými vývojáři, projektovými manažery, grafiky a dalšími specialisty, kteří zajistí hladký průběh projektu a splnění vašich požadavků.

Kolik stojí tvorba webových stránek?

Cena za tvorbu webových stránek se může lišit v širokém rozmezí, od 10 000 Kč až po stovky tisíc.

Záleží na mnoha faktorech, jako například:

 – Zda zvolíte agenturu nebo freelancera: Agentury obvykle účtují více než freelanceři, ale nabízí komplexnější služby a zázemí.

 – Rozsah webu: Jednoduchá webová stránka s několika stránkami bude stát méně než komplexní web s e-shopem, rezervačním systémem nebo jinými pokročilými funkcemi.

 – Speciální funkce: Pokud potřebujete na webu specifické funkce, jako je konfigurátor, rezervační systém, správa událostí nebo uzamčené sekce, cena se bude zásadně lišit.

 – Design a grafika: Pokud chcete mít web s originálním designem a grafikou, která bude odpovídat vaši vizuální identitě, budete muset investovat do práce grafického designéra.

Náklady po spuštění webu:

Kromě samotné tvorby webu je důležité myslet i na další náklady, které vzniknou po jeho spuštění. Mohou se pohybovat od pár stovek, do několika tisíc korun ročně.

Mezi ně patří:
 – Hosting: Webové stránky musí být umístěny na serveru, za který se platí hostingové poplatky. Cena hostingu se liší v závislosti na požadovaném výkonu a funkcích.
 – Doména: Pro svůj web budete potřebovat doménové jméno, za které se platí roční poplatek.
 – Údržba a aktualizace: Webové stránky je nutné pravidelně aktualizovat a udržovat, aby fungovaly správně a byly zabezpečeny.
 – Marketing: Pokud chcete, aby váš web navštěvovalo více lidí, budete muset investovat do marketingu.

Tvorba webu svépomoci

Pokud jste ochotni věnovat tvorbě webu čas a úsilí, můžete si ho vytvořit sami. Existuje mnoho platforem a nástrojů, které vám to usnadní, i bez znalosti programování. V každém případě je ale důležité mít kvalitní obsah, který zaujme vaše cílové publikum.

Pojďme si ještě připomenout proč potřebujete vlastní webové stránky

Mít vlastní webové stránky je v dnešní době nezbytné pro všechny firmy a profesionály.

Webové stránky vám pomohou:

– Získat nové klienty a zákazníky: Webové stránky jsou vaší online vizitkou a prvním dojmem, který uděláte na potenciální klienty.

 – Zvýšit důvěryhodnost: Vlastní webové stránky dodávají vaší firmě kredibilitu a důvěryhodnost.

 – Poskytovat informace o vašich produktech a službách: Na webu můžete prezentovat své produkty a služby a poskytovat o nich podrobné informace.

 – Zvýšit povědomí o vaší značce: Webové stránky vám pomohou budovat povědomí o vaší značce a posílit její image.

Vlastní webové stránky jsou pro firmy a profesionály v dnešní době nezbytnou součástí online marketingu. Investice do tvorby webu se vám mnohonásobně vrátí v podobě nových klientů, zvýšené důvěryhodnosti a silnějšího brandingu.

Kdy je potřeba se s tvorbou webu obrátit na specialistu?

Pokud si s tvorbou webu vůbec nevíte rady a nechcete trávit hodiny studiem pojmů jako analýza klíčových slov, SEO, emailing, obsahový marketing a další, je vhodné obrátit se na specialistu. Někdy má váš čas věnovaný práci větší hodnotu než učení se novým věcem. I tak je ale dobré mít alespoň základní povědomí o tom, co tvorba webu obnáší.

Webové stránky na míru si nechte vytvořit, pokud:

 – Přesně nevíte, co chcete nebo co potřebujete: Konzultace se specialistou vám pomůže získat širší a nezávislí rozhled
 – Nemáte čas věnovat se studiu základních pojmů a technických dovedností.
 – Máte představu o rozsáhlejší struktuře stránek a specifických funkcích.

Člověk, kterému svěříte tvorbu vašich stránek, by měl chápat vaši službu nebo produkt. Měl by s vámi najít správnou cílovou skupinu, řídit se vaší vizuální identitou a přemýšlet několik kroků dopředu. Zkušený profesionál vám pomůže vyřešit i další záležitosti, jako jsou například emaily na vlastní doméně.

Ceny za tvorbu stránek se liší a obvykle se uvádějí „od…“

Je tomu tak proto, že s vývojem webu se často vyvíjí i nároky na něj. Nejčastěji se setkáte s hodinovou sazbou od 500 Kč/hodinu až do 3500 Kč/hodinu. Zkušený tvůrce vám obvykle dokáže udělat přesný odhad, kolik času na práci potřebuje. Jednodušší web lze realizovat i za 30-40 hodin, spíše je ale potřeba počítat s 60-100 hodinami práce. Vždy si nechte udělat více nabídek, protože nejnižší hodinová sazba, nemusí znamenat nejlevnější řešení. Zkušený profesionál by vám měl dokázat udělat přesnější časový odhad.

Pojďme si ještě nakonec shrnout nejčastější dotazy spojené s tvorbou webových stránek.

​Na závěr

Tvorba webových stránek je komplexní proces, který zahrnuje mnoho aspektů. Pokud si nejste jisti, zda zvládnete web vytvořit sami, neváhejte se obrátit na specialistu. Zkušený profesionál vám pomůže vytvořit funkční, atraktivní a efektivní web, který splní vaše potřeby.