Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 12 Next »

Webbredaktör kan skapa.

Webbredaktör och lättredaktör kan redigera.

Sidans innehåll

Om utbildningssida

Sidtypen utbildningssida använder du, vid behov, för att ge besökaren mer detaljerad information om utbildningen. Det kan till exempel vara VFU, arbetsmarknad, studentporträtt, studera utomlands eller för att förklara en ansökningsprocess. Sidtypen används som ett komplement till kurs- och programsidorna från Akeneo.

image-20240522-111933.png

image-20240522-112043.png

Du skapar sidorna på din egna yta men de visas under “Hitta utbildning” på universitetsgemensamma gu.se. Inga utbildningssidor visas i menyn utan besökaren kommer till dessa via länkar på kurs- och programsidorna eller på sidorna om våra utbildningsområden.

Riktlinjer

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 sidtypen på gu.se:

 Koordinera arbetet inom institutionen eller fakulteten

Innan du skapar en utbildningssida, fundera på om informationen du tänkt skapa sidan för behövs per:

  1. Enskild utbildning

  2. Vissa utbildningar

  3. Campus

  4. Institution

  5. Fakultet

Hamnar behovet på punkt 2-5 är det viktigt att du pratar med dina kollegor på institution eller fakultet för att undvika dubbelarbete.

Utformning av utbildningssidor

 Använd huvudbild med eftertanke

  • Använd bara huvudbild om det bidrar till att snabbt och tydligt ge en förståelse för vilken information som finns 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å utbildningssidan.

 Kontaktkort

Använd kontaktkort om det finns en viss person eller organisation som ansvarar för innehållet och som besökaren kan kontakta om hen har vidare frågor.

 Använd layouten information

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

 Anvä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. 

 FAQ/Vanliga frågor

FAQ/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

 Användning av puffar

Puffar länkar vidare till annan information, eftersom syftet med utbildningssida ä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 utbildningssida. 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.

 Tagga med rätt användningsområde

Användningsområde (svenska

Användningsområden (engelska)

Annat erbjudande för inresande utbytesstudenter

Other offering for incoming exchange students

Arbetsprov eller liknande

Entrances test or similar

Efter studierna

After graduation

Intervju

Interview

Lokaler

Facilities

Praktik

Internship

Program med inriktning

Programme with specialisation

Rekommenderad studiegång

Recommended study route

Skalmaster

Study route to Master’s degree

Struktur och innehåll (endast internationell)

Structure and content

Studera utomlands

Exchange opportunities

Undervisningen

Study forms

Vem ska söka? (endast internationell)

Who should apply?

Ämnesöversikt

Subject overview

Övrigt

Other

Textkomponenter

 Editor används för text i de flesta fall

Texteditor som finns på utbildningssidor används främst för att publicera text på sidan, med undantag för:

  • Text som är extra viktig - använd istället faktaruta

  • Text som inte riktar sig till alla - använd istället dragspel

  • Textmassor som måste göras överskådliga på webben - använd istället dragspel

 Dragspel för överskådlighet - men göm ingen viktig information

En accordion (ibland även kallad dragspelsfunktion) är en expanderbar sektion av en sida, där innehållet är dolt men kan visas genom att besökaren väljer att öppna den.

När passar det bra att använda accordion?

  • När mycket information ska rymmas på en sida, men du som redaktör vill göra sidans innehåll överskådligt (exempelvis för instruktioner)

  • När besökaren bara har behov av att läsa en viss del av innehållet på sidan för att få hjälp/hitta det hen sökte efter (exempelvis FAQ)

När passar det mindre bra att använda accordion?

  • När texten är sammansatt för att läsas uppifrån och ner (exempelvis nyheter)

  • När det är viktigt att besökaren tar del av informationen (Då bör snarare en faktaruta användas)

 Faktaruta lyfter extra viktig / föränderlig info eller bryter av vid mycket innehåll

Faktarutan drar blicken till sig, och ökar sannolikheten att text kommer att läsas. Den är även bra på att markera att viss text hör ihop, och om det finns mycket text i en sektion kan faktarutan bryta upp textmassan och ge ett luftigare intryck.

Faktarutan är extra bra att använda för:

  • Text som är extra viktig att alla läser

  • Samla flera länkar, och visa att länkarna hör ihop

  • Samla datum som hänger ihop

  • Att lyfta en viss länk, när det behöver finnas förklarande text tillsammans med länken

  • Kontaktuppgifter när kontaktkort inte går att använda (läs om kontaktuppgifter nedan)

Kontakt

 Använd kontaktkort på utbildningssida

I första hand ska vi alltid använda oss av kontaktkort, antingen personkort eller anpassat, för att lyfta fram olika kontaktuppgifter.

Det finns ett fåtal tillfällen där kontaktuppgifter måste förkomma på flera sektioner av en utbildningssida. Då är rekommendationen att placera kontaktuppgifterna i en faktaruta som placeras i högerspalten. Detta för att skapa en överskådlighet för besökare som använder sig av en laptop.

Rubriker i faktarutor kommer aldrig med i Sidans innehåll, inte heller om de markeras som en H2-rubrik. Om du bedömer det som viktigt att kontakt ska finnas med i innehållsförteckningen, gör en H2-rubrik Kontakt och placera faktaruta/kontaktkort under denna.

 Anpassat kontaktkort

Om du ska skapa ett funktionskontaktkort brukar ett anpassar kontaktkort fungera bäst. I övrigt finns inga rekommendationer kring utformning av kontaktkortet. Utgå från vilken information som du har behov av att lyfta, information om när funktionen ska kontaktas, öppettider, telefontider, alternativ kontaktväg etc).

Kom ihåg att det även går att använda ett kontaktkort för en reception eller servicedesk.

 Flera kontaktuppgifter

Har du behov av att publicera flera kontaktuppgifter är rekommendationen att du skapar en faktaruta i slutet av sidan, innan “Relaterad information”. Beroende på hur mycket information du har påverkar det var du ska placera faktarutan:

  • Lite information, till exempel två mejladresser: placera faktarutan i högerspalten.

  • Mycket information, till exempel två mejladresser samt information om vad man kan kontakta dem om: placera faktarutan i vänsterspalten.

Skapa utbildningssida

Var sparsam med att skapa nya utbildningssidor.

  1. För att skapa en utbildningssida behöver du gå till fliken “Innehåll” i redaktörsmenyn och välja “Utbildningssida” på din webbyta. Väl där klickar du på “Lägg till utbildningssida”.

  2. Skriv titeln på sidan.

  3. Skriv en sammanfattning, som blir sidans ingress.

  4. Fyll i övriga fält som är relevanta för dig. I riktlinjerna kan du läsa hur du ska fylla de olika fälten om du väljer att fylla i dessa.

  5. Under fliken “Författarinformation” skriver du x-konto för den person som är sidansvarig för sidan.

  6. Välj “Utkast” och klicka på “Spara”. Nu har du skapat din genomgångssida och kan jobba med att redigera sidan.

Översätt en utbildningssida

När du skapar en ny sida blir det automatiskt på den språkversion som du är på. Det vill säga, om du är inne på den svenska versionen av gu.se skapas en svensk utbildningssida, och om du är inne på den internationella delen av gu.se skapas en engelsk utbildningssida.

  1. Navigera till sidan du vill översätta och på sidans redaktörsmeny väljer du på “Översätt”.

  2. Klicka på “Lägg till” vid sidan av den språkversion som du vill skapa.

  3. Skriv översättningen av sidans titel.

  4. Skriv översättningen av sidans sammanfattning, som blir sidans ingress.

  5. Fyll i övriga fält som är relevanta för dig. I riktlinjerna kan du läsa hur du ska fylla i de olika fälten, om du väljer att fylla i dessa.

  6. Under fliken “Författarinformation” dubbelkollar du så att x-kontot tillhör den person som är sidansvarig.

  7. Välj “Utkast” och klicka på “Spara”. Nu har du skapat din översättning och kan jobba med att redigera sidan.

Redigera titel och sammanfattning

  1. Navigera till utbildningssidan du ska redigera.

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

  3. Ändra texten under “Titel” respektive “Sammanfattning”.

  4. Spara sidan.

Redigera huvudbild

Observera att vi är restriktiva med huvudbilder på gu.se . En huvudbild bör lyfta informationen på en sida och ha en tydlig koppling till informationen.

  1. Navigera till utbildningssidan 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 huvudsakliga innehåll (layout)

  1. Navigera till utbildningssidan 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.

Lägga till, redigera och ta bort sektioner

 Lä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.

  1. Låt bakgrundsfärgen vara “Ingen” på utbildningssidor.

  2. 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.

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

 Redigera sektioner

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

 Ta bort sektioner

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

Lägga till komponenter

Detaljerade instruktioner för arbete med innehåll i vissa komponenter kommer finnas under Instruktioner publicera A till Ö.

  1. Navigera till utbildningssidan 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.

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

b) 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.

c) 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.

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

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

f) 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.

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

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

Lägg till relaterad information

Kom ihåg att puffa tillbaka till själva kurs- och programsidan.

När du ska skapa länkar till relaterad information på en utbildningssida ska du använda dig av puffar. Hur du skapar och redigerar puffar hittar du i följande manual:

Radera utbildningssida

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

  1. Avpublicera sidan: kan vara aktuellt när sidan inte ska vara publicerad längre men du är osäker på om innehållet kommer bli aktuellt igen. Rekommendationen är att en sida bara ska vara avpublicerar i max ett år, efter ett år ska sidan raderas.

 Så här avpublicerar du en sida

Scrolla längst ner på sidan och välj status “Avpublicerar”. Sidan finns kvar i redigeringsläget, men en besökare kan inte se den alls.

  1. Radera sidan: detta är aktuellt när innehållet på sidan inte är aktuellt längre och inte heller kommer bli aktuellt igen. Det finns ingen papperskorg där sidan hamnar, väljer du att radera sidan försvinner den för alltid.

 Så här raderar du en sida

I redaktörsmenyn finns fliken “Radera”. Väljer du att radera sidan försvinner den för alltid.

Spara ändringar du har gjort

När du är färdig scrollar du längst ner på sidan för att spara dina ändringar.

  • Publicerad: Ändringarna sparas och visas för besökare.

  • Utkast: Ändringarna sparas, men visas inte för besökare förrän du väljer att ändra till Publicerad.

  • Avpublicerat: Sidan finns kvar i redigeringsläget, men en besökare kan inte se den alls.

Kom ihåg att klicka på “Spara” för att ändringarna ska slå genom.

Goda exempel

  • No labels