Sidans innehåll
Skriva för webben
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.
Bö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.
Vä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.
Hå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.
Anvä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.
Sammanfatta 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.
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.
Bli hittad på internet - sökmotorsoptimering
Sökmotoroptimering brukar kort kallas för SEO (Search Engine Optimization). Det innebär att arbeta med webbsidan på ett sådant sätt att den hamnar så högt upp i framförallt Googles sökresultat som möjligt. Mer än 50 procent, ibland så mycket som 70-90 procent, av alla våra besökare kommer från Google. Sökmotorn är ett viktigt verktyg för vår synlighet, och sökmotoroptimering är något vi ständigt behöver arbeta med.
1. Sökordsanalys
En avgörande del i sökmotoroptimering handlar om sökord. Innan du fyller din sajt med innehåll behöver du fundera över vilka tänkbara ord och fraser din målgrupp använder när de söker efter ditt innehåll.
Med hjälp av verktyget Siteimprove kan du identifiera sökord och fraser som besökare använder för att hitta till din webbplats. Använd hela frasen som läsaren kan tänkas söka på, till exempel:
”läsa till arkitekt i Göteborg”
”utbilda mig till läkare”
”söka till universitetet”.
Sökmotorerna bygger delvis på att webbtexter är formaterade i en hierarkisk ordning. Använd nyckelorden i de högsta hierarkierna och upprepa gärna sökord någon gång i texten (ju högre upp i hierarkin desto bättre). Men försök inte att lura sökmotorerna genom att överanvända sökord. Det bästa är att skriva rakt på sak, hålla det relevant och gärna utförligt.
Google värderar ordningen på sidan, i en hierarkisk ordning.
Titeltaggar och rubriker,
Underrubriker (H2-taggar)
Mellanrubriker (H3-H4 taggar)
Länkar
Brödtext
Betona också sökord genom att fetmarkera ord och fraser. Utöver texten bör du även namnge bilder efter de ord du optimerar sidan mot.
Vad Google och andra sökmotorer gillar
Relevant och aktuellt innehåll: För att synas högt upp i sökresultat bör du uppdatera din webbplats ofta med både små och stora textförändringar. Ändra datum på äldre sidor med aktuellt innehåll som inte behöver uppdateras så ofta.
Beskrivning (Meta Description): Den text som syns under den länkande rubriken i sökresultat kallas för meta description. Texten bör vara max 230 tecken lång (inklusive mellanslag) och innehålla en intresseväckande beskrivning av sidans innehåll. Med en bra beskrivning, ökar chansen att besökaren klickar på länken i Googles sökresultatet.
Långa och matnyttiga texter: Att Google prioriterar långa uttömmande texter framför korta beror bland annat på att Google vill ge kvalitativt svar på sökfrågor. Då krävs det oftast längre texter och rekommendationen är på cirka 500 tecken. En längre text ställer dock högre krav på presentationen. Se därför till att ha en tydlig struktur för att underlätta läsningen. Skriv till exempel en tydlig ingress, ge mellanrubrikerna ett innehåll och satsa på korta textstycken.
Unikt innehåll: Sökmotorer filtrerar gärna bort dubblerat innehåll (via det så kallade Duplicate Content-filtret) och chanserna att synas i sökresultatet minskar markant om texten är kopierad. Sträva efter ett unikt innehåll på hela webbplatsen och undvik att kopiera texter.
Användarvänlig webbplats: En snabb webbplats ger en bättre användarupplevelse och därmed en bättre sökplacering. Bilder och filmer bör ha rätt storlek och format för att sidan ska laddas snabbt. Gör ditt innehåll lättläst och sökoptimerat genom att lyfta fram texten designmässigt med ingress, rubriker och listor. Universitets publiceringsverktyg levererar mobilanpassade vyer som är anpassade för mobila gränssnitt. Det medför att du får en bättre placering hos sökmotorerna.
Sökmotorvänliga länkadresser (URL): För att skapa sökvägar som kan tolkas av både sökmotorer och besökare är det viktigt att länkadressen är kort, begriplig och unik. Låt gärna adressen innehålla sökord/fraser du optimerar den för och låt länktexter berätta något om sidan de länkar till. En allmän länktext som "klicka här" och "läs mer" säger inte sökmotorer någonting om destinationen och bör undvikas.
Alternativtext för ökad tillgänglighet: Sökmotorer ser inte vad en bild eller video föreställer. Gör det möjligt att tolka innehållet via beskrivande texter i alternativtextfältet. På så sätt ökar du både tillgängligheten för den som får sin webbsida uppläst, men även chansen att synas i bildsökresultat.
Länkar tillbaka: Ju mer relevant och matnyttigt innehållet är, desto större är sannolikheten att läsaren länkar till den. Dessa så kallade “backlinks” premieras av sökmotorer och ger bättre ranking i sökresultat.
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
Tonalitet och 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 besökaren, till exempel med en instruktion. Undvik däremot att skriva vi som avsändare, skriv istället Göteborgs unviersitet eller universitetet.
Fö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.
Sifferuttryck
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 fjärde rapporten var mycket mer alarmerande än den tredje.”
Undvika att blanda siffror och text i samma textavsnitt.
Använd mellanslag och gruppera med tre siffor bakifrån: 5 000 istället för 5000.
Klockslag 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.
Bindestreck 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.
Citattecken
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.
Snedstreck
Undvik snedstreck (/) i löpande text om det inte är helt nödvändigt som i exemplen: prefekt/motsvarande, institution/motsvarande.
Kolon 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.
Procent
Skriv ut ordet procent i texten, spara symbolen % till grafer och tabeller.
Organisationsnamn 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.
Undvik 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.
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
Upphovsrä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
Bildbanker
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
Redigeringsprogram
Om du saknar ett bildredigeringsprogram, som exempelvis Photoshop, finns det webbaserade verktyg som du kan redigera bilder i. En sådan tjänst är Pixlr Editor som är webbaserad och gratis.
Video
Dokument
Länkar
Länkar ska öppnas i samma fönster
Länkar till samma webbplats, andra webbplatser och till dokument ska öppnas i samma fönster.
Skriv vad länken leder till
Var noga med länktiteln och skriv länkarna så att 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.
Länka ord som säger vart länken leder
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
Berä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 ".
Samla 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.
Specialformatera inte länkarna
Använd ingen specialformatering på länkarna, de är redan anpassade för att vara korrekta på universitetets webbplatser.
Gö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.
Skrivregler (klarspråk, stavning, regler kring siffror, klockslag etc)
Bilder
Video
Dokument
Länkar
Lättläst text
Målgruppsanpassad text/Tonalitet
Sidstruktur, logisk läsordning, responsiv webb
Kvalitetssäkring, stavning, korrekta länkar (siteimprove)