schema markup

Schema markup er struktureret data, der gør dit indhold lettere tilgængeligt for søgemaskiner som Google.

Hvis du beskæftiger dig med SEO, er du nødt til at have styr på hvad Schema er, og hvordan du anvender det på din hjemmeside. I denne artikel gør jeg dig klogere på, hvad Schema markup er for en størrelse, og hvordan du implementerer det på din hjemmeside, samt hvordan du får mest ud af den.

Schema er blevet et varmt emne i de senere år, og det er der gode grunde til. Schema er et markup-sprog til at strukturere data på dine websider og dermed gøre det nemmere for Google at læse og forstå, hvad websiden handler om. Google anvender Schema markup til bedre at forstå de informationer, der er tilgængelige på din hjemmeside, sammenhængen mellem entiteterne på siden, og ikke mindst til at generere de såkaldte rich snippets i søgeresultaterne, hvor data præsenteres direkte i disse. Det sidste giver dig langt mere plads i søgeresultaterne og giver en bedre CTR (Click Through Rate).

Hvorfor er det så vigtigt at strukturere sine data på nettet?

Der findes mere end 50 milliarder websider på Internettet!

Hvis du vil have Google til at finde og anbefale lige præcis din i dette kæmpe informationshav, må du hjælpe søgemaskinen lidt. Her giver det rigtig god mening at skabe den bedste struktur på websiden i forhold til, at søgemaskinen forstår, hvad den læser, når den kommer forbi din side.

Du kan også tænke på det på denne måde: Dit indhold fortæller Google, hvad der er på din webside, men Schema hjælper Google med at forstå, hvad dit indhold betyder.

Kommer du til at ranke bedre med Schema?

Dette er ét af de mange spørgsmål indenfor SEO, hvor svaret er et irriterende ”ikke rigtigt, men…”. Med det mener jeg, at der endnu ikke er nogen, der har set beviser for at brugen af Schema og strukturerede data giver sig direkte udslag i dine organiske rankings, men at de til gengæld forbedrer din CTR, og dermed giver mere trafik på den måde.

Typer af Schema markup

Der findes Schema markup til at formatere en lang række af forskellige datatyper på nettet i form af mennesker, steder og ting.

Du kan se den fulde liste her.

De mest almindeligt anvendte er:

  • Artikler
  • Begivenheder
  • Produkter
  • Mennesker
  • Organisationer
  • Lokale virksomheder
  • Anmeldelser
  • Opskrifter
  • Sygdomme

Der er med garanti én eller flere af ovenstående, der passer til din forretning eller hjemmeside.

Her kommer et par eksempler på rich snippets i Google baseret på Schema markup.

Først begivenheder:

schema markup

Her har jeg søgt i Google på ”begivenheder i København” og får ovenstående oversigt over aktuelle begivenheder i hovedstaden.

Klikker jeg på én af disse, får jeg flere oplysninger – stadig i selve søgeresultatet og uden at klikke væk fra Google:

schema events begivenheder

Årsagen til at netop denne koncert er med i Googles oversigt over begivenheder er, at spillestedet Stengade har implementeret Schema på deres hjemmeside og markeret de relevante informationer om tidspunkt, adresse mv.

Og produkter:

Søger jeg på et specifikt produkt, ser jeg igen ekstra informationer direkte i søgeresultatet:

Her har Elgiganten implementeret Schema i deres webshop og markeret info om anmeldelser, pris og lagerstatus. Igen uden at jeg skal klikke ind på elgiganten.dk.

Sådan implementer du selv Schema på din hjemmeside

Hvis du anvender CMS’et WordPress, findes der flere plugins, der kan hjælpe dig med at implementere Schema på din hjemmeside. Dette er klart den nemmeste løsning, hvor du ikke behøver at kunne kode eller have adgang til din hjemmesides kode.

Eksempler på Schema-plugins:

Du kan også bruge ét af de populære SEO-plugins som Yoast SEO eller RankMath.

Manuel opsætning af Schema

Hvis du (eller din udvikler) selv koder hjemmesiden i stedet for at anvende et system som WordPress, så er der en del mere, du skal vide.

Det gør jeg dig lidt klogere på i det efterfølgende.

RDFa, Microdata og JSON-LD

Der er flere forskellige sprog du kan anvende, for at tilføje Schema markup til din hjemmeside. De tre mest brugte er:

  • RDFa (Resource Descriptive Framework in Attributes)
  • Microdata
  • JSON-LD (Javascript Object Notation for Linked Objects)

Alle tre tilføjes til din websides HTML-kode.

Her er et eksempel på en produkt-anmeldelse markeret med RDFa:

<div vocab=”http://Schema.org/” typeof=”Product”>

  <img property=”image” src=”produktbillede.jpg” alt=”billedbeskrivelse”/>

  <span property=”name”>Produktnavn</span>

  <div property=”review” typeof=”Review”> Bedømmelse:

    <span property=”reviewRating” typeof=”Rating”>

      <span property=”ratingValue”>5</span> –

    </span>

    <b>‘<span property=”name”>Anmeldelse Titel</span>‘</b> af

    <span property=”author” typeof=”Person”>

      <span property=”name”>Navn</span>

    </span>, skrevet den

    <meta property=”datePublished” content=”2022-03-31″>31. Marts 2022

    <div property=”reviewBody”>Anmeldelsestekst</div>

    <span property=”publisher” typeof=”Organization”>

      <meta property=”name” content=”publisher name”>

    </span>

  </div>

</div>

Her er et eksempel på en begivenhed markeret med Microdata:

<div itemscope itenmtype=”http://Schema.org/Event”>

  <div itemprop=”name”>Mads Langer</div>

  <span itemprop=”description”>Koncert med Mads Langer.</span>

  Koncertdato:

  <time itemprop=”startDate” datetime=”2022-03-31T19:30”>31. marts kl 19.30</time>

</div>

Her er et eksempel på et produkt markeret med JSON-LD:

<script type=’application/ld+json’>

{

  “@context”: “https://www.schema.org”,

  “@type”: “product”,

  “brand”: “produktets brand”,

  “logo”: “logo.png”,

  ”name”: “produktnavn”,
  ”category”: ”produktkategori”,
  ”image”: “produktbillede.jpg”,
  “description”: “produktbeskrivelse”,
  “aggregateRating”: {

    “@type”: “aggregateRating”,

    “ratingValue”: “5”,
    “reviewCount”: “21”

  }

}

</script>

Sådan genererer du selv Schema til din HTML

Hvis du blev lidt skræmt af al den kode i forrige afsnit, så har jeg en god nyhed til dig.

Som med alt andet, findes der naturligvis værktøjer online, der kan hjælpe dig med automatisk at generere den kode, du behøver for at implementere Schema på din hjemmeside.

Her kommer de fire bedste gratis værktøjer til at generere Schema-kode:

Her kommer et eksempel på brugen af Googles værktøj for en artikel på KH-Online.dk

hvad er schema

Jeg markerer simpelthen blot de elementer, jeg gerne vil skabe Schema-kode for, og så medtager værktøjet selv de relevante informationer i koden.

Herefter trykker jeg på knappen ”Opret HTML” og får med det samme den relevante kode i enten JSON-LD eller Microdata.

Husk at teste din Schema markup

Når vi taler om gode værktøjer til Schema, så må vi ikke glemme, at der findes flere alternativer til at teste om det arbejde, du har lavet er helt korrekt. Hvis Google skal have noget ud af din markup, er det vigtigt at den sidder lige i skabet.

Her kommer de to bedste:

  • Google Schema Markup Validator – Igen, Googles eget værktøj. Her kan du nemt teste enten en webadresse eller en stump kode, og få at vide om der er fejl.
  • Semrush Site Audit Tool – Et værktøj fra firmaet Semrush, der checker hele dit website og fortæller dig, hvor stor en procentdel af websitet der anvender Schema (kun Microdata), samt andre relevante ting som Open Graph, Twitter Cards og Microformats.

2 reaktioner

  1. Godt indlæg (som altid).
    Er det gratis versioner af WPSSO og Schema & Structured Data for WP & AMP som reelt kan bruges, eller skal man bruge en betalingsversion?

    1. Hej Per
      Tusind tak – og de to du nævner er der gratis versioner på. De har begge ret mange features men det kan godt være du lige skal læse ned i detaljen fx har den ene af dem ikke reviews med i gratis versionen.

Skriv et svar

Din e-mailadresse vil ikke blive publiceret.

En hjemmeside-screening er gratis!

Kvalificerer du til vores Vækstpakke

Nogle iværksættere med bestemt mindset kan indgå i vores partnerpakke: Vækstpakken?

Skriv dine detaljer til højre, hvis du vil have din virksomhed screenet for muligheden.