Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Table of Contents
minLevel1
maxLevel1
outlinefalse
styledisc
typelist
printablefalse

Skriva för webben

...

titleWebbtexter behöver vara lättöverskådliga

I grunden gäller samma princip att skriva begripligt och med ett mottagaranpassat språk både för webbtexter och för brukstexter. Skillnaden är att webbtexter ska läsas på skärmar (i olika format) och att nya webbsidor och texter bara är ett länkklick bort.

...

För att en text på webben ska bli läst måste den vara tydlig, enkel och ha information som är lätt för besökaren förstå. De flesta skannar av en webbsida snarare än läser den. Blicken hoppar mellan olika delar av texten på sidan i jakt på specifik information. Många läser inte mer än en femtedel av texten.

Om en

...

besökare hittar något som är intressant på webben kan

...

hen däremot välja att läsa längre texter än vad hen skulle ha gjort på papper. Därför är det extra viktigt att texter som ska skrivs för webben är lättöverskådliga och fångar

...

besökaren.

Expand
titleBörja med det viktigaste

Börja med den information som är viktigast och skriv ut det tydligt. Tänk på att många kommer direkt till webbsidor från en sökmotor.

Din text behöver kunna fungera självständigt och målgruppen för texten ska snabbt kunna förstå om innehållet är relevant för dem. 

Expand
titleVägled

...

besökaren med tydliga rubriker

...

Besökarens blick hoppar ofta mellan rubriker, lägg därför

...

extra tid på att skriva

...

informativa rubriker. Rubriken ska kunna fungera på egen hand och innehålla nyckelord som fångar besökarens intresse.

  • Lyft information både i huvudrubrik och mellanrubriker.

...

  • Var tydlig

...

  • då rubrikerna ska fånga in

...

  • besökaren.

  • Mellanrubriker ska reflektera information i kommande stycken. Den som bara läser mellanrubrikerna ska kunna få en lightversion av texten.

  • Var kortfattad. Korta rubriker är mer lättlästa, framförallt när texten ska läsas på mobil.

Expand
titleHåll ingressen kort

...

Ingressen ska låta besökaren få veta något bara genom att läsa ingressen, men också visa vad som beskrivs utförligare för hen som läser vidare. Ta därför bara med den viktigaste informationen i ingressen.

Håll dig till två eller tre meningar, om ingressen är för lång blir den svårtläst, framförallt i mobiltelefoner.

Expand
titleAnvänd korta textstycken

Dela upp längre texter i kortare stycken. Ett luftigt intryck underlättar läsningen och styckesindelning ger struktur till texten, vilket gör det enklare för

...

besökaren att förstå hur texten ska läsas.

Det finns inga tydliga regler för när ett stycke ska påbörjas. Ett riktmärke är att påbörja ett nytt stycke då texten övergår i en ny tanke. Långa resonemang eller förklaringar kan delas upp i flera stycken som bygger på varandra. Om du påbörjar ett helt nytt ämne bör sätta en rubrik innan det nya stycket.

Expand
titleSammanfatta information i punktlistor

Punktlistor är ett bra sätt för att att hjälpa

...

besökaren att snabbt hitta viktig information. Att lägga in en lista i en löpande text gör även texten mer lättläst.

  • En punktlista går snabbt att hitta och skapar luft i texten.

  • Punklistan kan vara numrerad eller onumrerad.

  • Använd bara numrerade listor om det finns en orsak att innehållet ska listas i en viss ordning.

  • Ha inte för många punkter, helst inte fler än fem till sju.

  • Varje punkt måste innehålla nya fakta.

Expand

Skrivregler

Om du vill fördjupa dig kan du läsa Myndigheternas skrivregler, en vägledning för alla som skriver inom myndigheter, kommuner och annan offentlig verksamhet.

Myndigheternas skrivregler

Expand
titleSkriv klarspråk
title

...

Läsbarheten påverkas av kursiv och fetstil i löptext på en webbsida. Därför är rekommendationen att undvika kursiv och fetstil text. Vill du ge titlar på skrifter och liknande en grafisk markering är citattecken att föredra framför kursiv text.

Understrykningar ska inte användas. Läsaren kan tro att det understrukna är en länk.

Avsluta med relaterad information

Hjälp besökaren att hitta information som kan vara intressant för hen. Rekommendationen är att länka till annat innehåll i slutet av sidan. På så sätt håller vi också ihop våra sidor på webben och skapar en struktur för hur webbplatsen ska läsas.

Skrivregler

Som en offentlig myndighet är vi skyldiga att följa språklagen och använda klarspråk. Klarspråk är språk som är vårdat, enkelt och begripligt. Det allra viktigaste är att språket är anpassat efter mottagarens behov. Detta  gäller alla språk som används på webbplatsen, inte bara svenska.

Om du vill fördjupa dig kan du läsa Myndigheternas skrivregler, en vägledning för alla som skriver inom myndigheter, kommuner och annan offentlig verksamhet.

Myndigheternas skrivregler

Expand
titleStavning

Svenska Akademiens ordlista (SAOL) är norm för hur ord stavas på universitetets webbplatser. Om flera stavningsformer anges, välj den form som ges först.

Expand
titleTonalitet och tilltal

Tonaliteten handlar om vad du säger (ord och begrepp) och hur du säger det (tilltal). Olika målgrupper kan ha olika behov och vi ska alltid anpassa ton och ordval så att det blir rätt för den tilltänka målgruppen för en text.

Använd du-tilltal när du vänder dig direkt till läsarenbesökaren, till exempel med en instruktion. Undvik däremot att skriva vi som avsändare, skriv istället Göteborgs unviersitet eller universitetet.

Expand
titleFörkortningar

Skriv ut förkortningar: skriv eventuell inte ev. och från och med inte fr.o.m. De stör läsningen och kan vara svåra för andraspråkstalare eller personer som använder hjälpmedel.

Siffror eller text?
Expand
titleSifferuttryck
  • I löpande text skrivs tal upp till tolv med bokstäver, från talet 13 och uppåt används siffror.

  • Höga ordningstal skrivs med siffror: förbundets 44:e kongress, det 18:e mötet. Lägre ordningstal skrivs vanligen med bokstäver:


Den
  • “Den fjärde rapporten var mycket mer alarmerande än den tredje.

  • Undvika att blanda siffror och text i samma textavsnitt.

Siffergrupper

  • Använd mellanslag och gruppera med tre siffor bakifrån: 5 000 istället för 5000.

Expand
titleKlockslag och datum
  • För klockslag används siffrorna 0.00–24.00. Punkt sätts mellan tim- och minutsiffrorna, och tankstreck mellan klockslag: klockan 13.00–14.00.

  • I löpande text skrivs datum enligt mönstret: den 15 april 2019.

  • Skriv ut hela årtal. Inte 80-talet, utan 1980-talet alternativt ”på åttiotalet”. Undvik att skriva siffror först i en mening. Inled meningen med År 2019 hellre än bara 2019, eller vänd på meningen så att årtalet inte står i början av meningen. Inne i meningen är det onödigt att skriva år framför årtalet.

  • En tidsangivelse för datum har två alternativ: mellan 1 januari och 1 juni eller 1 januari–1 juni. För tidsrymd används tankstreck.

Expand
titleBindestreck och tankstreck

Bindestreck (-) och tankstreck (–) blandas ofta ihop, men har olika användsnongsområden.

  • Kort streck, bindestreck (-), används för att binda ihop ord och uttryck: Unesco-professur.

  • Långt streck, tankstreck (–), används för tidsrymder: 2013–2020 eller klockan 10–12.

  • Långt streck används också som pratminus. Undvik långt streck i den löpande texten. Tankstreck kan oftast bytas ut mot kommatecken.

Expand
titleCitattecken och kursiveringar
  • När någon säger något i rubrik eller mellanrubrik, använd citattecken. I brödtext används talstreck.

  • Använd bara citattecken när det handlar om något som kallas något som inte är ett riktigt namn.

Använd kursiv stil vid titlar på böcker, projekt och liknande.  Var i övrigt sparsam med att använda kursiv text, då det är svårare att läsa på skärm.

Expand
titleSnedstreck

Undvik snedstreck (/) i löpande text om det inte är helt nödvändigt som i exemplen: prefekt/motsvarande, institution/motsvarande.

Expand
titleKolon och semikolon
  • Kolon (:) används vid till exempel uppräkningar, exempel och förklaringar. Det kan inte bytas ut mot ett semikolon om inte följande mening är fullständig.

  • Semikolon (;) kan användas mellan två fullständiga meningar istället för punkt eller kommatecken. Semikolon markerar gränsen mellan satserna; samtidigt binder det ihop dem. Det används inte i en uppräkning.

Expand
titleProcent

Skriv ut ordet procent i texten, spara symbolen % till grafer och tabeller.

Expand
titleOrganisationsnamn och titlar

Göteborgs universitet skrivs med litet u i universitet och Sahlgrenska akademin med litet a i akademin. Skriv hela namnet, Göteborgs universitet, alternativt universitetet. Undvik att skriva förkortningen GU. Använd bara GU i till exempel tabeller där det är ont om plats.

Använd inte heller förkortningar eller andra interna eller familjära namn om interna organisationsdelar.

Expand
titleUndvik kursiv, understruken och versal text

Läsbarheten påverkas av kursiv, understruken och versal text på en webbsida. Därför är rekommendationen att undvika detta.

  • Vill du ge titlar på skrifter och liknande en grafisk markering är citattecken att föredra framför kursiv text.

  • Understrykningar ska inte användas. besökaren kan tro att det understrukna är en länk.

  • Helt versala rubriker och texter försämrar läsbarheten helt enkelt för att vi inte är vana vid det. Börja med stor begynnelsebokstav och i övrigt gement.

Bilder

Bilder kan tydliggöra informationen på en webbsida och göra det enklare för en besökare att ta till sig informationen. Beroende på innehåll ska vi använda bilder med eftertanke på våra webbplatser.

  • Innehåll som är mer av säljande karaktär kan dra nytta av att ha bilder, till exempel om vi vill visa för presumtiva studenter hur det är att studera på Göteborgs universitet.

  • Innehåll där informationen är i fokus behöver inte ha bilder eftersom det kan dra fokus från själva informationen.

Ställ dig alltid frågan om bilden faktiskt bidrar till att tydliggöra informationen innan du publicerar en bild.

Expand
title

...

Alt-text

Det är inte alla som kan se de bilder som du har valt ut till en webbsida. De som använder sig av verktyg som skärmläsare eller punktdisplay behöver därför få en textbeskrivning av bilden.

Beskrivning ska enbart ges om bilden är informationsbärande, inte om den enbart är dekorativ. En dekorativ bild tillför inte någon information till sidan, utan är bara till för att "vila ögonen på", eller lätta upp textinnehållet.

För att ge bilden en beskrivning används textalternativ, ofta kallat alt-text. Håll texten kort och förmedla den information som är viktig. Undvik onödig text som "Bild av ..." eller kompletterande info. Bildtexten (som syns under en bild) har som syfte att komplettera bilden, med exempelvis upphovsrätt eller förklaring hur bilden knyter an till sidan.

Läs gärna DIGG:s text om textalternativ på webbriktlinjer.se

Expand
titleUpphovsrätt och GDPR

När du använder bilder måste du vara medveten om att det finns lagar och regler som tydligt reglerar vem som har rättigheterna. För oss som arbetar på en myndighet är det extra viktigt att vi respekterar samtycke och upphovsrätt när det gäller bilder.

Precis som med tryckt material gäller upphovsrätt på bilder och foton på internet. Det är därför olagligt att använda bilder utan tillstånd. Säkerställ alltid att du har tillstånd att använda bilden.

Använda bilder - lagar, rättigheter och rekommendationer

Expand
titleBildbanker

Göteborgs universitet har en egen bildbank med bilder som fritt får användas för att illustrera verksamheten.

Det finns även flera gratis bildbanker med bilder som fritt får användas. Var försiktig med använda bilder med identifierbara personer när du använder dessa tjänster, eftersom du inte kan bevisa att du har samtycke från de avbildade personerna ifråga.

Hitta bilder - GU:s bildbank och externa bildbanker

Video

Dokument

Länkar

Expand
titleLänkar ska öppnas i samma fönster

Länkar till samma webbplats, andra webbplatser och till dokument ska  öppnas i samma fönster.

Expand
titleSkriv vad länken leder till

Var noga med länktiteln och skriv länkarna så att läsaren besökaren förstår vart länken leder. Använd gärna den länkade sidans titel.

Använd inte texten ”läs mer”, ”mer information” eller liknande som länktext, det är varken bra ur tillgänglighetsperspektiv eller ur sökmotoroptimering.

Expand
titleLänka ord som säger vart länken leder

Läsaren besökaren ska förstå vart länken leder även om den står på egen hand. Detta är viktigt ur ett tillgänglighetsperspektiv. Synskadade får ofta länktexterna upplästa separat, då blir "Läs mer här" obegripligt.

Undvik: Det finns information om webbpublicering på Medarbetarportalen. Läs mer här.

Skriv hellre: Läs om webbpublicering på Medarbetarportalen

Expand
titleBerätta när länken leder till en annan webbplats

När du länkar till en sajt som är utanför den sajt besökaren befinner sig på (alltså mellan exempelvis Studentportalen och Medarbetarportalen, eller Medarbetarportalen och http://antagning.se ) beskriv då i länktexten vart besökaren ska hamna.

Exempel: "Information om akademiska högtider på Medarbetarportalen" eller "Ansökan till kursen görs på http://antagning.se ".

Expand
titleSamla många länkar i en länklista

Om du har många länkar som du vill använda i samma stycke ska du helst samla länkarna under stycket. Om varannan fras består av en länk kan texten uppfattas som rörig och svårläst.

Expand
titleSpecialformatera inte länkarna

Använd ingen specialformatering på länkarna, de är redan anpassade för att vara korrekta på universitetets webbplatser.

Expand
titleGör inte om rubriker och ingress till länkar

Rubriker används för att reflektera texten direkt under rubriken. Lägg istället länken under stycket. I rubriken syns det inte heller att det är länkar förrän muspekaren rörs över dem.

...