Sprievodca

Ako vytvoriť webstránku?

Návody, rady a tipy. V kategórii ‚Sprievodca‘ vás môžme previesť od tvorby blogu až po tvorbu online obchodu – a to od začiatku až do úspešného konca. Stačí si len vybrať o čo máte záujem.

Profesionálna a štýlová webová stránka,
bez kódovania!

Tento bezplatný sprievodca vás prevedie každým krokom, ktorý potrebujete na vytvorenie webovej stránky (alebo blogu) pre vás, vašu firmu alebo značku a to už za 120 minút, alebo možno aj menej.

EŠTE PRED TÝM, NEŽ ZAČNEME...

Obávate sa, že to bude strata peňazí a času? A čo ak urobím chybu?

Ak urobíte chybu pri zakladaní webovej stránky, môžete ju vždy bez problémov opraviť a webovú stránku tiež môžete samozrejme upravovať a dokonca časom aj úplne prekopať. V návode počas tvorby vašej webovej stránky vás budeme priebežne informovať o najčastejších chybách, ktoré ľudia robia pri vytváraní webovej stránky.

Ak sa obávate o financie tak doména stojí iba okolo 10 EUR/rok a webhosting sa dá zohnať už od 7 EUR/mesiac. Alebo dokonca ešte lacnejšie a to od 25 až do 60 EUR/rok. V najhoršom prípade miniete okolo 70 euro na nové zručnosti a skúsenosti ktoré vám už nikto nezoberie.

Ste pripravení vytvoriť svoju webovú stránku ešte dnes? Ak áno, urobte si kávu alebo čaj a môžme sa do toho pustiť!

Ak by ste však niekedy uviazli pri nastavovaní svojich webových stránok, ponúkame bezplatnú pomoc.

V čom si urobiť jasno?

Pred zakladaním webovej stránky je dôležité dôkladne premyslieť a pripraviť si niekoľko kľúčových vecí. Tento proces vám môže ušetriť čas, peniaze a zabezpečiť, že vaša webová stránka bude efektívna a plniť vaše ciele. Medzi najdôležitejšie veci ktoré je nutné zvážiť, považujeme výber hostingu a domény, preto si pozorne prečítajte článok „Najlepšie webhostingy pre vás“ a „Ako si vybrať správnu doménu“

Hosting

Pri výbere správneho webhostingu zvážte výkon, dostupnosť, typ, podporu a služby, cenu, recenzie a odporúčania od ostatných používateľov. Tu sú tie najlepšie a najznámejšie webhostingy:

Doména

Ako dôkladne by ste si mali premyslieť názov svojej domény? Je to naozaj také dôležité? Ak mám kvalitnú webovú stránku a firmu, ľudia budú moju stránku navštevovať bez ohľadu na doménu, však?

Zoznam

Pred spustením webovej stránky je dôležité vykonať niekoľko kontrolných krokov, aby ste sa uistili, že je pripravená. Ak splníte tieto kroky, vaša webová stránka bude pripravená na spustenie.

Ak ste si už istí webhostingom a názvom domény, môžeme začať vytvárať vlastnú webovú stránku.

Tu je niekoľko dôležitých krokov a vecí, ktoré by ste taktiež mali zvážiť, ale počas tvorby stránky môžete svoje ciele zmeniť. Takisto aj obsah a dizajn. Je ale dobré mať nemennú predstavu a držať sa jej.

  1. Stanovenie cieľov: Prvým krokom je zistiť, prečo potrebujete webovú stránku. Chcete predávať produkty alebo služby, zdieľať informácie (bloggovať), budovať online prítomnosť pre svoje podnikanie alebo niečo iné? Definovanie cieľov vám pomôže lepšie plánovať obsah a funkcionalitu stránky.

  2. Cieľová skupina: Kto je vaša cieľová skupina? Musíte si uvedomiť, koho chcete osloviť svojou webovou stránkou. To ovplyvní dizajn, obsah a marketingové stratégie.

  3. Dizajn a rozloženie: Premyslite si, ako by mal vyzerať dizajn vašej stránky. Je dôležité, aby bol prehľadný, moderný a prispôsobený vašim cieľom a cieľovej skupine.

  4. Obsah: Obsah je kľúčovým faktorom úspechu. Pripravte si kvalitný a relevantný obsah, ktorý zaujme vašich návštevníkov a pomôže dosiahnuť vaše ciele.

  5. Financie: Rozpočítajte náklady na vývoj a prevádzku stránky. To zahŕňa náklady na doménu, hosting, vývoj a marketing.

MÔŽME ÍST NA TO

1. Krok - Registrujte si názov domény

Po prvé: každá webová stránka potrebuje názov.

Bez názvu (resp. domény) váš web jednoducho nemôže fungovať. Predstavte si to ako adresu domu, kde adresa je názov domény a dom je vaša webová stránka.

Pri výbere názvu domény by ste mali mať na pamäti niekoľko pravidiel:

  • Ak zakladáte firemnú webovú stránku, názov vašej domény by sa mal zhodovať s názvom vašej spoločnosti, napríklad NázovMojejFirmy.sk
  • Ak si plánujete vytvoriť osobnú webovú stránku alebo osobný blog pre seba, potom je MojeMeno.sk vždy skvelou voľbou
  • Nebuďte príliš komplikovaní – väčšina jedinečných názvov domén bola zakúpená pred desiatkami rokov. Vyberte si niečo, čo zodpovedá tónu a účelu vášho webu.

Kde zaregistrovať názov domény

Ak ste si už vybrali vašeho poskytovateľa webhostingu a domény, sme pripravený zakúpiť doménu. PO zaregistrovať… To môže byť napr. WEDOS. (Ak ste si zvolili práve ten.)

Registrácia v Bluehost a WebSupport prebieha počas zakúpenia domény, alebo webhostingu.

Ak chcete, aby koncovka názvu vašej domény bola zameraná na globálnu populáciu, skúste si zaregistrovať verziu .com. Ak zacieľujete na miestnych návštevníkov zo Slovenska, Maďarska alebo Česka, vyberte príponu .sk, .hu alebo .cz, to je ceľkom jasné.

Domény stoja okolo 10-15 EUR/rok a obnovujú sa každý rok, pokiaľ sa nerozhodnete doménu zrušiť. Proces registrácie je jednoduchý a prístup k vašej osobnej doméne získate okamžite.

Tiež je potrebné si uvedomiť, že existuje už viac ako 100 miliónov aktívnych domén, takže všetky tie najlepšie názvy sú už dávno obsadené. Môže sa ale stať, že objavíte doménu ktorá je krátka, výstižná a bude vám vyhovovať.

Ale príliš dlho sa tým nezaoberajte – vždy si môžete kúpiť ďalšiu doménu (v prípade potreby). Takže si doménu zaobstarajte skôr, ako vám ju niekto obsadí.

Doménu od poskytovateľa WEDOS môžete objednať takto:

Objednať doménu na WEDOS je rýchle a jednoduché. Stačí si vybrať doménu, overiť jej dostupnosť a postupovať podľa jednoduchého objednávkového procesu na ich webovej stránke.

Neplaťte plnú cenu za domény, využite 50% zľavu na domény typu (.EU, .ONLINE, .STORE, .TECH, .SITE, .WEBSITE, .SPACE, .FUN)

Zľavový kupón: DM2325ZWO8

Pri objednávke máte možnosť zvoliť webhosting buď spoločne s doménou alebo samostatne. Odporúčame objednať webhosting samostatne. Pri objednávke domény si môžete taktiež vybrať z rôznych príplatkových služieb. Pre začiatok je absolútne dostačujúci jeden výber a to „Monitoring domény“ s typom „Start“. Nižšie na stránke môžete pridať zľavový kupón na nákup domény a neskôr aj webhostingu.

Doménu od poskytovateľa WebSupport môžete objednať takto:

Webhosting od WebSupport je spoľahlivý a profesionálny pre hosting vašej webovej stránky. Je viac nákladnejší ako Webhosting od WEDOSu, ale za to je jednoduchší a intuitívny.

Ak si overíte, že váš názov domény je voľný, môžete si ho zaregistrovať. WebSupport ponúka výhodný balíček s ďalšou doménou, ktorú možno nebudete potrebovať, ale keď na vašu webstránku budú smerovať dve domény, určite to nebude na škodu.

Na internete existujú databáze a rôzne nástroje, ktoré sledujú domény, ktorých registrácia sa blíži ku koncu. Niektorí ľudia doslova čakajú na atraktívne domény, a keď ich registrácia skončí, rýchlo ich odkúpia. Potom sa snažia predať tieto domény pôvodným majiteľom za vyššiu sumu. Tento postup považujeme za neetický.

2. Krok - Získajte webhosting!

Gratulujeme! Teraz by ste mali mať svoj vlastný názov domény. Nebojte sa, že to ešte nefunguje, ešte nemáte webstránku.

Aby sme tento problém vyriešili, budeme potrebovať webhosting. Webhosting je služba, ktorá prepojí váš web s internetom a následne vám umožní webovú stránku spravovať.

Kde môžem získať webhosting? Koľko to stojí?

Náklady na webhosting na základnej alebo trošku lepšej úrovni sú medzi 24 – 60 EUR ročne. Rovnako ako každé predplatné, môžete ho kedykoľvek zrušiť, alebo zmeniť na iný plán.

Webhostingová služba vám umožňuje jednoducho nastaviť webovú stránku pomocou predinštalovaných bezplatných platforiem na vytváranie webových stránok (WordPress, Joomla a ďalšie nástroje na tvorbu webových stránok).

Dôrazne doporučujeme, aby ste zakúpili webhosting u toho istého poskytovateľa u ktorého ste taktiež zakúpili doménu, niekedy to je aj nevyhnutné.

Pre kúpu webhostingu sa jednoducho prihláste do svojho účtu u poskytovateľa ktorého ste si vybrali, napr.: WEDOS, WebSupport alebo Bluehost a vyhľadajte „webhostingy“ a vyberte si jeden z ich plánov. Pri spoločnosti WEDOS doporučujeme zlatú strednú cestu a to Webhosting NoLimit, pri WebSupporte alebo Bluehoste vám stačí ten najlacnejší, no doporučujeme prečítať si, čo vám každý jeden plán ponúka a či to bude postačovať na vaše zámery a či to za to stojí. (ceny sa pohybujú od 24 EUR/rok a niekde kľudne aj nad 100 EUR/rok).

Po zakúpení vám bude v priebehu pár hodín, aktivovaný webhostingový účet a môžete začať budovať webovú stránku na vlastnej doméne.

Objednanie webhostingu:

WEDOS Webhosting

Webhosting „NoLimit“ od WEDOSu ponúka neobmedzený priestor na disku, neobmedzený počet domén a rýchlu prevádzku pre vaše internetové projekty. Je to spoľahlivá voľba pre hosting vášho webu.

Náš partner WEDOS nám poskytol pre naších klientov až 50% zľavový kupón pre Webhosting NoLimit

Zľavový kupón: WN232VDFR7

Pri objednávaní webhostingu postupujeme podobne ako pri objednávke domény. Zadáte požadované informácie a nakoniec stačí len skontrolovať a potvrdiť objednávku, a váš webhosting bude pripravený na použitie.

Použitím zľavového kupónu vám ušetrí kompletne 50% z celej objednávky. Z ceny 33€ sa dostaneme na 19,97€

WebSupport Webhosting

Webhosting „Simple“ od WebSupport je ideálnou voľbou pre jednoduché webové projekty. Ponúka spoľahlivý hosting s nastaviteľným priestorom na disku a jednoduchým ovládaním, vhodným pre úplných začiatočníkov.

Pri výbere plánu si môžete ešte podľa seba zvoliť veľkosť úložiska a množstvo domén. Ak si zvolíte plán Simple, budete môcť mať len jednu webstránku a jednu doménu. (Doporučujeme aspoň 2 GB úložiska SSD.) Taktiež máte možnosť si vybrať, či chcete zaplatiť za rok, čo je vždy finančne výhodnejšie, alebo platiť mesačne.

Ak vám tvorba webstránok nie je úplne cudzia a plánujete viac webstránok, doporučujeme plán Smart, kde bude dostačovať 20 GB základného úložného priestoru. Množstvo domén zvoľte podľa množstva webstránok, ktoré plánujete vytvoriť.

3. Krok - Nastavenie webu

Gratulujeme! Teraz by ste mali mať registrovanú doménu a aj webhosting.

Teraz je čas nastaviť webovú stránku. V tomto prípade budeme používať WordPress. Je to najpoužívanejší nástroj na tvorbu webových stránok na svete. Je užívateľsky priateľný a je vhodný pre začiatočníkov, ako aj pre pokročilých.

WordPress je najobľúbenejší bezplatný tvorca webových stránok, ktorý poháňa viac ako 40 % všetkých webových stránok na internete. Rôzne štatistiky nájdete (tu, tu a tu). WordPress je celkom jednoduchý a neprichádza s náročným učebným procesom.

Keďže už máte doménu a webhosting, môžete si nastaviť WordPress úplne zadarmo prostredníctvom vašeho poskytovateľa webhostingu. Inštalácia je jednoduchá, vačšinou ide len o pár klikutí.

Návody ako nainštalovať WordPress pre:

WEDOStextový návod , video návod

WebSupporttextový návod, video návod

4. Krok - Dizajnujte si svoj web

Po nastavení webovej stránky WordPress sa môžete prihlásiť z adresy: vašadoména.sk/wp-admin.

Po prihlásení prejdite na svoj administračný panel WordPress a v ľavej ponuke vyberte položku „Vzhľad“ a kliknite na pridať novú.

Tu si môžete vybrať tému/šablónu akú len chcete.  A vyladiť túto tému – rozloženie, farby a písma svojho webu môžete upravovať kliknutím na tlačidlo „Prispôsobiť“.

V podstate každú vizuálnu zmenu, ktorú chcete vykonať na svojom webe, môžete vykonať prostredníctvom karty „Vzhľad“. Alebo prostredníctvom pluginu ‚Elementor‘. Tento plugin vám upravovanie vašeho webu zľahčí na minimum a ponúkne aj viac možností. Preto vám ho doporučujeme nainštalovať.

Po výbere témy jednoducho kliknite na „Inštalovať“ a potom na „Aktivovať“. Aby sme vám pomohli pri výbere, zostavili sme zoznam najlepších bezplatných tém na WordPress.

Nájdite si čas na nájdenie správnej témy práve pre váš web. Nerobte si starosti, ak si vyberiete niečo, čo sa vám nepáči – vždy to môžete zmeniť.

Wordpress_vzhlad

Elementor a iné pluginy, si môžete jednoducho nainštalovať v sekcii „Pluginy“ kde kliknete na tlačidlo „pridať nový“. Po nainštalovaní plugin nezabudnite aktivovať, opäť v časti „Pluginy“.

5. Krok - Vytvorte štruktúru webu a pridajte stránky

Po výbere šablóny je potrebné vytvoriť štruktúru a pridať tie najdôležitejšie stránky.

Zvyčajne ide o:

  • Domovská stránka
  • O nás
  • Kontaktná stránka – tu môžete pridať svoje sociálne odkazy (stránka na Facebooku, Twitter atď.)
  • Naše služby/produkty
  • Blog
  • Galéria
  • Posudky/recenzie

Urobte si brainstorming, aby ste zistili, ktoré stránky potrebujete najviac, a začnite odtiaľ. Uistite sa, že ste tieto dôležité stránky zahrnuli do hlavičky a päty, aby k nim mali návštevníci jednoduchý prístup na celom webe.

 

Pridávanie stránok a publikovanie obsahu

Prázdny web bez stránok, alebo obsahu nie je pre nikoho užitočný, takže na to, aby bola webová stránka prístupná a zaujímavá, musíme pridať nejaké stránky a blogové príspevky.

Ak chcete pridať stránky na svoj web, prejdite v ľavej ponuke na „Stránky“ a odtiaľ kliknite na tlačidlo „Pridať nové“.

Pridávanie stránok

Tým sa dostanete do blokového editora WordPress.

Ak je to vaša prvá návšteva, zobrazí sa rýchly návod krok za krokom o tom, ako to funguje a kde sa nachádzajú určité funkcie.

Je celkom ľahké pracovať s WordPressom; všetko je založené na blokoch, čo znamená, že ak chcete na svoju stránku niečo pridať, stačí si z ponuky vybrať správny „blok“ a vyplniť ho. Viac o editore blokov sa dozviete v našej príručke.

 

Vytvorenie štruktúry a navigácie (menu)

Teraz, keď ste vytvorili stránky, musíte ich pridať do navigačnej lišty (ponuky).

To je ponuka umiestnená na vašej webovej stránke, ktorá poskytuje návštevníkom prístup k zvyšku obsahu.

Vo WordPress si môžete prispôsobiť svoj navigačný systém kliknutím na kartu „Vzhľad“ v ľavom stĺpci a následne na „Ponuky“. Po vytvorení ponuky môžete začať pridávať a organizovať stránky.

6. Krok - Pridajte loga a faviconu

V tomto kroku, by mal mať váš web obsah a štruktúru, čo znamená, že ste takmer na cieľovej čiare. Ak chcete mať veci kompletné, musíte ešte pridať vaše logo a favicon (favicon je malá ikona, ktorá reprezentuje webovú stránku v prehliadači.) Logo a favicon je možné pridať rôznymi spôsobmi. Ale je to možné aj prostredníctvom pluginu Elementor.

Ak chcete k nemu pristupovať, prejdite na položku „Vzhľad“ v ponuke vľavo a kliknite na položku „Prispôsobiť“ a potom na možnosť „Identita webovej stránky“. V sekcii „Logo“ kliknite na „Vybrať logo alebo Zmeniť logo“ a vyberte súbor s logom zo svojich obrázkov alebo ho nahrajte. Keď to urobíte, vaše logo sa automaticky zobrazí na vašom webe. Ale niekedy je nutné zmeny uložiť a znova načítať vašu webovú stránku, aby boli zmeny vidieť.

K úprave vašej stránky môžete pristupovať aj pomocou panelu v hornej časti vašej webovej stránky: tento panel vidíte len vy a to iba keď ste prihlásený do administrácie vašej webovej stránky.
Položka - identita webovej stránky.
V tejto časti môžete zmeniť logo aj favicon.

Ak chcete, aby sa vaše logo zobrazovalo vedľa názvu vášho webu v paneli s adresou URL, môžete to urobiť pridaním ikony favicon. Svoju favicon môžete nahrať v ponuke „Identita webovej stránky“ v časti „Ikona webovej stránky“.

Favicon môžete vytvoriť pomocou ktoréhokoľvek z týchto bezplatných generátorov favicon. Môžu previesť vaše logo do správneho tvaru a veľkosti obrázka pre favicon.

Gratulujeme, to komplikované máte za sebou.

Ak si s niečim neviete rady alebo potrebujete pomoc s nastavením svojej webovej stránky, neváhajte nás kontaktovať.

V neposlednom rade prepojte svoj web s Google Search Console. Google Search Console (GSC) vám umožňuje sledovať návštevníkov vašich webových stránok z vyhľadávacieho nástroja a poskytuje vám lepšiu predstavu o tom najpopulárnejšom obsahu.

GSC vám tiež poskytuje prehľad o stave vášho webu. Je to užitočný bezplatný nástroj na získanie prehľadu o vašom webe. Takisto doporučujeme aj službu Google Analytics.

Nastavenie nástroja by nemalo trvať dlhšie ako ~10 minút. Tu je návod, ako to urobiť krok za krokom. (eng)

A tu je návod ako prepojiť Google Analytics a GSC.

Gratulujeme! Teraz by ste mali mať plne funkčnú webovú stránku. Ak máte akékoľvek otázky týkajúce sa tohto návodu, neváhajte nás kontaktovať.

Výber webhostingu pre váš web

Nezávisle sme otestovali rôznych poskytovateľov webhostingov a ich plány, pre rôzne druhy webstránok, aby sme vám mohli odporučiť tých ktorých práve potrebujete.