En ordlista över begrepp inom design, utveckling och underhåll av moderna webbplatser.
Webbplatsutveckling
Webbplatsutveckling är processen att designa, koda, testa och publicera webbplatser. Den förenar visuella, tekniska och användarorienterade delar så att en webbplats blir tydlig, snabb, tillgänglig och fungerar korrekt på olika enheter och i olika webbläsare.
Begreppets omfattning
Området omfattar framtagning av HTML-struktur, CSS-stilar, sidlayout, navigation, formulär, grafik, ikoner, gränssnittskomponenter och konverteringsstödjande element som CTA:er och landing pages. Responsivitet, prestandaoptimering och efterlevnad av krav på digital tillgänglighet är också viktiga delar av arbetet.
Tekniker och standarder
Vanliga tekniker är HTML, CSS, JavaScript, SCSS, LESS, SVG, WebP, AVIF, Git samt verktyg för wireframes och prototyper. WCAG-standarder, semantiska HTML-rubriker, lazy loading, media queries, viewport, cross-browser compatibility och god UX-praxis har stor betydelse.
Affärsmässig betydelse
En väl utformad webbplats stärker varumärkets synlighet, försäljning, användarservice och företagets trovärdighet. Kvaliteten i implementationen påverkar SEO, laddningstid, tillgänglighet för onlinetjänster och effekten av marknadsföringskampanjer.
A/B-tester är en experimentell metod där två versioner av en webbplats, app eller gränssnittselement jämförs för att se vilken som effektivast når ett definierat affärsmål.
ATF, eller Above the Fold, är den del av en webbsida som syns utan skrollning. Optimeringen påverkar första intrycket, användbarhet, konvertering och SEO.
CTA, eller call to action, är en uppmaning som leder användaren till ett konkret steg, till exempel att köpa, kontakta företaget, registrera sig, ladda ner en fil eller se ett erbjudande.
Dofollow-attributet beskriver hur sökmotorernas sökrobotar som standard hanterar en länk. En länk kan överföra SEO-signaler till målsidan om den är värdefull, naturlig och möjlig att crawla.
European Accessibility Act är EU-lagstiftning som kräver ökad tillgänglighet till digitala produkter och tjänster för personer med funktionsnedsättning.
Facetterad navigering är ett flerkriteriefilter för produkter eller innehåll som hjälper användare att snabbt hitta relevanta resultat på stora webbplatser.
En favicon är en liten ikon som identifierar en webbplats i webbläsarflikar, bokmärken och ibland sökresultat. Läs om format, storlekar och implementering i HTML.
En hamburgermeny är en ikon med tre vågräta linjer som öppnar dold navigering på en webbplats eller i en app. Den sparar utrymme, särskilt på mobila enheter.
Headless e-handel separerar frontend från backend och kopplar samman dem via API:er. Det ger större flexibilitet, skalbarhet och stöd för flera försäljningskanaler.
