...
Table of Contents | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Skriva för webben
...
title | Webbtexter 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 | ||
---|---|---|
| ||
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 | ||
---|---|---|
|
...
|
...
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.
|
...
|
...
|
...
|
Expand | ||
---|---|---|
|
...
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 | ||
---|---|---|
| ||
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 | ||
---|---|---|
| ||
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.
|
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.
Expand | ||
---|---|---|
| ||
|
...
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.
| |
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.
Expand | ||
---|---|---|
| ||
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 | ||
---|---|---|
| ||
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 | ||
---|---|---|
| ||
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. |
Expand | ||||
---|---|---|---|---|
| Siffror eller text?||||
Den
Siffergrupper
|
Expand | ||
---|---|---|
| ||
|
Expand | ||
---|---|---|
| ||
Bindestreck (-) och tankstreck (–) blandas ofta ihop, men har olika användsnongsområden.
|
Expand | ||
---|---|---|
| ||
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 | ||
---|---|---|
| ||
Undvik snedstreck (/) i löpande text om det inte är helt nödvändigt som i exemplen: prefekt/motsvarande, institution/motsvarande. |
Expand | ||
---|---|---|
| ||
|
Expand | ||
---|---|---|
| ||
Skriv ut ordet procent i texten, spara symbolen % till grafer och tabeller. |
Expand | ||
---|---|---|
| ||
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 | ||
---|---|---|
| ||
Läsbarheten påverkas av kursiv, understruken och versal text på en webbsida. Därför är rekommendationen att undvika detta.
|
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 | |
---|---|
|
...
| |
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 | ||
---|---|---|
| ||
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. |
Expand | ||
---|---|---|
| ||
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. |
Video
Dokument
Länkar
Expand | ||
---|---|---|
| ||
Länkar till samma webbplats, andra webbplatser och till dokument ska öppnas i samma fönster. |
Expand | ||
---|---|---|
| ||
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 | ||
---|---|---|
| ||
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 | ||
---|---|---|
| ||
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 | ||
---|---|---|
| ||
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 | ||
---|---|---|
| ||
Använd ingen specialformatering på länkarna, de är redan anpassade för att vara korrekta på universitetets webbplatser. |
Expand | ||
---|---|---|
| ||
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. |
...