Våra webbplatser lanseras just nu i den nya webbplattformen Sitevision. Under en övergångsperiod kan delar av su.se se annorlunda ut eller inte fungera som vanligt. Tack för din förståelse medan vi arbetar med att rätta till eventuella fel.

Artikelredigering

Här finns information om hur du redigerar huvudartiklar och relaterade artiklar på webbplats i Sitevision.

Skillnaden mellan huvudartiklar och relaterade artiklar är:

  • Huvudartiklar finns redan skapade på webben, och du kan inte byta namn på dem eller skapa nya huvudartiklar. Däremot kan du redigera innehållet.
  • Relaterade artiklar ligger en nivå under huvudartiklar, och skapas alltid under en huvudartikel.
    • (Undantaget är relaterade artiklar som automatiskt skapades istället för enkla artiklar vid migreringen av utbildningskatalogen. Dessa ligger i en speciell mapp. Se instruktionerna för utbildningskatalogen.)
  • Relaterade artiklar ska inte ha några andra artiklar under sig, skapa alltså inte relaterade artiklar under relaterade artiklar.
  • Du kan skapa nya relaterade artiklar och namnge dem.

Ingress

Ingressen är den första texten under sidans namn. Varje sida ska ha en ingress, och texten ska vara formaterad som ingress – inte brödtext.

En bra ingress är intresseväckande och lockar till läsning. Den samspelar med rubriken och sammanfattar det viktigaste i texten. Genom att läsa ingressen ska besökaren förstå vilken information som finns på sidan.

Tänk på att:

  • Ingressen hör hemma högst upp, flytta inte ner den till andra delar av sidan.
  • ingressmodulen i innehållsträdet för sidan ska heta Ingress, ingenting annat.
  • dubbelkolla att texten i ingressfältet är formaterad som ingress (inte brödtext).
  • ingressen ska varken vara för lång eller för kort, ungefär tre meningar brukar vara lagom (men det beror så klart på hur långa meningarna är).

I verktygslisten högst upp ser du att ingressen har formateringen "ingress".

Redigera ingressen

I navigationsträdet för sidan ligger i normalfallet en textmodul som heter ingress. Det är där du fyller i ingresstexten.

Obs obs obs: Kontrollera att texten i ingressen har rätt formatering. Det ser du i verktygslisten högst upp, i rullgardinsmenyn ska det stå Ingress.

Skillnad mellan ingressformatering och brödtext

När du tittar på sidan så ser du att text som är formaterad som ingress är större än vanlig brödtext. Du kan alltså lätt se om du har missat att formatera ingressen som ingress. Om du upptäcker att det ligger brödtext i ingressen, gå till verktygslisten och byt formateringen till Ingress.

Fetstil i ingressen?

Ingressen ska inte ha fetstil, den ska enbart vara formaterad som ingress.

Textmoduler

I Sitevision lägger man in text i så kallade textmoduler. När en ny sida skapas har den två moduler, en som heter Ingress och en som heter Text. I ingressmodulen fyller du i ingress, i textmodulen fyller du i text.

Du kan skapa fler textmoduler genom att klicka på symbolen med ett stort A i verktygsfältet.

 

När du skapar en textmodul blir det automatiskt en representation av den i innehållsträdet för sidan (till vänster). Du kan byta ordning på textmodulerna genom att "dra" i dem i innehållsträdet.

Textmodulerna får automatiskt namnet Text 1, Text 2, Text 3, och så vidare. Byt gärna namn på textmodulerna, så att de heter samma sak som rubriken i dem. Då blir det lättare för dig som redaktör att få en överblick över dina moduler.

Du byter namn genom att högerklicka på modulen i innehållsträdet och välja "Byt namn".

Det finns två sätt att dela en textmodul, båda fungerar lika bra.

Metod 1: Dela med hjälp av verktygsfältet

  • Klicka på kugghjulet i verktygsmenyn högst upp på sidan, bredvid frågetecknet.
  • Klicka på "dela textmodul".
Skärmbild som visar att om man klickar på kugghjulet uppe till höger får man upp alternativet "dela textmodul".

Skärmbild: Här ser du kugghjulet där du kan välja att dela textmodulen.

Metod 2: Dela genom att högerklicka

Högerklicka var som helst i textfältet och välj "dela".

Skärmbild som visar alternativet Dela, som dyker upp i en lista med alternativ om man högerklickar i texten.

Skärmbild: Om du högerklickar i texten får du en lista med alternativ, där du kan välja "Dela".

Klistra in texten rent

För att undvika att få med formatering eller kod när man kopierar in text på en sida behöver man "klistra in texten rent". Det gör du genom att använda kortkommandot: Ctrl + Shift + V

Tänk på att du behöver hålla Ctrl och Shift intryckta medan du trycker ned tangenten V.

På mac är kortkommandot Command + Option + Shift + V

Rubriker

Rubriker ska beskriva vad texten handlar om. De ska vara lagom långa och ha rätt rubriknivå. Allt som fungerar som rubrik ska formateras som rubrik – använd aldrig fetstil för att markera något som rubrik.

Skapa rubriker

Du skapar rubrikerna genom att markera den del av text som ska vara rubrik, och gå till verktygslisten högst upp och välja rätt rubriknivå. Obs, använd aldrig fetstil i en rubrik.

I verktygslisten väljer du rubriknivå. Klicka på pilen för att fälla ut alternativen.

Tydliga och beskrivande rubriker hjälper läsaren att få en uppfattning om sidans innehåll. Det underlättar för alla, men är extra viktigt exempelvis för personer med lässvårigheter eller försämrat korttidsminne.

Rekommendationer för att skriva tydliga rubriker

  • Använd nyckelord ur texten.
  • Skriv de viktigaste orden först.
  • Använd aktivt språk, gärna verb.
  • Gör inte rubrikerna för långa.

På webbriktlinjer.se finns ytterligare information om beskrivande rubriker.

När du skriver för webben är det viktigt att välja rätt rubrik på rätt plats. Rubrikerna är inte bara en dekoration, utan de fyller praktiska funktioner. Exempelvis kan de berätta för en skärmläsare (ett verktyg som läser upp sidans text) hur sidan är uppbyggd. När du väljer rubrik ska du alltså inte utgå ifrån vad du själv tycker är snyggt, utan ifrån vad rubriken "gör" på sidan.

Rubrikerna kallas ofta för H1, H2, H3 och H4. (Bokstaven H står för "heading" eller "header" på engelska.) I Sitevision heter de istället Rubrik 1, Rubrik 2, Rubrik 3 och Rubrik 4.

Du kan ha flera rubriker med samma nivå, till exempel så här:

Frukt (Rubrik 1 – Sidans namn)

  • Päron (Rubrik 2)
  • Äpple (Rubrik 2)
    • Svenska äppelsorter (Rubrik 3)
      • Ingrid Marie (Rubrik 4)
      • Bergviksäpple (Rubrik 4) 
    • Tyska äppelsorter (Rubrik 3)
      • Holsteiner (Rubrik 4)
  • Banan (Rubrik 2)
  • Apelsin (Rubrik 2)

(Observera att punktlistan ovan är en illustration av rubrikernas nivåer. Du ska inte använda punktlista i en rubrik.)

Rubrik 1 – Huvudrubrik (sidans namn)

Rubrik 1 är artikelns namn. Rubrik 1 ska bara finnas högst upp i artikeln. En riktlinje för längd är max 70 tecken inklusive blanksteg.

Som webbredaktör kan du inte ändra namn på huvudartiklar. Kontakta kommunikationsavdelningen om en huvudartikel behöver döpas om.

För relaterade artiklar väljer du namn när du skapar artikeln, detta blir sidans H1-rubrik.

Rubrik 2 – underrubrik till rubrik 1

Rubrik 2 (eller H2-rubrik, som det också kallas) använder du i underrubriker på sidan. En sida kan ha flera Rubrik 2. Under Rubrik 2 kan du välja att antingen ha en till Rubrik 2 eller en Rubrik 3.

Du ska aldrig välja Rubrik 4 direkt under Rubrik 2.

Rubrik 3 – underrubrik till rubrik 2

Rubrik 3 är en underrubrik till Rubrik 2. Om du vill använda Rubrik 3 ska det alltså finnas en Rubrik 2 någonstans ovanför den. Du får aldrig ha rubrik 3 som första eller enda rubrik på sidan.

Under Rubrik 3 kan du antingen ha Rubrik 2, Rubrik 3 eller Rubrik 4, beroende på brödtextens innehåll.

Rubrik 4 – underrubrik till rubrik 3

Det här är den lägsta rubriknivån. Du ska inte använda Rubrik 4 direkt under Rubrik 2.

I högerspalten på huvudartiklar och relaterade artiklar finns navigationen "Innehåll på sidan". Här kan besökaren se alla H2-rubriker som finns på sidan. Varje gång du skapar en ny H2-rubrik skapas automatiskt en ankarlänk till den rubriken.

"Innehåll på sidan" underlättar navigationen för besökaren, dels eftersom man snabbt och enkelt får en överblick över vilka rubriker som finns, dels eftersom att man kan klicka på dessa för att komma till aktuell rubrik.

Om man inte lägger in några H2-rubriker syns inte "Innehåll på sidan".

Brödtext

Den största delen av innehållet i en huvudartikel eller en relaterade artikeln är i normalfallet brödtext. Här går vi igenom vad du kan göra med din brödtext.

Använd fetstil när du vill markera att en del av texten är extra viktig. Fetstil ska bara användas på vanlig brödtext, inte i rubriker, ingresser eller länkar.

På webbsidor bör man undvika att använda kursiv stil, eftersom den är svårare att läsa på liten skärm. Undantagsfall, där du kan behöva använda kursiv stil ändå, är i situationer där det är väldigt etablerat att man alltid använder kursiv stil, till exempel i vissa referenslistor eller när man skriver artnamn på latin.

Används inte på våra webbplatser, eftersom understruken text kan blandas ihop med länkar.

Specialtecken

I verktygslisten, under symbolen Infoga (som ser ut som ett plustecken) finner du många användbara specialtecken. Till exempel hårt mellanslag, hårt bindestreck, mjukt bindestreck och tankstreck.

Detta kan du använda om du vill undvika att det blir radbrytning mellan två tecken som hör ihop och bör läsas tillsammans.

Till exempel när du skriver stora tal som innehåller mellanslag: 10 000

Eller när du skriver procent och vill undvika att siffran hamnar på en rad, och tecknet på nästa: 10 % (på svenska ska det vara mellanslag mellan siffran och procenttecknet)

Långa ord kan göra att det blir väldigt ojämn längd på textraderna. Genom att lägga in mjukt bindestreck kan du göra så att långa ord får ett bindestreck, så att ordet delas upp och visas på två rader – vilket till exempel kan behövas om man använder liten skärm eller har en begränsad yta att visa texten (som i olika puffar). Det mjuka bindestrecket syns inte om skärmen som texten visas på är tillräckligt stor, utan blir bara synligt om läsaren använder liten skärm.

Om du har ett ord som innehåller bindestreck, men du inte vill att det ska bli radbrytning där bindestrecket är, så kan du använda hårt bindestreck. Till exempel för ord såsom e‑post, där det ser konstigt ut om det står "e-" på en rad, och "post" på nästa.

Används i exempelvis tidsangivelser, runt inskjutna satser, eller när man skriver talminus.

Många använder felaktigt bindestreck istället för tankstreck, kanske för att det är lättare att hitta bindestreck på tangentbordet. Men i Sitevision kan man enkelt gå in under Infoga > Specialtecken och välja Tankstreck (kort eller långt).

För mer info om vad tankstreck är, och när det ska användas, se Myndigheternas skrivregler.

Myndigheternas skrivregler (Institutet för språk och folkminnen)

Länkar

Du kan skapa interna länkar (inklusive ankarlänkar), externa länkar, länkar till filer och e-postlänkar. Du skapar en länk genom att skriva en tydlig länktext och markera den. Sedan väljer du vilken typ av länk det ska vara. Du hittar länkalternativen i verktygsmenyn, eller genom att högerklicka på texten.

Kom ihåg att besökaren ska kunna förutsäga var hen hamnar om man klickar på länken – skriv tydlig länktext.

Skriv tydliga länkar

Interna länkar går till andra sidor på su.se, det vill säga sidor som ligger i "huset" su.se. När du väljer "Intern länk" får du fram innehållsträdet som visar alla sidor som du kan göra intern länk till.

Interna länkar ska öppnas på samma sida (inte i ny flik).

Ankarlänk till annan sida

Du kan göra så att en intern länk går till en textmodul på en sida. Det gör du genom att klicka i rutan under rubriken Ankarlänk, där det står Använd ankare. Då visas den sidans innehållsträd och du klickar på den modul som du vill att ankarlänken ska gå till.

För att göra en extern länk fyller du i länkadressen (url:en). Men tänk på att länktexten som är synlig för besökare inte ska bestå av hela url:en med https//:. Utan skriv en tydlig länktext istället.

Externa länkar ska öppnas i ny flik, så klicka i den rutan när du skapar länken.

Du skapar en e-postlänk genom att klicka på länksymbolen i verktygslisten, välja alternativet e-postadress, och fylla i e-postadressen.

För att länka till en fil skriver du först in filens namn och markerar det.

  • Gå sedan till länksymbolen i verktygslisten.
  • Välj fil.
  • Välj filer på sidan. OBS välj inte filarkiv.
  • Ladda upp filen.
  • Klicka på OK.

Punktlistor

Du skapar punktlistor eller numrerade listor genom att klicka på symbolen för punktlista i den horisontella menyn.

  • Lorem ipsum dolor sit amet.
  • Consectetur adipiscing elit.
    • Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    • Ut labore et dolore.
  • Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
    1. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    2. Ut labore et dolore.
  3. Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Citat

Du kan lägga in ett stort blått citattecken framför ett citat, genom att markera texten och gå in under Infoga i verktygslisten och välja "Blockcitat". Under citatet gör du ett tankstreck (du hittar symbolen för tankstreck under Infoga > Specialtecken) och skriver namnet på personen som du citerar. Gör namnet till kursiv stil genom att klicka på I-symbolen i verktygslisten.

Infällda boxar

Det finns möjlighet att presentera innehåll i utfällbara boxar där bara titeln visas, så kallade infällda boxar. Det är logiken för innehållet och läsbarheten på sidan som styr vad som kan och bör ligga i infällda boxar.

Hur du skapar och redigerar infällda boxar
Exempel på infällda boxar

Olika moduler i en infälld box: Layout

Om du vill ha flera moduler – till exempel text och bild, eller text och kontaktelement – i en infälld box behöver du först skapa en Layout, som du lägger de olika modulerna i. Därefter ger du layouten dekorationen "utfällbar sektion" (h2 eller h3).

Skapa en layout

  • Högerklicka på mittenspalten i navigationsträdet för sidan.
  • Välj Lägg till layout > Radvis (Obs! Använd inte "layout > Kolumnvis").

 

Då skapas det en layout längst ner under den sista modulen på sidan:

Så här ser Layouten ut, i det här fallet ligger den direkt under textmodulen Ingress.

 

I layouten kan du nu lägga olika moduler. Du kan exempelvis lägga in:

  • Textmoduler
  • Bildmoduler
  • Videomoduler
  • Kontaktelementmoduler.

Gör layouten till en infälld box

Högerklicka på layouten och välj Dekoration > utfällbar sektion (H2 eller H3 beroende på vilken rubrik det ska vara).

Alla moduler som du lägger i layouten kommer nu att ligga i den infällda boxen.

Du skapar nya moduler via verktygslisten högst upp. Där kan du välja mellan

  • Lägg till textmodul
  • Lägg till bildmodul
  • Moduler > här hittar du moduler för exempelvis kontaktelement, artikelpuff och knapplänk.

I verktygslisten högst upp hittar du Lägg till textmodul, Lägg till bildmodul och Moduler.

 

Byt namn på layouten

  • Högerklicka på layouten i innehållsträdet och välj Byt namn.
  • Namnet som du skriver på layouten blir det som syns på den infällda boxen.

Observera att det är viss fördröjning när man bytt namnet, men när man publicerar sidan blir namnet synligt.

På bilden ser vi en layout som är döpt till Teknisk/Administrativ personal, som har en textmodul och en kontaktelementmodul i sig.

 

När du har skapat din layout, gett den dekorationen Utfällbar sektion, bytt namn på layouten och lagt in de moduler som du vill ha i den infällda boxen, så är du klar.

Så här ser den infällda layouten ut i publicerat läge.

Bilder

I huvudartiklar och relaterade artiklar finns två sätt att lägga in bilder: antingen som modul från Mediaflow (det vill säga mediabanken), eller som bildmodul på sidan.

Bilder på webbplats

Artikelpuff

I Polopoly fanns ett element som hette Puffelement. Motsvarande modul i Sitevision heter Artikelpuff. Artikelpuffen är ett sätt att lyfta fram ett innehåll och göra det mer synligt. Den ser ut som en fyrkant med blå bakgrund, och i denna fyrkant kan du lägga in citat, brödtext, länk eller bild. Artikelpuffen behöver ha en rubrik (H2 eller H3, välj den som passar i sammanhanget), men i övrigt är innehållet valfritt.

Skapa artikelpuff

Du skapar en artikelpuff genom att

  • klicka i verktygslisten på symbolen för moduler och välj Övriga > Artikelpuff.
  • Fyll i en rubrik.
  • Välj om rubriken ska vara H2 eller H3.
  • Lägg in innehåll. Fälten är inte obligatoriska, så du väljer själv om du vill ha citat, brödtext, bild, och länk (eller enbart några av dessa).
  • Klicka på OK.

Artikelpuffen har färgad ram, till vänster finns text och till höger en bild.

I artikelpuffen ovan syns rubrik, ett citat, bild och länk.

Artikelpuffen har färgad ram, till vänster finns text och till höger en bild.

I artikelpuffen ovan syns rubrik, brödtext, en bild och en länk.

Om man exempelvis har en kort intervju med en student, lärare, forskare, alumn, etc., så kan man lägga den i en artikelpuff. Då fyller man helt enkelt bara i rubrik, brödtext (och/eller citat) och laddar upp en bild. Det är fint om man lägger in så pass mycket text att man fyller ut ytan bredvid bilden, så att slutet på texten och bildens nedre kant linjerar med varandra (mer eller mindre).

Artikelpuff utan länk kan du exempelvis använda om du har en kort intervju. Du lägger då in brödtext och bild.

Artikelpuffen innehåller bara rubrik och brödtext.

Alla fält i artikelpuffen är valfria, så det är möjligt att exempelvis skapa artikelpuffar som denna, som bara innehåller brödtext.

Faktaruta

Du kan göra en textmodul till en faktaruta genom att högerklicka på textmodulen i innehållsträdet och välja Dekoration > Faktaruta.

Du väljer själv om faktarutan ska ha rubrik rubrik 2 eller 3.

Kontaktelement

Längst ner i din huvudartikel eller relaterade artikel kan du lägga in ett kontaktelement med kontaktuppgifter. Kontaktelementet fyller du med kontaktinformation till en funktion.

Kontaktelement

Senast uppdaterad: 2025-11-05

Sidansvarig: Kommunikationsavdelningen