Základný slovník pojmov.

Keď hovoríme o webdesigne s klientmi, často používame pojmy, ktoré sú pre nás bežné. Snažíme sa síce hovoriť o weboch čo najviac ľudsky a minimálne používať cudzie výrazy, ale niekedy to buď utečie, alebo to ani nejde. A preto je tu prehľad základných pojmov, ktoré vám snáď pomôžu sa lepšie orientovať.

Okrem čisto webárskych pojmov tu nájdete aj pojmy z marketingu, webdesignu, grafiky… novodobý webár je totiž mnohokrát viacero osôb v jednej (programátor, webový technik, grafik, UI/UX designer, copywriter, markeťák…).

1. Všeobecné webové pojmy

Hosting – tu parkuje váš web. Je to služba, pri ktorej máte zakúpenú svoju parcelu, a na tej staviate svoj web.
Doména – Adresa vášho webu na internete (napr. nazovmojahowebu.sk) – adresa parcely, na ktorej stojí váš web.
URL adresa (Uniform Resource Locator) – Presný odkaz na konkrétnu stránku alebo súbor na danej doméne. Keby doména bola dom, tak URL adresa je jedna konkrétna miestnosť.
WordPress – Systém pre tvorbu a správu webových stránok, bez nutnosti vedieť programovať.
UX (User Experience) – Užívateľská skúsenosť – rieši, ako príjemne sa web používa.
UI (User Interface) – Užívateľské rozhranie – vzhľad a interaktívne prvky webu.
Responzivita – Schopnosť webu prispôsobiť sa rôznym zariadeniam (mobil, tablet, PC) – tzn. responzívny web pre mobil a tablet sa správne zobrazuje aj na týchto zariadeniach.
404 stránka – Chybová stránka, ktorá sa zobrazí, keď požadovaná adresa neexistuje.
Favicon – Malá ikona, ktorá sa zobrazuje v záložke prehliadača vedľa názvu stránky webu.
Cache – (vyslovuje sa „keš“) Dočasné ukladanie dát webu do medzipamäte pre rýchlejšie načítanie webu.
Divi, Elementor – Vizuálne editory pre WordPress, ktoré umožňujú tvoriť webové stránky bez nutnosti programovania – skladaním prvkov (textov, obrázkov, tlačidiel a pod.) priamo na stránke.

2. Tvorba a design webu

Šablóna – Predpripravený vzhľad webu, ktorý je možné upravovať.
HTML (Hypertext Markup Language) – Základný jazyk pre tvorbu webových stránok, ktorý určuje štruktúru obsahu (nadpisy, texty, obrázky).
CSS (Cascading Style Sheets) – Jazyk na úpravu vzhľadu webu, teda farby, fonty, rozloženie a štýl.
JavaScript – jazyk, ktorý web oživuje a umožňuje interaktivitu, napríklad otváracie menu, animácie alebo kontaktné formuláre.
Font pairing – Kombinácia dvoch alebo viacerých písiem pre harmonický vzhľad webu.
Whitespace – Prázdny priestor medzi prvkami na webe, ktorý zlepšuje čitateľnosť, prehľadnosť aj celkový dojem. Vďaka whitespace môže web dýchať – pôsobí profesionálnejšie, pokojnejšie a vizuálne vyvážene.
Hero sekcia – Úvodná, výrazná sekcia webu (často s výraznou grafikou (fotky alebo ilustrácie) a hlavným oznámením). Má zásadný vplyv na to, či návštevník na webe zostane, alebo ho hneď opustí.
Parallax efekt – Efekt, kedy sa pozadie webu pohybuje pomalšie ako popredie pri scrollovaní. (Je to pútavý a veľmi pekný!)
Lazy loading – Načítanie obrázkov až vo chvíli, keď na ne užívateľ dôjde pri scrollovaní. Využíva sa na zrýchlenie načítania webovej stránky.
Hover efekt – Vizuálna zmena, ktorá sa zobrazí pri nabehnutí myšou na prvok na webe – napr. tlačidlo zmení farbu, obrázok sa ľahko priblíži alebo sa zobrazí animácia. Hover efekty pomáhajú webu pôsobiť živšie a interaktívnejšie.

3. SEO a optimalizácia webu

SEO (Search Engine Optimization) – Optimalizácia webu pre vyhľadávače (napr. Google). Ide o to, aby bol web nastavený a vytvorený tak, že ho vyhľadávače ľahko nájdu, pochopia jeho obsah a vďaka tomu ho zobrazia vyššie vo výsledkoch hľadania.
Kľúčové slová – Slová alebo frázy, ktoré ľudia zadávajú do vyhľadávača (napr. tvorba webu Olomouc alebo webdesign pre terapeutov). Aby sa web na tieto slová zobrazoval, musí sa prirodzene objavovať aj v jeho textoch – vďaka tomu vyhľadávač pozná, že práve váš web zodpovedá tomu, čo ľudia hľadajú. (Pomáha mať napr. blog).
Meta popis – Krátky text, ktorý sa zobrazuje pod odkazom na web vo vyhľadávači. Má potenciál zaujať a priviesť ľudí na web. Máme ho čiastočne pod kontrolou. Niekedy si ho ale Google generuje sám – podľa toho, aké kľúčové slová práve používateľ zadá do vyhľadávača.
Alt text – Popis obrázku, ktorý vysvetľuje obsah a funkciu obrázku. Pomáha SEO aj prístupnosti pre nevidiacich užívateľov.
Backlink – Odkaz na váš web z iného webu. Pomáha SEO, pretože vyhľadávače berú odkazy ako odporúčania – čím viac kvalitných odkazov vedie na váš web, tým viac mu Google dôveruje. Záleží ale na kvalite, nie na množstve – odkaz z významného, dôveryhodného webu.
Google Analytics – Nástroj, ktorý pomáha sledovať návštevnosť webu a správanie návštevníkov. Ukazuje, koľko ľudí web navštevuje, odkiaľ prichádzajú, ako dlho zostávajú a ktoré stránky ich najviac zaujímajú.
Google Search Console – Nástroj, ktorý pomáha sledovať, ako si váš web vedie vo vyhľadávaní. Ukazuje, na aké kľúčové slová sa web zobrazuje, koľko ľudí naň kliká, alebo či sú všetky stránky správne indexované.
Google Tag Manager – Nástroj, ktorý umožňuje spravovať meracie kódy (napr. pre analytiku, reklamy alebo remarketing) bez nutnosti zasahovať do kódu webu. Umožňuje tak ľahšie sledovať, čo ľudia na webe robia – napr. kliknutie, odoslanie formulára alebo nákup.
CTR (Click-Through Rate) – Miera prekliknutia – ukazuje, koľko percent ľudí kliklo na váš odkaz (napr. vo vyhľadávači alebo v reklame) z celkového počtu, ktorí ho videli. Vyššia hodnota znamená, že odkaz zaujal a láka na kliknutie.
Bounce rate – Ukazuje, koľko ľudí web opustilo hneď po príchode bez toho, aby si prezreli ďalšiu stránku. Vysoká miera môže znamenať, že používateľ nenašiel, čo hľadal, alebo ho web nezaujal.
Sitemap – Zoznam všetkých dôležitých stránok na webe – pre užívateľov aj vyhľadávače. Pomáha Googlu pochopiť štruktúru webu a zaistiť, aby boli všetky stránky správne zaindexované.
Chatbot – Automatický asistent na webe, ktorý komunikuje s návštevníkmi. Môže fungovať 24/7 a šetrí čas (a peniaze) tak návštevníkom, ako aj majiteľovi webu.

4. Webová bezpečnosť

SSL certifikát – Zabezpečenie webu pomocou šifrovaného prenosu dát (https://). Zvyšuje dôveryhodnosť webu – Google uprednostňuje zabezpečené weby, takže pomáha aj SEO.
Captcha – Test, ktorý overuje, že nie ste robot – typicky napr. vyberte obrázky s hydrantom. Pomáha chrániť pred spamom.
Firewall – Ochrana webu proti hackerským útokom.
Two-Factor Authentication (2FA) – Dvojfázové overenie prihlásenia – okrem hesla je potrebný ešte druhý krok, napr. potvrdenie v mobile alebo kód z e-mailu. Zvyšuje bezpečnosť účtu, aj keď by niekto poznal vaše heslo.

Zhrnutie

Možno sa zdá, že svet webov je plný skratiek a technických výrazov. Cieľom tohto slovníčka nie je, aby ste dokonale poznali všetky pojmy. Ale aby ste sa lepšie orientovali, keď si nechávate tvoriť svoj web.