V následujícím článku vám ukážu, jak vytvořit jednoduchý web na konkrétním příkladu. Tvorba webových stránek bude probíhat na platformě WordPress, která je z pohledu efektivity nejoblíbenější. Budu postupovat krok za krokem a ukážu vám konkrétní postup.

Pro příklad jsem použil svůj nově vznikající projekt longbeard, kde vám ukážu, jak probíhá tvorba webu v praxi.

Doména a hosting pro váš web

I když nemáte registrovanou doménu, pak vám pomůže tento jednoduchý návod na tvorbu webu.

V tomto případě jsem zvolil Wedos, který je levný, mám s ním zkušenost a má snadné uživatelské prostředí (osobně bych nyní volil spíše dražší hosting, ale pokud máte pouze jeden web, tak to není takový problém).

Pro pořízení domény a hostingu existuje spousta jiných možností, ale postup je většinou dost podobný.

Při výběru jiného hostingu bych řešil hlavně podporu technologií, které používá váš redakční systém (wordpress potřebuje PHP a MySQL), možnost mailserveru, velikost úložiště, rychlost odezvy serveru a uživatelskou podporu, v poslední řadě také hraje roli cena (pokud máte jeden web, nemá smysl platit stovky či dokonce tisíce měsíčně).

Doporučuji si projít jednotlivé hostingy a vybrat ten, který vyhovuje vašim kritériím.

 

Pokud se vám nelíbí wordpress, tak se můžete podívat na web, kde najdete tvorbu webu a komplexní návody (html, CSS a další). Pokud by vás více zajímala tvorba webu v PHP nebo javascript, informace najdete v odkazu.

 

Rychlá Tvorba webu a registrace domény

Na stránce Wedosu si zkontroluji, zda je doména volná a dám ověřit:

Tvorba webu_Registrace domény

 

Pokud je doména volná, tak kliknu na objednat (já už jsem doménu registroval dříve).

 

Ověření domény

Zaškrtnu požadovaný hosting a že souhlasím se smluvními podmínkami, poté dám pokračovat.

Objednávka domény

 

V následujícím formuláři nic neměním a pouze zaškrtnu, že opět souhlasím s podmínkami a dám pokračovat.

Pokud například nechci jen zaregistrovat doménu, protože hosting mám jinde.

 

Objednávka domény 2

 

V dalším formuláři vyplním všechny povinné údaje a dám pokračovat.

 

Objednávka domény 3

V dalším formuláři opět vyplním údaje (fakturační údaje) a dám pokračovat.

V posledním kroku je shrnutí celé objednávky. Pokud vše souhlasí, dám potvrdit objednávku.

Za pár minut přijde do zadaného e-mailu několik zpráv od Wedosu. Jeden z nich je objednávka a zde rovnou zaplatím za doménu (možnost platby kartou, převodem, přes mobil, atd.).

 

Vytvoření webu a https

Pokud chcete mít web dobře zabezpečený proti odposlouchávání, pak je dobré zajistit i SSL certifikát k doméně pro šifrovaný protokol HTTPS.

Doporučil bych ho spíše u webů, kde počítáte s registrací uživatelů a chcete tím chránit jejich data.

U jednoduchých informačních několikastránkových webů to není nutné, je však třeba brát v potaz i to, že vyhledávače budou v budoucnu dávat přednost především zabezpečeným a responsivním webům (důležité u SEO).

 

U Wedosu je postup následující (při registraci hostingu):

Přihlašte se do zákaznické administrace.

Pokud máte již registrovanou doménu, klikněte na záložku doména v horním menu.

 

wedos registrace hostingu a https

 

Klikněte na „objednat webhosting pro…“

Zaškrtněte HTTPS na doméně (SNI) – s vlastním certifikátem a klíčem.

wedos registrace hostingu a https

 

Pokračujte stejně jako v předchozím návodu.

Zaplatíte hosting a poté počkáte, než registrace proběhne (může trvat i 1-2 h).

 

Nyní je potřeba ještě https nastavit, viz návod od Wedosu.

Přihlásím se do zákaznického centra, kliknu na záložku webhosting a vyberu konkrétní doménu.

V levém menu kliknu na https, vyberu certifikát a dám provést změny.

Rozdíly mezi certifikáty si můžete přečíst zde.

Pro jednoduché prezentace Vám stačí certifikát Lets Encrypt, který je zdarma.

 

Tvorba webu https, výběr certifikátu

 

 

Kliknu na nastavení domény a poté na přidat domény.

 

https, nastavení domény 2

 

Nastavím subdomény, které chci mít s certifikátem a dám přidat domény.

 

 

https, přidání domén

 

Nyní dám aplikovat změny a počkám, než proběhne aktualizace (nějakou chvíli to trvá).

https, aplikace změn

 

Počkám, až bude stav aktivní a poté dám synchronizovat změny.

 

https, synchronizace

 

 

Nyní by měl být certifikát již aktivní. Samozřejmě nějakou chvíli ještě potrvá, než se změny projeví.

Ještě je potřeba v nastavení wordpressu nastavit novou adresu:

 

Nová adres https

 

A změníme případné odkazy, které nejsou na https adrese. Což poznáte tak, že nápis https není zelený.

V mém případě to bylo např. logo na http adrese a ikony na sociální sítě, které měly zastaralý http protokol.

Jakmile jsem odstranil staré odkazy, je již vidět zelený https protokol.

 

Tvorba webových stránek zdarma

V první řadě je potřeba říci, že žádný web není zdarma.

Buď platíte za jeho vytvoření profesionálům, nebo platíte svým časem, který tomu věnujete.

 

SEO webu

Web, který jsem vybral jako příklad, není dělán se záměrem inkvizice návštěvníků z vyhledávačů, proto zde nebudu řešit nějak extra SEO.

V opačném případě bych nejprve zpracoval analýzu klíčových slov, díky které zjistím, co moji potenciální zákazníci ve vyhledávačích hledají, a poté se držel SEO checklistu a auditu, abych nezapomněl na nic, co je důležité pro moderní SEO.

Následně bych začal řešit linkbuilding pro zvýšení hodnoty webu a přivedení zákazníků.

 

Tvorba webu pro začátečníky

Nyní si znovu otevřu zákaznickou administraci Wedos, kliknu na webhosting a poté kliknu na konkrétní web, se kterým chci dále pracovat.

V levém sloupci kliknu na odkaz „instalátor aplikací“.

 

Instalace wordpressu wedos

 

Poté kliknu na WordPress.

Instalace wordpressu wedos

 

Nyní kliknu na vytvořit instalaci wordpress.

 

Vytvoření worpressu

 

Vyplním údaje, včetně jména a e-mailu správce.

 

worpress vyplnění údajů

 

A dám zahájit instalaci.

 

Zahájení instalace wordpressu

 

Počkám na dokončení instalace, až bude stav „hotovo“.

 

Hotová instalace wordpress

 

Jakmile je instalace dokončena, zadám si do prohlížeče adresu webu a admin přístup:

https://longbeard.cz/wp-admin

A přihlásím se pomocí údajů, které mi přišly na zadaný e-mail při registraci.

 

Můžete se přesvědčit, že když si nyní zadáte do prohlížeče adresu vašeho webu, uvidíte zhruba toto:

 

wordpress default

 

Je to základní šablona bez nastavení.

 

Tvorba a výběr šablony webu

Nyní si vyberu vhodnou šablonu. Existuje samozřejmě velké množství šablon zdarma. Já osobně však preferuji placené šablony, které nabízejí více možností a většinou nabízejí i modernější design.

Vybral jsem si placenou šablonu a nyní jí můžu nainstalovat. Doporučuji např. tyto placené šablony.

 

Instalace šablony:

Přihlásím se do administrace.

 

admin wordpress

 

Kliknu na vzhled a vyberu položku šablony.

 

Tvorba šablony webu

 

Nyní kliknu na instalovat šablonu a poté na „nahrát šablonu“ (koupenou šablonu mám na pevném disku).

 

Dám vybrat soubor z počítače (zip soubor) a kliknu na instalovat.

 

Instalace wordpressu šablony

 

Jakmile je šablona nainstalovaná, kliknu na aktivovat.

Před dalšími kroky ještě doporučuji nainstalovat aktuální verzi WordPressu. (Nástěnka/aktualizace/aktualizovat).

Díky tomu mám aktuální verzi v češtině.

Nyní nastává samotné nastavení šablony, které se velmi liší podle vývojáře a dle konkrétní šablony.

Proto vám ukážu jen základní nastavení, které se příliš neliší.

 

Nastavení webu

Nejprve kliknu na stránky a vytvořím stránku homepage a blog.

Poté kliknu na nastavení v pravém sloupci a poté na zobrazování.

 

Nastavení zobrazování WP

 

Nastavím statickou stránku nebo stránku s příspěvky (podle toho zda chci mít na úvodní stránce blog nebo jen statický text). Já si nastavím úvodní stránku statickou (to bude homepage) a příspěvky pro blog a vše uložím.

Nyní si dám trvalé odkazy (pod stejnou záložkou v nastavení) a nastavím formát: doména/název příspěvku.

 

Trvalé odkazy WP

 

Přesunu se do vzhled ( v pravém sloupci) a kliknu na menu.

 

Vytvořím si nové menu (pojmenuji hlavní) a nastavím jako primární navigaci. Do menu přidám vytvořené stránky homepage a blog a dám aktualizovat.

 

Nastavení menu WP

 

Nyní by se menu již mělo zobrazovat na webu:

 

Zobrazení menu WP

 

Pro lepší zobrazení webu ve vyhledávačích doporučuji nainstalovat jeden z pluginů pro SEO (all in one SEO nebo Yoast).

Dám v menu pluginy, kliknu na nainstalovat nový plugin a dám vyhledat např. all in one seo.

 

instalace seo pluginu

 

Dám instalovat a poté aktivovat.

V menu si najdu all in one seo a dám general settings. Doporučuji nic nepředělávat, pokud tomu nerozumíte.

Stačí vyplnit meta tagy úvodní stránky:

 

Nastavení all in one seo

 

 

Základní nastavení je hotové, nyní je čas na nastavení šablony, na což by v jednom článku rozhodně nebyl prostor, navíc každá šablona má trochu jinou administraci.

Pokud chcete mít web kompletní, je potřeba zapojit do tvorby webu designéra, grafika a programátora pro specifické změny, které WP v základním nastavení neumí.

 

Máte zájem o vytvoření webu a nevíte si rady?

Rádi vám pomůžeme

Jsme webová online neagentura jakoviking a nabízíme profesionální vytvoření webu a zajištění online marketingu.

Nabízíme vytvoření kvalitního designového webu, který vám přivede nové zákazníky. Navíc, máme více než příznivé ceny.

 

Kontaktujte nás

 

 

Související dotazy

tvorba webových stránek ceník
tvorba webových stránek s administrací
tvorba webových stránek na míru
tvorba webových stránek praha
tvorba webových stránek ostrava