Webbyrå-jargongförklarad på svenska

Språket som beskriver innehållet och strukturen på en webbsida.

HTML talar om vad varje del av sidan är, alltså rubrik, stycke, bild, länk eller formulär. Sökmotorer och skärmläsare läser den strukturen, så rätt HTML är både en SEO-fråga och en tillgänglighetsfråga. En sida med en tydlig rubriknivå går att tolka maskinellt, en sida byggd av namnlösa rutor gör det inte.

Språket som styr hur sidan ser ut, med färg, typsnitt, layout och rörelse.

CSS hålls separat från innehållet, så samma HTML kan se olika ut på mobil och desktop. Modern CSS klarar layout, animation och mörkt läge utan JavaScript, vilket håller sidan snabb. Ramverk som Tailwind är CSS med färdiga byggstenar.

Programmeringsspråket som gör en sida interaktiv i besökarens webbläsare.

JavaScript driver menyer, formulärvalidering, filter, chattar och allt annat som reagerar utan att sidan laddas om. Varje kilobyte kod måste laddas ner och köras av besökarens telefon, så mängden JavaScript är ofta den enskilt största orsaken till en långsam sajt.

Vi bygger snabba hemsidor

Bibliotek från Meta för att bygga användargränssnitt av återanvändbara komponenter.

I React beskrivs gränssnittet som komponenter som uppdaterar sig själva när datan ändras. Det passar system med mycket interaktion, som kundportaler och CRM. Next.js är ett ramverk ovanpå React som lägger till routing och rendering på server.

Strukturerad lagring av systemets data, till exempel kunder, ordrar och inlägg.

Relationsdatabaser som PostgreSQL och MySQL lagrar data i tabeller med tydliga relationer och passar affärssystem. Dokumentdatabaser som MongoDB lagrar friare strukturer. Databasen är den del som måste säkerhetskopieras mest noggrant. Koden går att bygga om, datan går inte att återskapa.

Systemutveckling

Frågespråket som används för att hämta och ändra data i en relationsdatabas.

Med SQL beskriver man vilken data man vill ha, inte hur den ska hämtas. En fråga kan till exempel vara alla ordrar från kunder i Östergötland de senaste 30 dagarna. Samma språk används för att lägga till, ändra och radera poster. Det praktiska värdet för ett företag är att data i en SQL-databas går att plocka ut i vilken form som helst, till rapporter, exporter eller en integration, utan att systemet behöver byggas om.

Anpassade system och rapporter

Textformat för att skicka strukturerad data mellan system.

Nästan alla API:er svarar med JSON: en uppsättning fält och värden som både människor och maskiner kan läsa. När en hemsida kopplas ihop med Fortnox, ett CRM eller ett bokningssystem är JSON oftast formatet som datan reser i.

Vanligaste sättet att bygga ett API, där varje resurs har en egen adress.

I ett REST-API motsvarar en adress en sak, till exempel /kunder/123, och HTTP-metoden säger vad som ska hända, alltså hämta, skapa, uppdatera eller radera. Standarden gör att två system som aldrig sett varandra ändå kan prata ihop sig. Alternativ finns, som GraphQL, där den som frågar själv beskriver exakt vilka fält den vill ha.

Internets adressbok, som översätter domännamn till serverns IP-adress.

När någon skriver elithan.se frågar webbläsaren DNS var sajten ligger. DNS-posterna styr också e-post (MX), verifieringar (TXT) och underdomäner (CNAME). Ändringar slår igenom olika snabbt hos olika operatörer beroende på TTL, vanligen inom några minuter till ett dygn. Därför planeras en flytt i förväg och görs inte en fredag eftermiddag.

Nät av servrar runt om i världen som levererar sajten från närmaste plats.

Med CDN hämtas bilder, CSS och ofta hela sidor från en server nära besökaren i stället för från en enda maskin. Det kortar laddtiden, jämnar ut trafiktoppar och skyddar mot enklare överbelastningsförsök. Vercel och Cloudflare är två vanliga leverantörer.

Sparad kopia av ett svar, så att samma arbete inte behöver göras om.

Cache finns i flera lager, i besökarens webbläsare, i CDN:et och i applikationen. Rätt inställd gör den återbesök nästan omedelbara. Fel inställd visar den gammalt innehåll efter en uppdatering, vilket är anledningen till att en publicering ibland följs av en tömning av cachen.

Instruktion som permanent skickar en gammal adress vidare till en ny.

Vid en omstrukturering eller flytt av sajten är 301:orna det som räddar rankningen: Google för över sidans värde till den nya adressen och besökare med gamla länkar hamnar rätt. En 302 är tillfällig och för inte över värdet på samma sätt. Saknas redirects blir resultatet 404-sidor och tappade positioner.

SEO vid sajtbyte

Sifferkoden servern svarar med, som talar om hur en begäran gick.

200 betyder att allt gick bra, 301 och 302 att sidan flyttat, 404 att adressen inte finns och 500 att något gick fel på servern. Koderna styr hur sökmotorer behandlar sidan. En trasig sida som felaktigt svarar 200 kan bli indexerad, medan en fungerande sida som svarar 404 försvinner ur sökresultatet.

Tre DNS-poster som bevisar att mejl från er domän är äkta.

SPF listar vilka servrar som får skicka mejl i ert namn, DKIM signerar varje utskick och DMARC talar om vad mottagaren ska göra när kontrollen misslyckas. Utan dem hamnar formulärsvar och nyhetsbrev lätt i skräpposten, och domänen blir enklare att förfalska.

Inloggning som kräver både lösenord och en andra kod, oftast från mobilen.

Med 2FA räcker det inte att någon kommer över lösenordet. Engångskoder från en app är säkrare än koder via SMS. Åtminstone admin-kontot på hemsidan, domänkontot och mejlkontot bör ha 2FA påslaget, eftersom de tre nycklarna räcker för att ta över hela den digitala närvaron.

Filter framför hemsidan som stoppar kända angrepp innan de når koden.

En WAF blockerar bland annat inloggningsförsök i mängd, SQL-injektion och trafik från kända botnät. Den ersätter inte uppdaterad kod och starka lösenord, men tar bort en stor del av bruset. Cloudflare och de flesta moderna driftleverantörer har WAF inbyggt.

Underhåll och säkerhet

Kopia av sajt och databas som går att återställa när något går fel.

En användbar backup är automatisk, lagrad någon annanstans än på samma server och testad genom en riktig återställning. Fråga alltid leverantören hur ofta kopian tas, hur länge den sparas och hur lång tid en återställning tar. En backup som aldrig har testats är en förhoppning, inte ett skydd.

Kopia av sajten där ändringar testas innan de går live.

I stagingmiljön går det att prova uppdateringar, ny design och nya funktioner utan att besökarna påverkas. Miljön hålls utanför sökmotorernas index och innehåller helst samma data som produktion, så att fel upptäcks före publicering i stället för efter.

System som sparar varje kodändring och gör det möjligt att gå tillbaka.

All kod ligger i ett Git-repo där varje ändring är märkt med vem, när och varför. En trasig uppdatering kan rullas tillbaka på minuter och flera utvecklare kan jobba parallellt. För er som kund betyder det också att koden är portabel: repot går att lämna över till en annan leverantör.

Andelen tid sajten svarar som den ska, mätt över en period.

99,9 procent uptime motsvarar knappt 45 minuters nertid per månad. Siffran är meningsfull först tillsammans med övervakning som larmar när sajten ligger nere, och ett avtal som säger hur snabbt felet ska åtgärdas.

Internationell standard för hur en hemsida görs användbar för alla.

WCAG ställer krav på bland annat kontrast, tangentbordsnavigering, alt-texter och tydliga formulärsfel. Nivå AA är det som brukar gälla i upphandlingar och som EU:s tillgänglighetsdirektiv utgår från. Mycket av arbetet, som korrekt HTML och läsbar kontrast, gynnar dessutom SEO och alla besökare.

Inställning eller nyckel som ligger utanför koden, till exempel ett API-lösenord.

Nycklar till betaltjänster, mejlutskick och databaser läggs i miljövariabler i stället för i koden, så att de inte hamnar i versionshanteringen och kan bytas utan ny publicering. Samma kod kan då köras mot testdata lokalt och mot skarp data i produktion.

Stor språkmodell som GPT, Claude eller Gemini, tränad på enorma mängder text.

LLM:er kan generera text, sammanfatta dokument, översätta språk och föra dialoger. Används som motor i AI-chattar på hemsidor och i automation. Olika modeller har olika styrkor: GPT-4 är generalist, Claude är bra på lång kontext, Gemini integrerar tätt med Google-tjänster.

AI-chatt på hemsidan

Teknik där AI-modellen får faktagrund från era egna data innan den genererar ett svar.

Istället för att låta LLM:en gissa svaret från sin träningsdata letar RAG först upp relevant information i era dokument, FAQ:er eller produktkatalog, och låter sedan modellen formulera svaret utifrån det. Resultatet är att chatten svarar korrekt på företagsspecifika frågor.

Matematisk representation av text som AI kan jämföra för att hitta liknande innehåll.

När ni laddar upp dokument till en AI-chatt konverteras texten till embeddings som lagras i en vektordatabas. När en användare ställer en fråga konverteras frågan också till embedding, och systemet hittar de mest relevanta dokumenten via närhet i vektor-rummet.

Databas optimerad för att söka likhet mellan embeddings.

Vektordatabaser (Pinecone, Weaviate, Chroma) lagrar tusentals embeddings och kan på millisekunder hitta de mest semantiskt lika. Är grundläggande infrastruktur för RAG-system och för intelligenta sök-upplevelser på er sajt.

Instruktionen som ges till en AI-modell för att styra dess svar.

Promptens kvalitet styr direkt svarets kvalitet. En AI-chatt har en system-prompt som definierar tonläge, vad den får och inte får svara på, samt hur den ska hantera oklarheter. Bra prompt engineering är hälften av att bygga en användbar AI-chatt.

När en AI-modell svarar med fakta som låter rimliga men är felaktiga.

Hallucinationer uppstår när modellen inte har tillräcklig grund i sin träningsdata och gissar istället för att säga 'jag vet inte'. Risken minskar dramatiskt med RAG, tydliga system-prompts och regler om att hellre erkänna okunskap än att gissa.

Att vidareträna en LLM på era egna data för att specialisera den.

Fine-tuning är dyrare och mer tekniskt än RAG men ger en modell som 'kan' er bransch. För de flesta småföretag räcker RAG eftersom kostnaden och underhållet för fine-tuning sällan rättfärdigas. Fine-tuning passar när ni har stora mängder unik data och behöver konsekvent ton.

Mängden text en LLM kan hålla i 'huvudet' samtidigt.

Modellens context window mäts i tokens. GPT-4 har 128k tokens (≈ en bok), Claude har upp till 200k. Större fönster låter modellen hantera långa dokument eller långa konversationer utan att tappa tråden. Avgör hur mycket era egna data ni kan ge åt en gång.

Arbete med att öka andelen besökare som blir kunder.

CRO mäts som procent av besökare som tar ett önskat steg (köp, formulär, samtal). Förbättras genom snabbare laddtid, tydligare CTA, bättre rubriker, mindre formulärsfält och att placera trust-signaler där tveksamheten uppstår. Ett litet lyft från 1 till 2 procent dubblar leadflödet.

Andel som klickar på en länk eller annons av alla som ser den.

CTR används i SEO (klick från sökresultat), Google Ads (klick från annonser) och e-postmarknadsföring (klick i mejl). Hög CTR i sökresultat är en kvalitetssignal till Google. I annonser påverkar CTR Quality Score och därmed klickpriset.

Priset ni betalar per klick i en annons.

CPC varierar dramatiskt mellan branscher. Webbyrå-relaterade sökord ligger ofta på 15–40 kr per klick. Lågkonkurrens-nischer kan ha CPC under 5 kr. Påverkas av Quality Score (relevans), bud och konkurrens. Lägre CPC kräver bättre annonser och landningssidor.

Hur mycket intäkt ni får tillbaka per krona annonsinvestering.

ROAS på 4x innebär att 1 000 kr i annonser genererar 4 000 kr i intäkter. Räknas alltid på intäkt, inte vinst. För att förstå om annonsering är lönsam behöver ni också veta marginal: ROAS 4x på 50 procent marginal ger 2x i vinst. Mäts via konverteringsspårning i Google Ads och Meta Ads.

Digital marknadsföring

Googles annonsplattform för sökannonser, displayannonser och YouTube-annonser.

Sökannonser visas högst upp i Google-resultaten när någon söker era nyckelord. Snabbaste vägen till köpklar trafik men kostar varje klick. Bra komplement till SEO: medan SEO byggs upp under 3–6 månader fångar Google Ads den omedelbara efterfrågan.

Annonsplattform för Facebook, Instagram, Messenger och Audience Network.

Meta Ads bygger på demografisk och intresse-baserad targeting snarare än sökintention. Bra för att bygga varumärkeskännedom, retargeta tidigare besökare och nå kalla målgrupper med ett erbjudande. Lägre köpintention än Google Ads men billigare per klick.

Googles nuvarande analytics-plattform, ersatte Universal Analytics 2023.

GA4 mäter besökare, sessioner, konverteringar och beteenden över både hemsida och app. Event-baserat istället för Universal Analytics page-view-baserad modell. Levereras gratis. Kräver cookie-samtycke för full data och fungerar med Consent Mode v2 för EU-besökare.

Verktyg för att hantera tracking-skript på hemsidan utan att röra koden.

GTM samlar GA4, Meta Pixel, Google Ads conversion och andra tracking-skript i en container som administreras separat från hemsidan. Marknadsansvarig kan lägga till en ny pixel utan att en utvecklare gör en kodändring. Integreras med Consent Mode v2 för EU-compliance.

Googles ramverk för att respektera cookie-samtycke i analytics och annonser.

Consent Mode v2 är obligatoriskt för EU-trafik sedan 2024 om ni använder GA4 eller Google Ads. Det signalerar till Googles tjänster om användaren har gett samtycke, och anpassar vilken data som samlas in. Krävs en cookie-banner som fångar aktiv opt-in.

Att visa annonser till personer som tidigare besökt er hemsida.

Remarketing fungerar via cookies eller pixlar (Meta Pixel, Google Ads tagg). När en besökare lämnar sajten utan att konvertera kan ni visa dem annonser på Facebook, Instagram eller Google. Effektivt eftersom de redan visat intresse, men kräver cookie-samtycke.