Spring til indhold
ForsideVejledningerWebdesign og Umbraco CMSAlle vejledningerModuler i Umbraco

Overskrifter i Umbraco

Brugsscenarie

Overskrifter i Umbraco

Der findes mange forskellige muligheder for at lave overskrifter med vores Umbraco-moduler. Her finder du et overblik over de moduler, vi anbefaler til at lave overskrifter.

Brugsscenarie

Overskrifter i Umbraco

Der findes mange forskellige muligheder for at lave overskrifter med vores Umbraco-moduler. Her finder du et overblik over de moduler, vi anbefaler til at lave overskrifter.

Hero skaberfokus

Hero-modulet er en H1-overskrift og giver mulighed for at anvende de genkendelige AAU-bølger. Dette modul bør kun bruges som den øverste overskrift på en side og ikke placeres mellem andre moduler. Ved linjeskift i modulets Title skifter overskriften farve, så den første linje bruger sidens Theme Color, mens resten er i AAU-blå.

Hero Video Vejledning

Hero skaberfokus

Hero-modulet er en H1-overskrift og giver mulighed for at anvende de genkendelige AAU-bølger. Dette modul bør kun bruges som den øverste overskrift på en side og ikke placeres mellem andre moduler. Ved linjeskift i modulets Title skifter overskriften farve, så den første linje bruger sidens Theme Color, mens resten er i AAU-blå.

Hero Video Vejledning

Hero Videosom overskrift

Hero Video-modulet fungerer på samme måde som Hero-modulet og bør derfor også kun anvendes som en overskrift øverst på en side, ikke mellem andre moduler. Ved linjeskift i modulets Title skifter overskriften farve, så den første linje bruger sidens Theme Color, mens resten er i AAU-blå.

Hero Video Vejledning

Overskriften

Brand Story

Modulet er designet til at fremhæve forskellige typer af indhold, som nyheder eller forskningsprojekter, eller til at guide brugeren videre på siden. Modulet anvender en H1 i sin Heading.

Brand Story Vejledning

Overskriften

Brand Story

Modulet er designet til at fremhæve forskellige typer af indhold, som nyheder eller forskningsprojekter, eller til at guide brugeren videre på siden. Modulet anvender en H1 i sin Heading.

Brand Story Vejledning

Overkriften

Header Title

Med en Header Title kan du vælge, om overskriften skal være en H1, H2 eller H3, samt bestemme dens bredde.

For at sikre optimal søgeoptimering og webtilgængelighed er det vigtigt at anvende overskriftstyperne i en naturlig rækkefølge. Undgå at springe fra H2 til H4—brug dem i den rigtige rækkefølge (H2, H3 osv.).

Three Column Card

og dens muligheder
Specifikationer
  • Title er en H2 *
  • Title og Subtitle er obligatoriske
  • Brug af Site Color kan slåes til
H2 *
Three Column Card bør derfor ikke bruges som det første modul på en side
Kan bruges på flere måder:
Three Column Card kan bruges som overskrift, både når der er tekst i de andre kolonner, hvilket fungerer godt for opremsende eller korte informationer, og når den anvendes alene som overskrift. I sidstnævnte tilfælde skaber den mellemrum og opdeling mellem to andre moduler, som kan ses nedenunder
Vejledning til Three Column Card
Three Column Card Vejledning

Three Column Card

Kun som overskrift

Upsell på flere måder

Upsell-modulet kan, ligesom Three Column Card, anvendes på en anderledes måde end den umiddelbare anvendelse. Det er nemlig ikke er obligatorisk at tilføje en Teaser eller et Image, og modulet kan derfor bruges til at adskille forskellige sektioner, som vist nedenfor. Det er dog vigtigt at bemærke, at dette modul har en H2 Heading og derfor ikke bør være det første, brugeren møder på en side.

Upsell vejledning

Upsell kun som overskrift

Vil du vide mere om brug af overskrifter?

Overskrifter og Søgemaskineoptimering

For optimal søgeoptimering og webtilgængelighed er det vigtigt at anvende overskriftstyper i en naturlig rækkefølge. Undgå at springe fra H2 til H4; brug i stedet overskrifterne i den korrekte rækkefølge (H2, H3 osv.).

Overskrifter og Webtilgængelighed

Det er vigtigt at formatere overskrifter korrekt. Dette opnås typisk ved at bruge "Heading"-feltet i de forskellige moduler i Umbraco eller ved at vælge "Formats" i "Text Editor"-modulet.

Ombrydning af lange headings

Hvis ikke man selv bestemmer hvor brydningen af teksten skal ske, vil webdesignet selv bryde teksten. Nogle gange brydes lange ord uhensigtsmæssigt på især små skærme.