Ako vytvoriť webovú stránku: Jednoduchý sprievodca krok za krokom

V dnešnej digitálnej dobe je webová stránka nevyhnutnou súčasťou každej firmy. Je rovnako dôležitá ako adresa alebo telefónny kontakt. Tento článok poskytuje jednoduchý návod, ako si vytvoriť kvalitnú webovú stránku rýchlo a jednoducho.

Prečo potrebujete webovú stránku?

Vlastná webová stránka je pre každého, kto to so svojím podnikaním myslí vážne, nevyhnutnou súčasťou budovania firmy. Tento fakt potvrdzuje správanie zákazníkov. Viac ako polovica z nich si pred nákupom produktov alebo služieb prezrie internetovú stránku predajcu. Nejedná sa pri tom len o e-shopy. Ľudia chodia na internet aj po iné informácie.

• Dostupnosť 24/7: Webová stránka je dostupná kedykoľvek, dokonca aj keď vy a vaši zamestnanci spíte.
• Informácie o produktoch a šetrenie času: Informuje o vašich produktoch a šetrí čas. Mnohým zákazníkom tieto informácie stačia na to, aby si produkt zakúpili.
• Dôveryhodnosť: Ľudia si pred kontaktovaním firmy chcú overiť jej dôveryhodnosť.
• Prezentácia podnikania: Webová stránka prezentuje vaše podnikanie. Niektorí návštevníci internetu by sa bez nej inak nedozvedeli nič o tom, čo robíte.
• Analýza zákazníkov: Analýza návštevnosti stránky vám pomôže pochopiť, kto je vašou cieľovou skupinou. Analyzovať sa dá aj jej správanie.
• Konkurenčná výhoda: Web stránka vám poskytne významnú konkurenčnú výhodu oproti firmám, ktoré ju nemajú.
• Budovanie značky: Zviditeľnenie podnikania pomáha pri budovaní značky.

Webová stránka zadarmo?

Využiť služby zadarmo znie vždy lákavo. Pre vytvorenie web stránky je dostupných viacero služieb, kde môžete získať zdarma hosting a doménu. Ak to však so svojím podnikaním myslíte vážne, mali by ste sa im radšej vyhnúť. Vytvorenie web stránky zadarmo je vhodným riešením len pre osobné stránky.

• Nie je možné vytvoriť názov domény bez toho, aby obsahoval aj názov poskytovateľa hostingu.
• Menej možností úpravy stránok. Väčšina týchto poskytovateľov ponúka len neprofesionálne vyzerajúci a opozeraný dizajn.
• Veľkou nevýhodou je umiestnenie reklamy iných stránok.

Doména a hosting

Doména je adresa web stránky. Je jej dôležitým identifikátorom. Zobrazuje sa v príkazovom riadku prehliadača. Doména je to, čo vás odlišuje od iných stránok. Je vhodné, aby obsahovala názov vašej firmy či oblasť podnikania, ktorej sa venujete. Mala by byť krátka a výstižná. Z domény by sa mali ľudia v skratke dozvedieť, čomu sa venujete. Naozaj v skratke. Musí byť jedinečná. Mala by byť jednoduchá. Nemali by ste používať pomlčky alebo čísla. Pomlčky a čísla sa ťažko diktujú. Odporúčam vám vymyslieť viacero domén. Potom z nich vyberiete tú najvhodnejšiu a overíte, či už ju niekto nemá registrovanú. Ak nie, môžete si ju zaregistrovať vy.

Hosting je priestor na serveri, kde sú uložené všetky dáta vašej web stránky. Tieto servery sú neustále pripojené k internetu. Hosting poskytuje veľa poskytovateľov. Jednotlivé služby sa líšia balíčkami a rozsahom služieb, cenou aj kvalitou a dostupnosťou. Rozdiely sú tiež v rýchlosti načítania stránok a kvalite zákazníckej podpory.

Prečítajte si tiež: Podmienky dotácie na elektromobily

Nástroje na tvorbu webovej stránky

Pri tvorbe web stránky máte na výber z viacerých možností:

• MioWeb: Veľmi jednoduchý online nástroj pre tvorbu blogu a web stránok. Pre svoju jednoduchosť a jeho ďalšie prednosti ho odporúčam najmä netechnickým ľuďom, ktorí rozmýšľajú ako si vytvoriť web stránku.
• Webnode: Ďalší populárny nástroj pre tvorbu web stránok.
• WordPress.com: Je podobný nástroj na tvorbu webstránky a blogovanie ako predchádzajúce dva.
• WordPress.org: Je open source. To znamená, že ho môžete použiť pre vlastný web zadarmo. Prináša mnoho výhod, pre ktoré ho použijem aj v tomto návode ako si vytvoriť web stránku.

Na Slovensku a zahraničí je veľa kvalitných hostingových spoločností, kde si môžete kúpiť web hosting a doménu. Cena hostingu je v dnešnej dobe oproti minulosti oveľa nižšia, kvalitný webhosting môžete mať už za cenu 5-10 eur mesačne. Cena .sk domény vás vyjde okolo 10 eur na rok. Osobne považujem za najkvalitnejší hosting na Slovensku ten od firmy Websupport, ktorý som si vybral pre všetky moje web stránky. Dôvody prečo som sa rozhodol práve pre tento hosting nájdete v prípade záujmu v článku o rýchlosti WordPress.

Ako si vytvoriť webovú stránku vo WordPress: Krok za krokom

Tento návod sa zameriava na WordPress.org, pretože ponúka rozsiahle možnosti prispôsobenia a je zadarmo.

1. Výber hostingu a domény: Vyberte si hostingovú spoločnosť a zaregistrujte si doménu. Ak je doména voľná, kliknite na tlačítko „Pridať“. Kliknite na pokračovať ďalej. Posuňte sa na spodok stránky kde je „WordPress The Hosting“ - riešenie špeciálne optimalizované pre stránky vo WordPress. Tam by vám malo na začiatok stačiť vybrať si možnosť „Základné“ (15GB / 1 doména). Voľbu potvrdíte kliknutím na „Pridať“ a potom pokračujete kliknutím na „Pokračovať do košíka“. Nákup potvrdíte tlačidlom „Objednať“.
2. Inštalácia WordPressu: Čakáte v tomto kroku nejakú inštaláciu? Tak vás poteším, vo Websupport WordPress hostingu sa vám po objednaní automaticky nainštaloval. Gratulujem, v predchádzajúcom kroku ste si úspešne zvládli nainštalovať vašu web stránku.
3. Výber témy (šablóny): Ako som už spomínal vyššie, vizuálny vzhľad vášej stránky je kontrolovaný témami (šablónami). Existujú tisíce bezplatných pripravených šablón, ktoré je možné nainštalovať si. Svoju tému môžete zmeniť tak, že kliknete na „Vzhľad“ -> „Témy“. Na ďalšej obrazovke si budete môcť vyhľadávať z vyše 4400 bezplatných tém, ktoré sú k dispozícii v rámci oficiálnej WordPress.org stránky. Keď ste našli tému, ktoré sa vám páči, stačí jednoducho prejsť nad ňu myškou a ukáže sa vám tlačidlo „Inštalovať“. Kliknite na neho a čakáte, kým sa téma nainštaluje. Potom sa tlačidlo „Inštalovať“ nahradí tlačidlom „Aktivovať“. Po inštalácii témy, môžete ďalej upravovať jej vzhľad kliknutím na „Vzhľad“ -> „Prispôsobiť“.
4. Pridávanie obsahu: Ak chcete napísať prvý príspevok na svoju stránku, kliknite na „Články“ -> „Pridať nový“. Po vložení názvu článku a jeho obsahu pokračujte a kliknite na tlačidlo „Publikovať“. Týmto zverejníte článok na svojej web stránke. V časti článkov si môžete všimnúť ďalšie položky ako sú kategórie a značky.
5. Pluginy: Na svojej web stránke budete pravdepodobne chcieť pridávať aj iné prvky ako iba text do článkov. K tomuto účelu vo WordPress slúžia pluginy. Môžete si ich predstaviť ako aplikácie (moduly), ktoré vám umožňujú pridať nové funkcie do web stránky. Ide o podobný spôsob, ako sme si ukázali pri výbere témy.

Ďalšie dôležité pojmy a funkcie

• Rubriky a štítky: Rubriky a štítky vo WordPresse slúžia na organizáciu príspevkov (blogových článkov). Okrem rubrík si tu môžete vytvoriť aj podrubriku. Názov rubriky zvoľte ideálne jednoslovný. Mal by zodpovedať obsahu priradených článkov. V pravom stĺpci vidíte zoznam vytvorených rubrík aj s počtom príspevkov, ktoré sú k nim priradené. Všetky nepriradené príspevky sa automaticky ukladajú do rubriky Uncategorized (nezaradené). Štítky čitateľom popisujú, aké sú hlavné informácie v článku (kľúčové slová) a tým uľahčujú vyhľadávanie podobného obsahu. Priraďovanie štítkov k príspevkom je mierne neintuitívne. Postupujte rovnako, ako keď vytvárate nový štítok.
• RSS kanál: RSS je skratka pre tzv. Really Simple Syndication. Táto jednoduchá technológia znamenala doslova revolúciu v konzumácii obsahu. RSS kanál (používa sa aj názov RSS feed) má podobu XML kódu, ktorý tzv. RSS čítačkám predá informáciu o tom, že na webovej stránke bol zverejnený nový článok. Rozpoznáte ho podľa oranžovej ikony symbolizujúcej vysielanie. Ikonka odkazuje na adresu kanálu. Kanál si používateľ pridá do tzv. Čítačky. Môže tak automaticky odoberať jeho obsah bez nutnosti kontrolovať, či na webe vyšiel nový článok. RSS je užitočný najmä pre majiteľov blogov a webových magazínov. Majitelia statických stránok bez redakčného systému musia pre tvorbu RSS feedu ručne zapisovať informácie do súboru, alebo využiť externé služby. Každý WordPress web už má od základu nastavené RSS kanály a sám ich aktualizuje hneď, keď vyjde nový článok. V administrácii túto funkciu ani prehľad jednotlivých kanálov neuvidíte. Našťastie je štruktúra a logika celého RSS vo WordPresse dobre pochopiteľná. Ak chcete umožniť čitateľom svojho webu odoberať všetky novinky nezávisle na kategórii, máte k dispozícii hlavný feed. Ten sa nachádza na adresách nižšie, pričom adresu, pre ukážku napr. inSmart.cz, nahraďte adresou svojho webu. Pre ľahší prístup k RSS, odporúčame odkaz na kanál umiestniť napr. Vyššie sme uviedli ako vstúpiť do RSS celého webu. WordPress však dokáže s kanálmi pracovať aj jednotlivo. Dokáže vytvárať feedy pre jednotlivé štítky, rubriky, vyhľadávanie, autorov i komentáre. Čitatelia môžu chcieť odoberať články len konkrétneho autora blogu alebo webového magazínu. Štítok slúži na vytvorenie RSS kanálu s vybranými príspevkami. Využijete ich napr. v prípade, že má váš web partnerstvo s inou stránkou a vy na webe chcete zobrazovať len príspevky týkajúce sa počítačov. Pri statických weboch pravdepodobne RSS potrebovať nebudete. Ako ho viete vo WordPresse vypnúť? Tento plugin umožňuje vypnúť všetky alebo vybrané kanály. Svoj web odľahčíte, ak nebudete niektoré kanály zdieľať so širším spektrom čitateľov.
• Základné pojmy: Na začiatku nie je nikto webovým expertom, k dobrému štartu a rýchlemu napredovaniu pomáha znalosť terminológie. Aspoň základov. Pozrite si tento zoznam 30+1 najdôležitejších výrazov súvisiacich s web stránkami. Stretnete sa s nimi určite, keď vstúpite do sveta WordPress na našich kurzoch. No nielen tam. Stretnete sa s nimi takmer vždy, keď niekto rozpráva o webových stránkach.
  • Back-end: označuje časť aplikácie/webstránky, ktorá vykonáva základné úlohy, ktoré nie sú používateľovi dostupné. Vývojári back-endu sa zaoberajú ukladaním a usporiadaním údajov a zabezpečením, aby front-end dobre fungoval. Back-end sa zameriava na tú stranu webovej stránky, ktorú používatelia nevidia, napr. správu a organizáciu databázy, optimalizáciu funkčnosti, kódu a pod.
  • Blog: je moderná online rubrika pre spisovateľov. Názov vznikol ako skratka anglického web log (webový denník). Amatérski a profesionálni spisovatelia publikujú blogy na rôzne témy - stravovanie, zdravotná starostlivosť, kozmetika, technické tipy z rôznych oblastí, fotoblogy obľúbených obrázkov a i. Existujú blogové portály, kde si môže založiť blog naozaj každý. Aj bez znalostí programovania či tvorby web stránok.
  • Cache (vyrovnávacia pamäť): Keď načítate ako návštevník webovú stránku, údaje z nej sa uložia do vyrovnávacej pamäte, sú dočasne uložené vo vašom počítači. Keď budete chcieť ako návštevník nabudúce opäť na túto stránku, webový prehliadač namiesto údajov z webového servera zobrazí zapamätané údaje z vyrovnávacej pamäte (cache). Nevýhodou je, že ak sa obsah stránky na serveri medzičasom aktualizuje, počítač používateľovi nezobrazuje najnovšiu verziu webu. Aktuálnu verziu zobrazíte použitím ikony „obnoviť“, pomocou Ctrl+R, resp. klávesom F5.
  • CMS (Content Management System): je anglická skratka pre content management system, t.j. redakčný systém, ktorý umožňuje správu obsahu. Používa sa na označenie súboru nástrojov, softvéru a procesov, ktoré tvoria funkčný celok umožňujúci navrhovať, uchovávať, spravovať, publikovať a tiež odstraňovať informácie formou webovej stránky bez potreby programovania. Systém súčasne zabezpečuje, že obsah je indexovateľný a vyhľadávateľný, čo používateľom webu uľahčuje nájdenie na webe obsiahnutých informácií.
  • CSS (Cascading Style Sheets): je skratka pre kaskádové štýly - štýlový jazyk, ktorý sa používa na definovanie pravidiel, ktoré prehliadaču povedia, ako má obsah stránky vyzerať z hľadiska rozloženia a štýlu.
  • Doména: Názov domény je vymyslené slovo pre adresu webovej stránky - napríklad www.mojweb.sk. Pod doménou môže existovať len jedna stránka, alebo súbor stránok s členitou štruktúrou, ktoré budú mať pred svojím označením spoločnú adresu domény (napr.
  • Domovská stránka: Stránka, ktorú otvorí internetový prehliadač pri zadaní adresy domény. Spravidla funguje ako východiskový rozcestník webovej stránky. Menej skúsení marketéri na ňu smerujú reklamy (skúsenejší používajú tzv.
  • Front-end: je skrátené označenie pre počítačové programovanie zamerané na vytváranie prvkov a funkcií webovej stránky, ktoré používateľ vidí.
  • FTP (File Transfer Protocol): Protokol na prenos súborov (File Transfer Protocol) je protokol prenosu súborov z jedného počítača na druhý prostredníctvom internetu. Pri používaní WordPressu umožňuje preniesť na server samotné inštalačné súbory WordPressu (ak hostingová spoločnosť neponúka jeho tzv. one-klik inštaláciu), v procese výstavby stránok tiež témy a pluginy, ktoré sa nedajú inštalovať priamo z prostredia redakčného systému.
  • Google Analytics: Služba od spoločnosti Google, ktorá poskytuje prehľad o návštevníkoch webovej lokality - o ich správaní (ktoré stránky sú najnavštevovanejšie, ako dlho sa ktorých stránkach návštevníci zdržujú, atď.) a ďalších charakteristikách (geografická poloha, zdroje návštevnosti a pod.).
  • HTML (Hypertext Markup Language): Hypertext Markup Language (HTML) je programovací jazyk webových stránok. Príkazy HTML určujú webovému prehliadaču základné zobrazovanie obsahu. XML je eXtensible Markup Language, príbuzný HTML. XML sa zameriava na katalogizáciu a databázovanie textového obsahu webovej stránky.
  • HTTP (Hypertext Transfer Protocol): HTTP (Hypertext Transfer Protocol) je skratka pre štandard dátovej komunikácie webových stránok. HTTPS (Hypertext Transfer Protocol Secure) znamená, že webová stránka má pridanú špeciálnu vrstvu šifrovania, aby skryla osobné informácie a heslá.
  • JavaScript: Nie, to nie je Java. JavaScript je programovací jazyk, ktorý sa používa na vytváranie interaktívnych webových stránok - napr. rôzne ankety, kvízy a pod.
  • Kategórie: Podobne ako značky umožňujú virtuálne zoskupiť obsahovo súvisiace blogové príspevky a tak uľahčiť ich vyhľadávanie podľa záujmu návštevníka. Používajú sa na hrubšie členenie veľkého množstva článkov na stránke podľa logických celkov, napr.
  • Knižnica médií: V knižnici médií sa uchovávajú všetky obrázky, videá alebo nahrávky, ktoré sú uložené na serveri webu v redakčnom systéme WordPress. Knižnica je prístupná cez základné menu redakčného systému. Rozhranie umožňuje dva spôsoby zobrazenia obsahu knižnice a tiež nahrávať, filtrovať atď.
  • Malware: Je to všeobecné označenie pre programy, ktorých cieľom je poškodiť počítačový systém.
  • Panel (Dashboard): Prvá obrazovka, ktorú uvidíte, keď sa prihlásite do svojho účtu WordPress. Z nej môžete rýchlo získať predstavu o aktuálnej verzii používaného WordPressu, o používanom motíve (téme), pristupovať k správe obsahu, nastaveniam účtu, správe doplnkov a ďalším.
  • Open source: Sú programy s otvoreným zdrojovým kódom, ktoré umožňujú prístup k svojmu kódu, čo umožňuje jeho prispôsobenie verejnosti. Často ich vytvárajú komunity, ktoré sa spájajú, aby vyvinuli produkt, ktorý bude prínosom verejnosti. Známe sú napríklad open-source kancelárske balíky OpenOffice a LibreOffice.
  • Pluginy: Programy nazývané aj zásuvné moduly, ktoré je možné integrovať v rámci redakčného systému WordPress a rozšíriť tak funkčnosť webovej lokality. Samostatne sú nefunkčné, predstavujú však možnosti rozšírenia základného systému.
  • Príspevok (Post): Príspevkom nazývajú ľudia spravidla príspevky na sociálnych sieťach. V súvislosti s webovými stránkami sa používa v dvoch významoch. Z kontextu použitia je potrebné porozumieť, či sa jedná o širšie alebo užšie použitie slova. V širšom slova zmysle sa označenie príspevok (angl. post) používa pre všetok obsah - teda aj pre stránku aj pre článok. Aj nové vlastné typy príspevkov. V užšom slova zmysle sa používa označenie príspevok (post) len pre články.
  • Stránka (Page): Stránkou na webe rozumieme ľubovoľnú jednotlivú stránku, ktorá sa nachádza na webe pod doménou. Vidíte ju vo webovom prehliadači. Na stránke môžete vidieť text, fotografie, ikony, grafy, video, tlačidlá s odkazmi atď. Ak sa nejedná o domovskú stránku, majú zvyčajne svoje vlastné miesto v menu, napríklad „O nás“, „Kontakt“ a pod. Stránky majú na rozdiel od článkov trvalejší obsah spravidla nejako spojený s aktivitami prevádzkovateľa domény. Pod pojmom stránky (angl. pages, alebo site) rozumieme spravidla súbor stránok a článkov patriacich pod jednu doménu, ktoré sú prepojené odkazmi, témami a dizajnom.
  • Trvalý odkaz (Permalink): Trvalý odkaz (nazývaný aj link) návštevníkov vždy nasmeruje na rovnakú stránku. Napríklad pri blogovaní sa aktuálne posledné články objavujú v prehľade noviniek priamo na domovskej stránke. Tým však staršie príspevky klesajú v zobrazení nadol a po prekročení počtu zobrazených článkov miznú. Trvalý odkaz (napr.
  • Vyhľadávač: Vyhľadávač umožňuje používateľovi počítača v prehliadači (Chrome, Firefox, Edge,…) vyhľadávať informácie na internete. Je to program, ktorý vytvára indexy databáz alebo internetových stránok na základe názvov súborov, kľúčových slov alebo úplného textu súborov.
  • SSL certifikát: Certifikát SSL je potrebný na pridanie špeciálnej vrstvy šifrovania kvôli zníženiu rizika odcudzenia citlivých súkromných údajov, resp. informácií o platobnej karte pri úhrade objednávky.
  • SEO (Search Engine Optimization): Skratka Search Engine Optimalization znamená v preklade „optimalizácia pre vyhľadávače“. SEO je stratégia zvýšenia návštevnosti webových stránok zvýšením ich hodnotenia vyhľadávačmi a následnou lepšou pozíciou na stránkach s výsledkami vyhľadávania. Nakoľko spoločnosti s vyhľadávacími stránkami nezverejňujú svoje hodnotiace algoritmy (a v čase ich menia), nie je známy vzorec, ako sa dostať vyššie. Existuje však množstvo taktík, o ktorých je známe, že lepšiemu umiestneniu pomáhajú - tie spadajú pod označenie SEO (napr.
  • Témy (Themes): Témy umožňujú zmeniť vzhľad a štýl celej webovej lokality bez zmeny publikovaného obsahu. Môžete si vybrať z tisícov tém WordPress - od jednoduchých až po funkčne i obrazovo sofistikované - a nájsť takú, ktorá najlepšie zodpovedá vašej predstave o finálnej podobe stránok. Témy sú platené i neplatené (tie sú dostupné priamo z redakčného systému v časti Vzhľad > Témy). Niektorí autori používajú pri predaji svojich tém politiku ochutnávky. Dávajú zadarmo tému s obmedzenou funkčnosťou, a na využitie pokročilých funkcií je potrebné dokúpiť PRO verziu.
  • URL (Uniform Resource Locator): Uniform Resource Locator (URL) sú adresy internetových stránok a súborov v prehliadači webu. Pomocou adresy URL môžete vo webovom prehliadači zobraziť konkrétne stránky alebo súbory.
  • Web hosting: Web hosting je služba, ktorú poskytuje subjekt spravujúci výkonné počítače (web servery) so súbormi tvoriacimi webovú stránku. Priestor na počítačoch prenajíma prevádzkovateľom stránok, ktorí sa nemusia starať o aktualizáciu a správne zapojenie serverov do siete. Môžu sa venovať starostlivosti o obsah svojich stránok a marketing. Vďaka hostingu by mala stránka fungovať 24 hodín denne, 365 dní v roku.
  • Widgety: Widgety pridávajú podobne ako pluginy funkcie na web stránky - spravidla na bočný panel, ale môžete ich umiestniť aj do päty stránky (podľa témy). Na rozdiel od pluginov sú však súčasťou WordPressu už od jeho inštalácie a stačí ich len aktivovať (v časti Vzhľad). Widgety obsahujú funkciu vyhľadávania, kalendár publikovaných príspevkov, oblak značiek a i. Niektoré pluginy pridávajú do WordPressu i ďalšie widgety (napr.
  • Značky (Tags): Umožňujú virtuálne zoskupiť obsahovo súvisiace blogové príspevky a tak uľahčiť ich vyhľadávanie podľa záujmu návštevníka. Pri článkoch i pri produktoch môžu byť značkami napr. svetadiely (Ázia), krajiny (Taliansko), mestá (Praha), suroviny (kapusta), obchodné značky (Microsoft), materiálové vlastnosti (bavlna), obchodné značky (Curaprox), značky výrobcov (LaCoste) atp.

Prečítajte si tiež: Analýza Cav príspevku

Prečítajte si tiež: Žiadosť o príspevok na nové auto

tags: #rubrika #prispevok #stranka #wordpress