Pogovori med naročnikom in agencijo o spletni strani se hitro spremenijo v zmedo, ko padejo izrazi kot wireframe, lazy loading, schema markup, breakpoint ali Core Web Vitals. Tudi izkušeni marketinški direktorji se pogosto izgubijo v žargonu razvijalcev in oblikovalcev.
Ta pojmovnik razloži 55 najpomembnejših izrazov spletnega oblikovanja in razvoja v jasni slovenščini. Vsak izraz ima definicijo, praktičen primer in po potrebi povezavo na poglobljen članek. Uporaben je pred, med in po izdelavi spletne strani — ko ocenjujete ponudbe, berete poročila ali se pogovarjate z razvijalci.
Kaj je spletno oblikovanje pojmovnik?
| Spletno oblikovanje pojmovnik je strukturiran slovar izrazov, ki se uporabljajo pri načrtovanju, oblikovanju, razvoju in vzdrževanju spletnih strani. Pokriva področja UX/UI, frontend in backend razvoj, hitrost, SEO, dostopnost, analitiko in pravne vidike (GDPR, piškotki, SSL). |
Pojmovnik služi trem skupinam uporabnikov. Naročnikom (lastnikom podjetij, marketing managerjem) pomaga razumeti ponudbe agencij in tehnične dokumente. Zaposlenim v marketingu omogoča, da se pogovarjajo z razvijalci v skupnem jeziku. Začetnikom v digitalu (študentom, mladim profesionalcem) odpira vrata v razumevanje branže.
Kako uporabljati ta pojmovnik?
| Pojmovnik je organiziran abecedno od A do W (slovenski in angleški izrazi). Vsak izraz vsebuje definicijo (1–2 stavka), praktičen primer in po potrebi povezavo na poglobljen članek. Iskanje konkretnega izraza izvedete z brskalnikovo bližnjico Ctrl+F (Windows) ali Cmd+F (Mac). |
Za hitro orientacijo izrazi pokrivajo 8 področij spletnega oblikovanja: načrtovanje (IA, persona, wireframe, mockup), oblikovanje (UI, UX, tipografija, whitespace), frontend razvoj (HTML, CSS, JavaScript, flexbox, grid, responsive), backend (CMS, WordPress, vtičniki, baza podatkov), performance (Core Web Vitals, cache, CDN, lazy loading, WebP), SEO (schema markup, sitemap, meta description), tehnično (domena, DNS, SSL, gostovanje) in pravno (GDPR, piškotki).
Pojmovnik spletnega oblikovanja od A do Ž
Spodaj 55 izrazov, abecedno razvrščenih. Vsak izraz se začne s H3 naslovom (term + slovenski prevod), sledi definicija in praktičen primer. Kjer obstaja poglobljen članek, je dodana povezava.
A
A/B testiranje
A/B testiranje je primerjava dveh različic iste spletne strani (verzija A in verzija B) na različnih segmentih obiskovalcev za ugotavljanje, katera prinaša višje konverzije. Spreminja se ena spremenljivka naenkrat — naslov, gumb, slika ali postavitev.
Primer: A/B testiranje gumba ‘Naroči’ (zelena) proti ‘Pošlji povpraševanje’ (modra) lahko pokaže, da prva varianta prinaša 18 % več kontaktov.
Above the fold
Above the fold je del spletne strani, ki je viden brez scrollanja po nalaganju. Izraz prihaja iz tiskanih časopisov, kjer je bila pomembna vsebina nad pregibom. Na spletu je to prvih 600–900 piksla višine.
Primer: Glavni naslov, podnaslov in primarni CTA naj bodo above the fold, ker velik delež obiskovalcev ne scrolla naprej brez razloga.
Accessibility (dostopnost)
Accessibility (dostopnost) je oblikovanje spletne strani tako, da je uporabna za vse — vključno z osebami z oviranostmi (slepi, slabovidni, gluhi, motorično ovirani). Standard je WCAG 2.1 (Web Content Accessibility Guidelines). V EU je zakonsko zahtevana za javne strani.
Primer: Alt teksti za slike, dovolj velik kontrast, navigacija s tipkovnico, video s podnapisi.
API
API (Application Programming Interface) je vmesnik, ki omogoča komunikacijo med dvema sistemoma. Spletna stran preko API klica pridobi podatke iz zunanje storitve — plačilni sistem, družbena omrežja, mapa, dostavni servis.
Primer: WooCommerce trgovina preko Stripe API obdela kreditno kartico ali preko Google Maps API prikazuje lokacijo poslovalnice.
B
Backend
Backend je strežniški del spletne strani, ki ga uporabnik ne vidi — strežnik, baza podatkov, poslovna logika. Obdela vse, kar se dogaja v ozadju (registracije, plačila, shranjevanje vsebin). Najpogostejši backend jeziki: PHP, Node.js, Python, Ruby.
Primer: Ko oddaš obrazec, backend prejme podatke, jih shrani v bazo in pošlje email obvestilo.
Bounce rate
Bounce rate (stopnja obiska brez interakcije) je odstotek obiskovalcev, ki odidejo s strani brez kliknjenja, scrollanja ali interakcije. Visok bounce rate (nad 70 %) signalizira slabo ujemanje pričakovanj uporabnika z vsebino strani.
Primer: Bounce rate na blog strani je običajno višji (60–80 %) kot na produktni strani (30–50 %).
Breadcrumb (drobtinica)
Breadcrumb je navigacijska vrstica, ki prikazuje pot od domače strani do trenutne podstrani. Pomaga uporabnikom razumeti hierarhijo strani in se vrniti na nadrejeno raven. Google jih uporablja v iskalnih rezultatih (BreadcrumbList schema).
Primer: Domov → Storitve → Oblikovanje spletnih strani → WordPress razvoj.
Breakpoint
Breakpoint je velikost zaslona, pri kateri se postavitev spletne strani spremeni za prilagoditev različnim napravam. Standardni breakpointi so 480 px (mali mobilni), 768 px (tablica), 1024 px (desktop), 1440 px (širok desktop).
Primer: Pri 768 px se 3-stolpčna postavitev spremeni v eno-stolpčno za boljšo mobilno berljivost.
C
Cache (predpomnilnik)
Cache (predpomnilnik) je shramba kopij spletnih virov (HTML, slike, CSS, JS) na strežniku ali v brskalniku, ki pospeši ponovno nalaganje strani. Brez cache mora strežnik za vsak obisk znova generirati celotno stran.
Primer: WP Rocket ali LiteSpeed Cache vtičnik shrani statične HTML kopije WordPress strani in zniža čas nalaganja iz 3 s na 0,8 s.
CDN
CDN (Content Delivery Network) je omrežje strežnikov, razprostrtih po svetu, ki shranjujejo kopije spletnih virov in jih dostavljajo iz najbližjega strežnika. Zmanjša latenco in razbremeni glavni strežnik.
Primer: Cloudflare CDN pošlje slike obiskovalcu iz Frankfurta, ne iz strežnika v Singapurju — nalaganje je večkrat hitrejše.
CMS
CMS (Content Management System / sistem za upravljanje vsebin) je platforma, ki omogoča urejanje vsebin spletne strani brez programiranja. Najpopularnejši CMS-i: WordPress (43 % vseh spletnih strani), Drupal, Joomla, Webflow.
Primer: Marketing manager preko CMS doda nov blog post, urednik popravi besedilo na produktni strani — brez razvijalca.
Core Web Vitals
Core Web Vitals so trije Googlovi merljivi kazalniki uporabniške izkušnje: LCP (Largest Contentful Paint, hitrost prikaza glavne vsebine), INP (interakcijska odzivnost) in CLS (vizualna stabilnost). Vplivajo na SEO uvrstitve od leta 2021 dalje.
Primer: LCP < 2,5 s, INP < 200 ms, CLS < 0,1 — vsi trije morajo biti v ‘Good’ območju.
CRO
CRO (Conversion Rate Optimization / optimizacija konverzij) je sistematičen postopek povečevanja deleža obiskovalcev, ki izvedejo želeno akcijo (nakup, kontakt, prijava). Temelji na A/B testiranju, heatmap analizi in user research.
Primer: Spletna trgovina z 2 % konverzijo lahko z optimizacijo nakupnega procesa doseže 3,5 %, kar pomeni 75 % več prodaj brez dodatnega prometa.
CSS
CSS (Cascading Style Sheets) je jezik za oblikovanje HTML elementov — barve, tipografije, postavitve, animacij. Skupaj s HTML in JavaScript tvori temelje frontend razvoja.
Primer: CSS pravilo h1 { color: blue; font-size: 32px; } pomeni, da bodo vsi H1 naslovi modri in v velikosti 32 piksla.
CTA
CTA (Call to Action / poziv k akciji) je element, ki spodbudi obiskovalca k konkretni akciji — gumb, povezava, slika ali besedilo. Učinkovit CTA je viden, jasen, kratko ubeseden in obljublja vrednost.
Primer: ‘Naroči brezplačen posvet’ je močnejši CTA kot ‘Klikni tukaj’, ker pojasni, kaj bo uporabnik dobil.
D
DNS
DNS (Domain Name System) je internetna telefonska imeniška knjiga, ki domeno (npr. aiemedia.si) prevede v IP naslov strežnika (npr. 192.0.2.1). Brskalnik nato pošlje zahtevo na ta IP.
Primer: DNS sprememba (A record) za prenos strani na nov strežnik traja 0–48 ur za polno propagacijo.
Domena
Domena je naslov spletne strani v človeku berljivi obliki (npr. aiemedia.si). DNS sistem prevaja domeno v IP naslov strežnika. Najpogostejše končnice: .si (Slovenija), .com (komercialne), .eu (Evropa), .net.
Primer: aiemedia.si registrirana preko ARNES (slovenski registrar), letna cena 19–25 EUR.
E
E-commerce
E-commerce (elektronsko poslovanje) je prodaja izdelkov ali storitev preko spleta. Obsega B2C (potrošniki), B2B (med podjetji), C2C (med posamezniki) in D2C (proizvajalec → potrošnik). Najpopularnejše platforme: WooCommerce, Shopify, Magento, PrestaShop.
Primer: Spletna trgovina z živili na WooCommerce + UPN plačilo + Pošta Slovenije dostava.
F
Favicon
Favicon (favorite icon) je majhna ikona (16×16 ali 32×32 piksla), ki se prikaže v zavihku brskalnika, zaznamkih in iskalnih rezultatih. Krepi prepoznavnost blagovne znamke v vseh točkah stika.
Primer: AIE Media favicon je stiliziran logotip ‘A’ v modri barvi — viden v zavihku Chrome, Safari in v Google iskanju ob URL-ju.
Flexbox
Flexbox (CSS Flexible Box Layout) je CSS modul za enodimenzionalno postavitev elementov v vrsti ali stolpcu. Omogoča enostavno centriranje, razporejanje in prilagajanje velikosti brez plavajočih elementov.
Primer: Navigacijski meni s 5 povezavami v vrsti, ki se na mobilnem prilagodi v navpičen seznam — implementacija z display: flex v 5 vrsticah CSS.
Frontend
Frontend je del spletne strani, ki ga uporabnik vidi in z njim neposredno interagira — postavitev, oblikovanje, vmesnik. Sestavljajo ga HTML (struktura), CSS (oblikovanje) in JavaScript (interaktivnost).
Primer: Klik na gumb ‘Pošlji’ je frontend dogodek, ki sproži backend obdelavo (shranjevanje v bazo, pošiljanje emaila).
G
GDPR
GDPR (General Data Protection Regulation, Splošna uredba o varstvu podatkov) je zakonodaja EU, ki ureja zbiranje in obdelavo osebnih podatkov. Velja od 25. maja 2018. Spletne strani morajo imeti politiko zasebnosti, cookie consent in možnost izbrisa podatkov.
Primer: Spletna trgovina mora pred shranjevanjem podatkov stranke pridobiti izrecno soglasje (opt-in checkbox).
Gostovanje (hosting)
Gostovanje (hosting) je storitev, ki omogoča, da je spletna stran dostopna na internetu. Strežnik gostitelja shranjuje datoteke (HTML, slike, baza podatkov) in jih dostavlja obiskovalcem. Vrste: deljeno, VPS, namenski, cloud, managed WordPress.
Primer: Slovenski ponudniki: Domovanje, NEEN, Hosting Tomaž. Cena: 5–25 EUR/mesec za malo poslovno stran.
Grid
Grid (CSS Grid Layout) je CSS modul za dvodimenzionalno postavitev elementov (vrste in stolpci hkrati). Močnejši od flexbox-a za kompleksne postavitve, kot so dashboardi, galerije in revialne (magazine) postavitve.
Primer: Galerija slik 4×3 (4 v vrsti, 3 vrste) v fiksnem razmerju je z grid-om implementirana v 3 vrsticah CSS.
H
Hero section
Hero section je vrhnji odsek spletne strani — prvo, kar uporabnik vidi. Vsebuje glavni naslov (headline), podnaslov, ključno sliko ali video in primarni CTA. Cilj: v 3 sekundah pojasniti, kaj stran ponuja in kaj naj uporabnik naredi.
Primer: Hero section: ‘Digitalna agencija za rast vašega podjetja’ + gumb ‘Naroči posvet’ + slika ekipe v ozadju.
Hover
Hover je stanje elementa, ko uporabnik premakne kazalec miške nadenj (brez klika). Pogosto se uporablja za vizualno povratno informacijo — gumb spremeni barvo, slika potemni, povezava se podčrta.
Primer: CTA gumb ‘Naroči’ je standardno modri (#0066CC), na hover postane temnejši (#0052A3) — uporabnik ve, da je gumb interaktiven.
HTML
HTML (HyperText Markup Language) je standardni jezik za strukturiranje spletne strani. Z elementi (tags) označimo naslove, odstavke, slike, povezave in obrazce. Brez HTML ni spletne strani.
Primer: <h1>Naslov strani</h1> ustvari glavni naslov, <a href=’…’>povezava</a> ustvari klikno povezavo.
I
Informacijska arhitektura
Informacijska arhitektura (IA) je organizacija in struktura vsebin spletne strani — kako so podstrani povezane, kakšna je hierarhija, kako jih uporabnik najde. Dobra IA naredi navigacijo intuitivno in zniža bounce rate.
Primer: Drevo: Domov → Storitve → SEO / PPC / Web Design → Konkretne storitvene podstrani. Vsaka raven je en klik proč.
J
JavaScript
JavaScript je programski jezik, ki dodaja interaktivnost spletni strani — dinamični obrazci, drsniki, animacije, AJAX zahteve. Skupaj s HTML in CSS tvori temelje frontend razvoja. Tudi backend lahko teče na JS (Node.js).
Primer: Klik na gumb ‘Več’ razširi prikrit del besedila — implementacija z JavaScript dogodkom onclick.
L
Landing page (pristajalna stran)
Landing page (pristajalna stran) je samostojna spletna stran z enim ciljem — pridobiti kontakt, prodati izdelek ali prijaviti uporabnika. Brez glavne navigacije, brez distrakcij. Uporablja se za Google Ads, Facebook oglase in e-mail kampanje.
Primer: Pristajalna stran za webinar ‘SEO osnove’: samo naslov, kratek opis, obrazec za prijavo (ime + email) in gumb ‘Prijavi se’.
Lazy loading
Lazy loading je tehnika, kjer se vsebina (predvsem slike in iframe-i) naloži šele, ko uporabnik priscrolla blizu — ne ob prvem nalaganju strani. Pohitri začetno nalaganje za 30–60 %.
Primer: Atribut loading=’lazy’ na slikah pod fold-om — slika se naloži, ko je uporabnik 200 piksla od nje.
M
Mega menu
Mega menu je razširjen navigacijski meni, ki ob hover-u pokaže več kategorij, podkategorij in slik hkrati. Primeren za strani z veliko vsebine — e-commerce, korporativne portale, izobraževalne platforme.
Primer: Mercator spletna trgovina: hover na ‘Hrana’ odpre mega menu z 8 kategorijami in slikami izdelkov.
Meta description
Meta description je 150–160-znakovni opis strani v HTML head sekciji, ki se prikaže v Google iskalnih rezultatih pod naslovom (title). Vpliva na CTR (delež klikov) v iskalnikih, čeprav ne na uvrstitev neposredno.
Primer: ‘Profesionalno oblikovanje spletnih strani v Sloveniji od 800 EUR. WordPress, e-commerce, korporativne strani. Brezplačen posvet.’ (155 znakov).
Mockup
Mockup je statična vizualizacija končne spletne strani — z barvami, tipografijo, slikami in pravimi vsebinami, vendar brez interaktivnosti. Naročnik ga potrdi pred razvojem. Standardno orodje: Figma.
Primer: Mockup domače strani v Figma vsebuje hero section, 3 storitvene kartice, blok zaupanja in footer — natanko tako, kot bo delovala končna stran.
N
Navigacija
Navigacija je sistem povezav, ki uporabniku omogoča premik po spletni strani. Glavne vrste: glavna navigacija (top menu), footer navigacija, breadcrumb, kontekstne povezave znotraj vsebine.
Primer: Glavna navigacija AIE Media: Domov, Storitve, Portfolio, Blog, Kontakt — pet točk, dovolj za predstavitveno stran.
P
Parallax
Parallax je vizualni učinek, kjer se ozadje premika počasneje od predmetov v ospredju med scrollanjem. Daje občutek globine. Uporaba je modna, vendar zmanjšuje hitrost in dostopnost — uporabljaj zmerno.
Primer: Hero section s sliko gora v ozadju, ki se premika upočasnjeno proti tekstu in CTA-ju v ospredju.
Pixel
Pixel (slikovni element) je najmanjša enota digitalnega zaslona. Velikost ekranov, slik in CSS dimenzij pogosto merimo v pikslih (px). Sodobni zasloni imajo gostoto 96–326 pikslov na palec (DPI).
Primer: Hero slika ločljivosti 1920×1080 px je standardna za Full HD desktop zaslone. Mobilni zasloni iPhone 15 imajo 2556×1179 px.
Piškotki (cookies)
Piškotki (cookies) so majhne tekstovne datoteke, ki jih spletna stran shrani v brskalnik uporabnika. Vrste: nujni (delovanje strani), funkcionalni (preference), analitični (Google Analytics), oglaševalski (Facebook Pixel). GDPR zahteva izrecno soglasje za vse, razen nujne.
Primer: Cookie consent obvestilo ob prvem obisku — ‘Sprejmi vse / Nastavitve / Zavrni’ — uporabnik izbere, kateri piškotki se shranijo.
R
Redirect (preusmeritev)
Redirect je samodejna preusmeritev z enega URL-ja na drugi. 301 (trajna) ohrani SEO uvrstitve in linke, 302 (začasna) ne. Uporablja se pri prenovi strani, spremembi URL strukture ali odstranitvi vsebine.
Primer: Stara stran /storitve/seo prestavljena na /service/seo-optimizacija — 301 preusmeritev v .htaccess datoteki.
Responsive
Responsive (odzivno oblikovanje) je pristop, kjer se spletna stran prilagodi različnim velikostim zaslonov — od mobilnega telefona do širokega monitorja. Temelji na CSS media queries, fleksibilnih mrežah (flexbox, grid) in relativnih enotah (%, vw, rem).
Primer: 3-stolpčna postavitev na desktopu (1200 px), 2-stolpčna na tablici (768 px), 1-stolpčna na mobilnem (480 px).
S
Schema markup
Schema markup (strukturirani podatki) je standardiziran kod (JSON-LD), ki Googlu pojasni vsebino strani — Article, Product, FAQ, Recipe, Review, Organization. Omogoča rich snippets v iskalnih rezultatih (zvezdice, ceno, FAQ razdelek).
Primer: FAQPage schema na blog članku omogoča, da Google v rezultatih prikaže razprostrte FAQ vprašanja in odgovore.
SEO
SEO (Search Engine Optimization, optimizacija za iskalnike) je proces izboljšanja vidnosti spletne strani v Googlu in drugih iskalnikih. Obsega tehnično SEO (hitrost, struktura, mobilnost), on-site SEO (vsebina, naslovi, povezave) in off-site SEO (povratne povezave).
Primer: Stran z dobrim SEO se za ključno besedo ‘izdelava spletnih strani Slovenija’ pojavi v top 3 rezultatih.
Sitemap
Sitemap (zemljevid spletne strani) je XML datoteka, ki Googlu sporoči, katere strani obstajajo in kako pogosto se posodabljajo. Pomaga pri indeksaciji, predvsem na velikih straneh. Naloži se v Google Search Console.
Primer: aiemedia.si/sitemap.xml — vsebuje seznam vseh blog postov, storitev in podstrani z datumi zadnje posodobitve.
SSL
SSL (Secure Sockets Layer) je protokol, ki šifrira komunikacijo med brskalnikom in strežnikom. Spletne strani s SSL imajo URL z https:// (ne http://) in zeleno ključavnico v naslovni vrstici. Obvezen za vse strani od leta 2018.
Primer: Brezplačen Let’s Encrypt SSL certifikat se obnavlja avtomatsko vsake 3 mesece — nameščen pri vseh resnih ponudnikih gostovanja.
T
Tema (theme)
Tema (theme) je vnaprej izdelan komplet datotek (PHP, CSS, JS, slike), ki določa videz in funkcionalnost WordPress spletne strani. Brezplačne in plačljive teme se kupujejo na ThemeForest, Elegant Themes, StudioPress.
Primer: Astra tema je najpopularnejša brezplačna WordPress tema (1+ milijon aktivnih namestitev), znana po hitrosti in fleksibilnosti.
Tipografija
Tipografija je oblikovanje besedila — izbira pisav (font), velikosti, razmika med vrsticami (line-height), razmika med črkami (letter-spacing) in hierarhije (H1 > H2 > H3 > body). Močno vpliva na berljivost in vizualno identiteto.
Primer: Pari pisav: Inter (heading) + Source Serif Pro (body), ali Montserrat (heading) + Open Sans (body) — kontrast med oblikami daje karakter.
U
UI (user interface)
UI (User Interface, uporabniški vmesnik) je vizualni del spletne strani, s katerim uporabnik interagira — gumbi, obrazci, ikone, postavitev, barve, tipografija. UI design je vizualno oblikovanje vmesnika.
Primer: UI elementi pristajalne strani: hero slika, naslov v Inter Bold 48 px, primarni CTA gumb v zeleni (#10B981), sekundarna povezava v sivi.
UX (user experience)
UX (User Experience, uporabniška izkušnja) je celovito doživetje uporabnika ob obisku spletne strani — kako enostavno najde informacijo, opravi nalogo in se počuti med tem. UX design je optimizacija tega doživetja.
Primer: Dobra UX: 3-koračno naročanje (izberi, vnesi, potrdi). Slaba UX: 7-koračno naročanje z obveznim računom in 12-poljnim obrazcem.
V
Viewport
Viewport je vidno območje spletne strani v brskalniku — širina in višina, ki ju uporabnik trenutno vidi. HTML meta tag <meta name=’viewport’ content=’width=device-width, initial-scale=1′> omogoča pravilno prikazovanje na mobilnih napravah.
Primer: Viewport iPhone 15 v portretni orientaciji: 393×852 piksla. Viewport namiznega Full HD: 1920×1080 piksla.
Vtičnik (plugin)
Vtičnik (plugin) je dodatek, ki razširi funkcionalnost CMS-a — npr. WordPress vtičnik za SEO, kontaktni obrazec, varnostni požarni zid. WordPress vtičnik repozitorij vsebuje 60.000+ brezplačnih vtičnikov.
Primer: Rank Math (SEO), Contact Form 7 (obrazci), Wordfence (varnost), WP Rocket (cache) — minimum za vsako poslovno stran.
W
WebP
WebP je sodoben slikovni format, razvit v Googlu, ki omogoča 25–35 % manjše datoteke kot JPG ali PNG ob enaki kakovosti. Podprt v vseh sodobnih brskalnikih (Chrome, Firefox, Safari, Edge).
Primer: Slika hero sekcije v JPG: 380 KB. Ista slika v WebP: 245 KB → 35 % hitrejše nalaganje.
Whitespace
Whitespace (negativni prostor, prazen prostor) je prazno območje med elementi spletne strani. Ne pomeni ‘bel’ — lahko je katerakoli barva ozadja. Močno vpliva na berljivost, fokus in občutek premium.
Primer: Apple spletna stran ima velike količine whitespace okoli izdelkov — daje občutek prestiža in osredotoča pozornost na izdelek.
Wireframe
Wireframe je nizko-natančna skica spletne strani v sivinah — brez barv, slik in tipografije. Pokaže razporeditev elementov in informacij. Naredi se pred vizualnim oblikovanjem (mockup-om).
Primer: Wireframe domače strani: pravokotnik za hero, 3 manjši pravokotniki za storitve, blok z ikonami za zaupanje, footer — vse v sivih okvirjih.
WooCommerce
WooCommerce je brezplačen WordPress vtičnik za izdelavo spletnih trgovin. Najpopularnejša e-commerce platforma na svetu (28 % vseh spletnih trgovin). Podpira fizične in digitalne izdelke, naročnine, plačilne sisteme.
Primer: Slovenska trgovina z butičnimi izdelki na WooCommerce + Stripe (kartice) + UPN (banka) + Pošta Slovenije (dostava).
WordPress
WordPress je odprtokoden CMS, ki poganja 43 % vseh spletnih strani na svetu. Brezplačen, fleksibilen, podpira teme in vtičnike. Razlika: WordPress.org (samo-gostovan) vs WordPress.com (gostovan v oblaku).
Primer: Spletne strani Sony Music, TechCrunch in Beyoncé.com tečejo na WordPress.
Pogosta vprašanja o izrazih spletnega oblikovanja
1. Kakšna je razlika med UX in UI?
UX (uporabniška izkušnja) je celovito doživetje obiskovalca — koliko korakov potrebuje za nakup, kako enostavna je navigacija, kako se počuti pri uporabi. UI (uporabniški vmesnik) je vizualni del, s katerim interagira: barve, gumbi, tipografija. UI je del UX-a.
2. Kakšna je razlika med frontend in backend?
Frontend je del spletne strani, ki ga uporabnik vidi (HTML, CSS, JavaScript) — postavitev, oblikovanje, interaktivnost. Backend je strežniški del v ozadju (PHP, baza podatkov) — registracije, plačila, shranjevanje vsebin. Brez obeh ni delujoče spletne strani.
3. Ali potrebujem WordPress ali stran po meri?
Za 90 % poslovnih primerov zadostuje WordPress — hitra izdelava, samostojno urejanje, nizki stroški vzdrževanja. Spletna stran po meri je smiselna za kompleksne integracije, rezervacijske sisteme ali strateške digitalne produkte. Več v članku WordPress spletna stran.
4. Kaj so Core Web Vitals in zakaj so pomembni?
Core Web Vitals so trije Googlovi kazalniki uporabniške izkušnje: LCP (hitrost prikaza glavne vsebine), INP (odzivnost na interakcije) in CLS (vizualna stabilnost). Vplivajo na SEO uvrstitve od leta 2021 — slabi rezultati znižajo organski promet.
5. Ali potrebujem SSL certifikat za spletno stran?
Da, SSL certifikat je obvezen od leta 2018. Brez njega Google Chrome označi stran kot ‘ni varna’, kar uniči zaupanje obiskovalcev. Brezplačen Let’s Encrypt certifikat se nastavi v 5 minutah pri vseh resnih ponudnikih gostovanja.
6. Kakšna je razlika med wireframe in mockup?
Wireframe je nizko-natančna skica strani v sivinah, brez barv in slik — pokaže razporeditev elementov. Mockup je visoko-natančna vizualizacija s pravimi barvami, tipografijo in vsebinami. Wireframe pride pred mockup-om v procesu oblikovanja.
Leave a comment