Versions Compared

Key

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

...

Innan du publicerar är rekommendationen att du läser genom våra riktlinjer för publicering som gäller för universitetets centrala webbplatser. Utöver dessa finns det också specifika riktlinjer för gu.se.

...

Expand
titleHuvudbild används bara om det lyfter innehållet

Använd huvudbild med eftertanke:

  • Använd bara huvudbild om det bidrar till att förtydliga eller lyfta informationen på en informationssida. Det bör finnas en tydlig koppling till informationen på sidan.

  • Väljer du att ha en huvudbild ska den följa Göteborgs universitets bildmanér.

  • När du valt bild måste du ange en alternativ text som beskriver vad bilden föreställer. Du kan välja att lägga till en bildtext för att tillföra mer än det man ser direkt i bilden.

När det kommer till huvudfilm är rekommendationen att undvika detta:

  • Dels kan en sida ta lång tid att ladda på grund av videon vilket i sin tur påverkar sökmotorer negativt.

  • Dels kan det distrahera och konkurrera från informationen på sidan.

Expand
titleAnvänd layouten Information

På informationssidor används layouten Information. På så vis har vi samma grundlayout som vi placerar innehåll i.

Image Removed
Expand
titleAnvänd högerspalten med eftertanke

Innehåll bör framför allt placeras i den vänstra spalten: 

  • Vänsterspalten är informationsbärande. Här placeras brödtext, länkar och andra call to action, video, informationsbärande bilder etc. 

  • Högerspalten används i vissa fall om information behöver lyftas lite extra, exempelvis i en faktaruta. 

  • Tänk på mobiltelefoner! I mobiltelefon placeras moduler i högerspalten efter allt innehåll i vänsterspalten. Arbeta med sektioner för att säkerställa att innehåll i högerspalt och vänsterspalt hänger ihop i mobilläge. 

...

Expand
titleFAQ/Vanliga frågor placeras långt ner på sidan

Vanliga frågor kan placeras på två olika sätt:

  1. I sitt sammanhang

  2. Samla alla frågor längst ner på sidan

Oavsett hur du presenterar din FAQ, kom ihåg:

  • Det ska vara frågor som besökaren faktiskt undrar över.

  • Frågor och svar-sektion skapas som ett dragspel och placeras efter generell informationstext och innan Relaterad information

  • Utformas helst i jagform; Jag vet inte, Hur gör jag för att osv. 

  • Antal frågor: runt 6–8. Finns behov av fler frågor är det bra att försöka dela upp frågorna i naturliga grupperingar

Expand
titleAnvändning av andra sektioner för puffar

Puffar länkar vidare till annan information, eftersom syftet med informationssida är själva informationen, är rekommendationen att vara sparsam med puffar.

Vi rekommenderar att du bara använder puffar till “Relaterad information” i en grå sektion längst ner på en informationsida. Detta för att vägleda besökaren till annat innehåll som skulle kunna vara av intresse. Tips! Kolla Siteimprove för att se hur dina besökare brukar navigera sig vidare från din sida.

...

Expand
title"Redigera" redigerar sidans grundinställningar

Här kan du redigera sidans titel, ingressen, lägga till en huvudbild och , lägga sidan i menystrukturen samt lägga till sid- och innehållsansvarig.

Expand
title"RaderaTabort" tar bort sidan för alltid

Raderar hela sidan. Obs! Det finns ingen papperskorg där sidan hamnar, väljer du att radera sidan försvinner den för alltid.

...

  1. Navigera till informationssidan du ska redigera.

  2. På sidans redaktörsmeny väljer du "Redigera".

  3. Under "Huvudbild / Film" byter du ut bilden.

  4. Spara sidan.

Redigera sidans

...

sidansvarig och innehållsansvarig

  1. Navigera till informationssidan du ska redigera.

  2. På sidans redaktörsmeny väljer du "Layout". “Redigera”.

  3. Under fliken “Författarinformation” kan du redigera sidans ansvariga redaktör.

  4. Under samma flik kan du också redigera sidans bidragande innehållsansvarig genom att välja anknytning.

  5. Spara sidan.

Redigera sidans huvudsakliga innehåll (layout)

  1. Navigera till informationssidan du ska redigera.

  2. På sidans redaktörsmeny väljer du "Layout". Du kan nu:

    1. Lägga till, redigera och ta bort sektioner. (Instruktioner nedan).

    2. Lägga till, redigare och ta bort komponenter inom sektioner. (Instruktioner nedan).

  3. När du är klar med dina ändringar sparar du sidan.

...

Expand
titleLägga till sektioner
  1. Klicka på “Lägg till sektion” och välj layouten “Information”. I riktlinjerna kan du läsa om när någon annan sektionstyp skulle vara aktuell.

Image Removed
  1. image-20250129-133950.pngImage Added

  2. Låt bakgrundsfärgen vara “Ingen” när du lägger till komponenten “information”.

  3. Du behöver inte kryssa i “Ingen marginal till ovanliggande sektion (rubrik och ingress kommer ej skrivas ut)” eftersom rekommendationen för att skapa en ny sektion bara gäller när du byter målgrupp eller ämne inom ämne.

  4. Klicka på “Lägg till sektion”. Nu kan du börja fylla sektionen med komponenter.

Expand
titleRedigera sektioner

Klicka på ikonen med kugghjulet pennan för att ändra färg eller eventuell titel på din sektion.

Image RemovedImage Added
Expand
titleTa bort sektioner

Klicka på ikonen med ett kryss papperskorgen om du vill radera sektionen. Raderad sektion går inte att återställa.

Image RemovedImage Added

Lägg till komponenter

...

  1. Navigera till informationssidan du ska redigera.

  2. På sidans redaktörsmeny väljer du "Layout".

  3. Längst ner på den informationssektion där du vill lägga till en komponent klickar du på "Lägg till komponent". Välj den komponent du vill lägga till.

...

    1. Bild: En bild som sträcker sig längs med hela spaltbredden.

...

    1. Dokument: En grå box som gör det möjligt att lyfta ett dokument så det blir extra synligt. Obs! Du kan även publicera dokument i den vanliga Texteditorn, vilket vi rekommenderar. Läs mer i manualen dokumenthantering.

...

    1. Dragspel: Ett utfällbart fält där besökaren bara ser en rubrik, och kan läsa all text genom att klicka på rubriken.

...

    1. Editor: Texteditor, den komponent som du rekommenderas att använda dig av främst.

...

    1. Faktaruta: En grå ruta där du kan publicera text som du vill lyfta lite extra.

...

    1. Knapp:

...

    1. en rosa call-to-action knapp när du vill lyfta en extra viktig länk som besökaren ska klicka på.

    2. Kontaktkort: gör det möjligt att placera kontaktuppgifter på olika delar av en informationssida.

    3. Länklista:en möjlighet att lista länkar på en sida

    4. Video:Länka in en video.

  1. När du har valt komponent kan du lägga till innehåll i komponenten. Klicka därefter på "Spara".

Redigera och ta bort komponent

  1. För att redigera en redan skapad komponent hovrar du över pennan på komponentens övre högra hörn. Du kan då välja:

    1. "Redigera komponent" för att ändra komponentens innehåll. Gör dina ändringar i komponenten och klicka sen på spara.

    2. "Flytta komponent" för att flytta komponentet. Enklast om du vill flytta komponenten är dock att använda dra-och-släpp-funktionen.

...

c. "Radera komponent" för att helt ta bort komponenten. Den går inte att återställa.

  1. Kom ihåg att spara sidan när du är färdig med komponenterna.

Lägg till relaterad information

...

In-page-navigering

In page-navigeringen ger besökaren möjlighet att klicka på den länk som är av intresse så att besökaren hoppar längre ner på sidan.

In-page-navigeringen genereras automatiskt när det en H2-rubrik på sidan.

Om du har en sida med många och långa rubriker kan det resultera i att menyn lägger sig ovanpå delar av innehållet i sektionen nedanför. Försök därför i första hand att undvika många och långa rubriker eftersom funktionen inte är anpassad för det. Du kan också komma runt problemet genom att lägga in en tom sektion längst upp på sidan i layout builder.

Lägg till relaterat innehåll

På en informationssida har du möjlighet att lägga puffar till relaterat innehåll längst ner på sidan. Detta gör du via “Redigera” i redaktörsmenyn.

  1. Navigera till informationssidan du ska redigera.

  2. På sidans redaktörsmeny väljer du "Redigera".

  3. Under fliken "Relaterat innehåll" väljer du titel. Rekommendationen är “Relaterat innehåll” men har du exempelvis bara studentporträtt så kan titeln vara “Träffa några av våra studenter”.

  4. Klicka på dragspelet för “Relaterat innehåll” och “Lägg till puff”. Hur du skapar och redigerar puffar hittar du i följande manual:

  5. Spara sidan.

Radera informationssida

Det finns två sätt att hantera informationssidor som inte ska vara publicerade längre:

...