Jak vytvořit webové stránky: návod krok za krokem

Vytvořit dnes webové stránky umí skoro každý. Nástroje jsou dostupné, návodů plný internet a bez jediného řádku kódu se dostanete online za odpoledne. Rozdíl mezi webem, který jen existuje, a webem, který nese zákazníky, ale nedělá technika. Dělá ho pořadí kroků a rozmyšlení předem. Projdu s Vámi celou tvorbu webových stránek krok za krokem, ať nic nepřeskočíte a neděláte dvakrát.

Než začnete: co si promyslet předem

Nejčastější chyba není špatně zvolený nástroj. Je to skok rovnou do stavby bez toho, aby bylo jasné, co má web dělat. Pár minut u téhle otázky na začátku Vám ušetří hodiny předělávek potom. Než sáhnete po jakémkoli editoru, ujasněte si tři věci.

Cíl webu. Co od stránek čekáte? Jiný web potřebuje řemeslník, který chce telefonáty na zakázky, jiný e-shop, který má prodávat, a jiný konzultant, který buduje důvěru článkem a referencemi. Cíl rozhodne o struktuře i o tom, co bude na webu nejvíc vidět.

Doména. To je adresa webu, například vasefirma.cz. Vybírejte krátkou, snadno zapamatovatelnou a ideálně s koncovkou .cz, pokud cílíte na český trh. Dostupnost si ověříte u kteréhokoli registrátora domén během chvíle a roční poplatek se pohybuje v řádu stokorun.

Hosting nebo platforma. Web musí někde reálně běžet. Buď si pronajmete hosting a nasadíte na něj vlastní systém, nebo zvolíte platformu, která hosting řeší za Vás. K oběma cestám se za chvíli dostaneme. Teď stačí vědět, že tahle volba přijde a že s ní souvisí i doména.

Vlastními silami, nebo profesionál?

Ještě před prvním krokem stojí rozcestí. Postavíte si web sami, nebo si na něj někoho najmete? Obě cesty dávají smysl, jen sedí na jinou situaci a jiný rozpočet.

Svépomocí jde web dnes zvládnout i bez technických znalostí. Ušetříte peníze, máte věci pod kontrolou a rychle si ověříte, jestli o Vaši nabídku vůbec je zájem. Za to zaplatíte časem, který strávíte učením, a výsledek bude nejspíš vypadat podobně jako weby ostatních, kteří sáhli po stejné šabloně.

Profesionál Vám ušetří čas a přinese zkušenost, kterou při prvním webu nemáte odkud vzít. Postaví web, který se odliší, dobře se najde ve vyhledávání a umí přesně to, co potřebujete. Vstupní náklad je vyšší, zato se web chová jako nástroj, ne jako splněná povinnost. Kde přesně leží hranice mezi hotovým řešením a stavbou od základu, rozebírám v článku web na míru vs. šablona.

Pokud teprve testujete nápad nebo Vám web slouží jako obyčejná vizitka, klidně začněte sami. Zbytek návodu Vás tou cestou provede. Jakmile ale na webu stojí obrat nebo se z něj má stát hlavní zdroj zákazníků, čtěte následující kroky spíš jako mapu, ať víte, co po profíkovi chtít a čemu rozumět.

Jak vytvořit web krok za krokem

Teď k samotné stavbě. Následující postup tvorby webových stránek platí, ať už web skládáte na pronajaté platformě, nebo na WordPressu. Držte pořadí a nepřeskakujte, jednotlivé kroky na sebe navazují.

1. Zaregistrujte doménu

Začněte adresou. Vyberte doménu, ověřte její dostupnost u registrátora a zaplaťte roční poplatek. Když plánujete web na platformě zdarma, často dostanete adresu ve tvaru vasejmeno.webnode.cz. Pro firmu se ale vyplatí vlastní doména, protože působí důvěryhodně a patří jen Vám.

2. Vyberte systém, ve kterém web postavíte

Tady se rozhoduje nejvíc. V zásadě máte dvě cesty. První jsou pronajaté platformy jako Wix nebo Webnode. Fungují na principu poskládej si web z bloků, hosting i technika běží na pozadí a Vy se staráte jen o obsah. Nejrychlejší start, za cenu menší volnosti a měsíčního poplatku.

Druhá cesta je WordPress, na kterém běží velká část webů na světě. Nasadíte ho na vlastní hosting, vyberete šablonu a rozšíříte web doplňky přesně podle potřeby. Dává víc svobody a web si plně vlastníte, chce to ale o něco víc učení. Ať zvolíte cokoli, řiďte se cílem z prvního kroku, ne tím, co je zrovna nejlevnější.

3. Navrhněte strukturu webu

Než začnete vyplňovat stránky, rozvrhněte si je. Většině firemních webů stačí pár základních stránek: úvodní, nabídka služeb nebo produktů, o nás, reference a kontakt. Rozmyslete, co bude v hlavním menu a jak se návštěvník dostane od prvního dojmu k akci, kterou od něj chcete. Dobrá struktura vede člověka za ruku, nenutí ho hledat.

4. Připravte obsah

Tady většina lidí podcení čas. Technika je hotová rychle, ale texty, fotky a jasná sdělení zaberou nejvíc. Pište k věci a k zákazníkovi, ne o sobě. Místo my jsme profesionální firma řekněte, co konkrétně pro člověka uděláte a proč zrovna u Vás. Fotky použijte vlastní, kvalitní. Nic web nesrazí rychleji než rozmazaný obrázek nebo fotka z fotobanky, kterou zná půlka internetu.

5. Vyladěte web pro mobil a vyhledávače

Většina lidí dnes web otevře na telefonu, takže se na mobilu na výsledek podívejte jako první, ne jako na dodatek. Zkontrolujte, že se text dobře čte, tlačítka jdou pohodlně zmáčknout a nic nepřetéká. Zároveň nastavte základy, aby Vás lidé našli na Googlu: každé stránce dejte výstižný titulek a popisek a obrázkům doplňte popis. Čemu se říká technická vrstva a proč na ní stojí viditelnost, jsem rozepsal v článku o základech SEO.

6. Spusťte web a sledujte, co dělá

Než web pustíte ven, projděte ho jako návštěvník. Fungují všechny odkazy? Odešle se formulář? Sedí kontakt? Po spuštění napojte měření, ať vidíte, kolik lidí přišlo, odkud a co na webu dělají. Web není hotový spuštěním. Teprve tehdy se z něj začnete učit a postupně ho zlepšovat podle reálných dat.

Časté chyby začátečníků

Při prvním webu se dá zbytečně naběhnout. Tyhle chyby vídám nejčastěji a všechny se dají obejít, když o nich víte dopředu:

• Web bez cíle. Hezká stránka, na kterou nikdo nereaguje, protože není jasné, co po návštěvníkovi chce.
• Přeplácaný vzhled. Pět fontů, animace na každém prvku a texty přes celou obrazovku. Míň bývá čitelnější a působí líp.
• Zapomenutý mobil. Web vypadá skvěle na počítači a rozpadá se na telefonu, kde ho vidí většina lidí.
• Slabý obsah. Obecné fráze, fotky z fotobanky a texty o sobě místo o zákazníkovi.
• Žádné měření. Bez dat jen hádáte. S nimi víte, co funguje a co je potřeba doladit.

Žádná z nich není konec světa. Web se dá upravovat průběžně a chyba, o které víte, je napůl vyřešená. Horší je ta, kterou neuvidíte, dokud Vám neuteče zákazník.

Kdy se vyplatí web na míru

Web svépomocí má jasné místo. Ověříte na něm nápad, dostanete se levně online a získáte první data. Přijde ale bod, kdy Vás hotové řešení začne brzdit. Budete chtít funkci, kterou platforma neumí, vzhled, který Vás odliší, nebo výkon, na kterém stojí pozice ve vyhledávání. V tu chvíli se vyplatí web na míru.

U jednoho klienta z oboru kovovýroby se po novém webu a kampaních podíl zahraničního obratu za rok posunul z nuly na 30 procent. Web v tom hrál svoji roli. Byl postavený tak, aby zvládl cizojazyčné verze, kalkulaci cen i měření, na kterém pak stála celá optimalizace. Nic z toho hotová šablona sama nedá.

Dokud je web vizitka, postavte si ho sami a držte se tohohle návodu. Jakmile se z něj má stát nástroj, který vydělává, přestává jít o pořizovací cenu a začíná jít o návratnost. Pokud si nejste jistí, kde přesně jste, ozvěte se. Sedneme si, projdeme Vaše cíle i možnosti a vybereme cestu, která se Vám vrátí.

Časté otázky