Skip to main content

Webbrelaterade begrepp att ha koll på

Det finns många tekniska termer att ha koll på när det gäller en webbplats. Vi har här samlat ett gäng begrepp som kan vara bra att ha koll på.

Alt-text

En text som beskriver innehållet i en bild. Med den kan de som använder uppläsningsprogram få ta del av vad bilden föreställer. Även bra för sökmotorerna som inte kan se bilden att få mer information om vad det är på den.

API

Ett API, Application Programming Interface, är ett verktyg som gör att olika mjukvaror kan prata med varandra. Det gör det enkelt för olika system att utbyta information utan att behöva veta hur den andra sidan fungerar. Ett exempel på detta är Google Maps API där man kan använda data från deras kartfunktion på sin egen webbplats.

Backend

Backend är den del av en webbplats eller applikation som användaren inte ser. Det är där data lagras och bearbetas, och det hanterar funktioner som databaser, servrar och logik som stöder frontend, den synliga delen av webbplatsen eller applikationen som användaren interagerar med. Se även frontend.

Brödsmulor/Breadcrumbs

En navigering som hjälper till att hålla reda på var i webbplatsens sidstruktur man befinner sig och som man kan använda för att klicka sig tillbaka.

Breadcrumbs på en webbsida.

Bugg

Ett fel som uppstått och som kan göra att en viss funktion inte fungerar som den ska eller att innehållet visas på fel sätt.

Cache

En cache är ett tillfälligt lagringsutrymme där data sparas för snabbare åtkomst vid framtida behov. Det gör att program och webbplatser kan laddas snabbare genom att återanvända tidigare hämtad information.

CMS (Content Management System)

Plattformar som gör det möjligt att skapa och uppdatera en webbplats utan att behöva skriva kod. WordPress är ett exempel på detta.

Cookies

Information som lagras i webbläsaren för att antingen spåra användarens aktivitet eller för att t.ex. komma ihåg inloggningsuppgifter. Enligt GDPR-lagen måste användaren godkänna att cookies lagras, därför ser man ofta en pop-up med alternativ för cookies.

CSS

Ett kod-språk som används för att stilsätta webbplatsen. Här bestäms bl.a. vilka färger och typsnitt som ska användas och hur stora de olika elementen ska vara. Man särskiljer utseendet från innehållet med hjälp av CSS.

Call to Action

En uppmaning till besökaren om att göra något. Kan vara att köpa något eller prenumerera på ett nyhetsbrev. Det görs genom en uppmaning i text och att tydligt visa var man ska klicka.

Databas

Ett system som gör det möjligt att lagra, hantera och hämta information. Exempelvis läggs all information på en webbplats som byggts med WordPress i en databas. När besökaren går till en undersida hämtas innehållet i databasen och presenteras på webbplatsen.

Domän

En unik adress till en webbplats som även kan användas för e-post. Domänen är som webbplatsens gatuadress, vår är odd.se. Det går att använda åäö i domänerna men det går inte att ha en e-post på domäner med åäö i sig.

Drop-down-meny

En undermeny på webbplatsen som först är dold och visas när användaren för muspekaren över eller har klickat på ett alternativ i huvudmenyn.

Favicon

En ikon för webbplatsen som visas i webbläsarens flikar. Samma ikon visas också när användaren har sparat ett bokmärke i sin webbläsare.

Favicon för en webbplats.

Frontend

De delar av en webbplats som är synliga och som man kan interagera med. Se även backend.

Hamburgermeny

En navigeringsmeny (vanligtvis tre streck) som ligger dold och öppnas när man klickat på den. Används ofta på mobilen för att spara utrymme på den lilla skärmen men idag är det allt vanligare att det även används på stora skärmar.

En hamburgermeny i mobilversionen av en webbplats.

Hero

Den övre sektionen av webbplatsens startsida som besökaren ser allra först. Den används ofta till en presentation av företaget, en call-to-action eller viktig information.

Hovereffekt

Hur ett element ändrar utseende när man för muspekaren över det, som den här länken som ändrar färg. Det används för att visa användaren att ett element är klickbart.

HTML

Ett kod-språk som används för att bygga upp webbplatsens struktur och innehåll.

JavaScript

Ett programmeringsspråk som används för att skapa funktioner på webbplatsen.

Landningssida

En tillfällig eller alternativ startsida på webbplatsen som kan användas för att göra besökaren uppmärksam på något särskilt. Man kan länka till den från t.ex. en kampanj eller annons för att visa innehåll som är relevant för just det.

Nyckelord

Ord och fraser som har med branschen och företaget att göra och som folk skulle kunna söka efter. Genom att inkludera dem i texter på webbplatsen kan den hamna i fler sökresultat på t.ex. Google. Se även SEO.

Pop-up

Ett fönster som öppnas över webbsidan och kan användas för information, få fler mailprenumeranter, ge rabatter i en e-handel eller en call-to-action.

Responsiv design

Att webbplatsens design är anpassad för att kunna visas på olika skärmstorlekar.

SEO (Search Engine Optimization)

SEO, eller sökmotoroptimering, är processen att förbättra en webbplats för att öka dess synlighet i sökmotorernas organiska (icke-betalda) sökresultat. Det innebär att göra förändringar i innehåll och struktur för att göra webbplatsen mer attraktiv för sökmotorer som Google.

Sidfot

Sektionen längst ner på en webbplats. Ofta innehåller den kontaktuppgifter, länkar och information om upphovsrätt.

Tillgänglighet

Att utforma en webbplats på ett sätt så den kan användas av alla, oavsett funktionsnedsättningar.

URL

Den fullständiga webbadress som används för att hitta specifika sidor på webben, t.ex. https://www.odd.se/blogg/

Webbhotell

Där läggs webbplatsen rent fysiskt. Du hyr utrymme på en server för att placera webbplatsen och betalar en avgift för det. Det är ofta där där du även har domänen och er e-post.

 

Dags att se över webbplatsen?

Behöver du hjälp med att styra upp er webbplats? Läs mer här, eller hör av dig på hej@odd.se så ser vi tillsammans över hur vi kan vidareutveckla den.

”Vem” är ert varumärke? Ta fram en varumärkespersona

Det pratas ofta om vikten att skapa en persona (fiktiv person som liknar er målgrupp) utifrån de ni vill nå. I denna artikel vill jag vända på detta och istället be dig se ert varumärke som en person – vem är det? Och skapa en varumärkespersona. Om Volvo, Spotify eller Odd var personer – hur skulle de vara? Troligen rätt olika. Precis som vi människor är unika så är även företag och varumärken det.

En bra övning

När vi har en ny kund som vi ska hjälpa med en mer komplett grafisk profil så håller vi i en workshop först för att få fram allt vi behöver. För innan vi kommer till själva arbetet med det grafiska vill vi skapa en grund för varumärket, hur ska det kännas och upplevas? Här har vi ett par övningar vi kör och en av dem är att föreställa sig sitt varumärke som en person. Genom att svara på frågor som nedan blir det enklare att forma varumärket. Vi har ofta lättare för att beskriva en person än ett varumärke. Om vi tar Odd som exempel:

  • Hur ser Odd ut?
  • Hur låter Odd?
  • Vad tycker andra om Odd?
  • Vad vill vi att andra ska tycka om Odd?
  • Vad är viktigt för Odd när det gäller kunder, personal, arbetsmiljö, företagskultur, leveranser av våra produkter och tjänster osv?
  • Finns det något Odd tar tydlig ställning i vad gäller exempelvis miljö, politik, samhälle, ekonomi, rättigheter osv?
  • Hur skulle Odd hantera ett problem som uppstår?
  • Vilket konferensbord skulle Odd välja?

För mig som skapat Odd så vet jag svaren på ovan, och nej det är inte relaterat till bilden i denna artikel 😉

Det blir så mycket enklare att hantera val när man tänker på det här sättet och förstå vikten av att alltid ha sitt varumärke i åtanke. På vårt kontor är det exempelvis enbart möbler i svart eller ljusare trä. Stilen är industriell kombinerat med en skandinavisk touch men med några kreativa detaljer och möjligen något i ljusgrått eller knallgult. Så om vi ska köpa ett nytt konferensbord och vi har ett par vi väljer på, vilket skulle Odd välja? Knappast det rosa eller vita. Inte heller det med snirkliga smidesdetaljer. Valet blir då rätt lätt och det spelar ingen roll om vd:n eller en anställd gillar det rosa. Ska vi följa varumärket så är det Odd som bestämmer och då vet vi svaret. Genom att följa detta i allt, stort som litet så bygger vi vårt varumärke.

Nu är det din tur att testa

Om du reflekterar över ovan och sätter ert företagsnamn i dessa frågor och tänker igenom svaren. Är det lätt att svara på dem eller blir det rörigt? Om ni har ett tydligt varumärke kommer det bli rätt enkelt. Visst kan det kräva några tankeomgångar men med lite övning så kommer du se att det blir lättare och lättare. Titta sen på alla era kanaler som ni kommunicerar genom – skulle er ”varumärkespersona” säga eller skriva detta? Skulle hen vilja ändra på något?

När ni stöter på en utmaning i verksamheten kan ni lösa den genom att tänka; – Hur skulle ”varumärket” göra? Då vävs verksamhetens grundvärden in i beslutet vilket ofta gör det enklare.

Är detta något ni skulle vilja ha hjälp med?

Hör av dig om ni går i tankarna att göra om er grafiska profil eller se över ert varumärke. Kontakta mig på nina@odd.se eller använd vårt kontaktformulär.
Se hur vi hjälpt andra företag. Läs mer om grafisk profil och varumärkesdesign.

Nina Möller
Varumärkesdesigner 

Årets färg 2024 – varm och helande

Pantone* har släppt årets färg för 2024 och det är PANTONE 13–1023 Peach Fuzz. Det är en varm ton av persika som är sofistikerad och elegant, med ett djup som fångar längtan efter att få rå om oss själva och andra. Färgen representerar både en känsla av samhörighet och lugnet och stillheten som man kan uppleva i sin egen fristad. Enligt Pantone berikar färgen sinne, kropp och själ. Den kan hjälpa oss att finna ro och påverkar vårt välbefinnande från insidan. I en värld där produktivitet och prestation värdesätts allra mest kan Peach Fuzz få oss att minnas vikten av att ta hand om vårt inre.

Fortsätt läsa

Cookies på webbplatsen – vad är det som gäller och hur vet du om er webb använder cookies?⁠

Idag behövs det en bra tjänst som visar för era besökare om webbplatsen sparar information om dem. De behöver få veta vad som sparas och hur länge och de måste få bestämma själva om de är ok med detta eller inte. Informationen som sparas brukar läggas i en fil som kallas för en cookie. Denna cookie vill webbplatsen placera på besökarens dator eller mobil vid besöket.

Fortsätt läsa

Kick-off och 20 år

I förra veckan stängde vi kontoret torsdag till fredag och begav oss till Ästad vingård. Där hade vi konferens kombinerat med spa i en helt magisk miljö. En härlig kick-off inför hösten och dessutom för att fira att det nu i september är 20 år sedan den här verksamheten startade. Något vi kommer att fira mer innan året är slut 🙂

Fortsätt läsa

Fem steg för en tydligare webbplats

Här kommer enkla tips som kan göra stor skillnad på er webbplats. När en besökare kommer in på webbplatsen, oavsett om det är startsidan eller en undersida, har vi inte lång tid på oss att förmedla vilka vi är och vad vi kan hjälpa till med. Nyckeln här är tydlighet och här kommer några av våra bästa tips för att lyckas med detta.

Fortsätt läsa