Er du træt af din side bare bliver vist som et kedeligt blåt link ? – lær at skabe rigere søgeresultater ved hjælp af struktureret data
I min søgen efter, at SEO og AI optimerer min hjemmeside, er jeg stødt på begrebet struktureret data, også kaldt schema markup. Selvom søgemaskiner er blevet mere avanceret, og har mulighed for at fortolke noget af din hjemmeside ud fra din tekst alene. Kan du hurtigt gøre det mere optimalt og læsbart ved at tilføje struktureret data.
Struktureret data går ud på at tilføje yderligere information til sin html, som hjælper med at fortælle hvad man rent faktisk skriver om. Det kunne være, at man f.eks. skriver en opskrift over en tomatsuppe. Ved at bruge struktureret data, kan du eksplicit fortælle, at denne side er en opskrift på en tomatsuppe.
Struktureret data, er ikke kun med til at gøre din side nemmere at fortolke for søgemaskinerne. Ved at bruge struktureret data, kan du også få din side udstråle endnu mere iblandt søgeresultaterne.
Hvor og hvordan bruger man struktureret data?
Jeg plejer personligt at tænke på struktureret data som et regelsæt eller en guideline, de forskellige søgemaskiner er blevet enige om. Det regelsæt svarer til en kæmpestor ordbog over alle ting man kan skrive om.
Ved hjælp af den ordbog, kan man så definere sit indhold, til en bestemt ting fra ordbogen, så man klart og tydeligt fortæller søgemaskiner hvad man skriver om. Som eksempel på det, er en defineret genstand eller så kaldt Item-type i ordbogen ”Person”. Den item-type er med til at fortælle, at det indhold der hører under den, skal fortolkes som en person. Den item-type kunne f.eks. være en god ting at tilføje på sin, ”hvem er vi ” side.
Hvordan ved man hvilke genstand/Item-types der er anerkendte og kan bruges
Svaret er online anerkendte ordlister/ vocabularies
Ovenover fortalte jeg om brugen af Item-types ift. Beskrivelse af forskellige sider og sektioner på ens side. Men hvad pointen ved at bruge dem til at hjælpe søgemaskiner med at forstå vores side, hvis vi ikke definerer ud fra det samme som den? Derfor har de forskellige søgemaskiner, valgt nogle anerkendte og udbredte ordlister de tager udgangspunkt i.
Hvad er en ordliste?
En ordliste, er egentligt bare en kæmpe liste af forskellige genstands-typer/item-types, som er med til at skabe en standard indenfor struktureret data på hjemmesider. En ordliste indeholder mange forskellige genstande, man kan vælge at definere sin tekst til. Der findes bredde genstande, som f.eks. ”sted”, og mere specifikke genstande som ”virksomhed”. De bruges til at fortælle søgemaskiner præcis, hvad man skriver om. Hver genstand har forskellige egenskaber. Hvis man f.eks. tager udgangspunkt i virksomheds genstands-typen, har den en egenskab der hedder virksomhedsnavn. De brede genstande, har typisk også de mere specifikke genstande som deres egenskaber, f.eks. har sted, genstanden virksomhed, som en egenskab.
En af de mest kendte ordlister er schema.org. Schema.org er grundlagt gennem et samarbejde af de største og mest anerkendte søgemaskiner vi har i dag. Du kan læse mere om det her : https://schema.org/
Rich results/udvidede resultater – mere info i søgeresultats visningen
Har du lagt mærke til, at nogle af de søgeresultater der kommer frem, vises med stjerner eller andet nyttigt info?
Som du kan se på billedet ovenover, så vises der stjerner på Arlas drømmekage opskrift. Stjernerne er kommet frem ved hjælp af struktureret data. Dette kaldes rich results eller på dansk, udvidede resultater.
Rich results eller udvidede resultater, er googles betegnelse for rigere og mere udvidede resultater. Det er i bund og grund, en mere attraktiv og fyldig måde at få vist sin side på, end bare at vise det kedelige blå link. Det kan være alt fra et produkt der vises med billede og anmeldelser, til en opskrift der vises med estimeret tidsforbrug.
Google har en hel guide ift. hvilke data du skal indsætte for at få vist din side på en specifik måde: https://developers.google.com/search/docs/appearance/structured-data/search-gallery
Hvordan implementerer man struktureret data på sin side ?
Struktureret data kan i bund og grund, implementeres på to forskellige måder, hvis man skal ned på det tekniske niveau ift. hvordan det implementeres i selve html koden. Selvom der er en forskel på de to forskellige måder at implementere det på, er de begge i bund grund skrevet som nøgle-værdi par. Det kunne f.eks. være virksomhedsnavn:” digitalguiden.dk”. For folk der ikke er så teknisk med webkode – En nemmere måde at implementere det på, er gennem yoast-seo plugin i WordPress, hvilket jeg senere laver et nyt indlæg om 🙂
Micro data i html:
Når jeg skal tænke på microdata måden at skrive det på, bruger jeg inline-css som et eksempel. Det er det samme princip, altså at skrive selve data direkte i html. Det kan gøres ved at tilføje attributter til html elementerne. Det skal siges, ligesom inline-css ses det som den gamle måde at gøre det på, og derfor anbefales det at lave det på den nye måde, som er json-ld
<div itemscope itemtype="https://schema.org/Recipe">
<h1 itemprop="name">Tomatsuppe</h1>
<p>
Beskrivelse:
<span itemprop="description">
En cremet tomatsuppe med friske tomater og basilikum.
</span>
</p>
<p>
Tilberedningstid:
<time itemprop="cookTime" datetime="PT30M">30 minutter</time>
</p>
<p>
Antal portioner:
<span itemprop="recipeYield">4 personer</span>
</p>
</div>JSON-LD:
Dette er den moderne og mere struktureret måde, at skrive struktureret data på i html. Det skrives som et JSON-script i din head sektion, inde i din html fil. Søgemaskiner læser så den fil igennem og får masser af nyttig information om siden. Det er vigtigt, at skrive selve JSON-indholdet i headeren af den pågældende html fil og ikke at skrive den som en separat fil, da søgemaskinerne ikke godkender det sådan.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Recipe",
"name": "Tomatsuppe",
"description": "En cremet tomatsuppe med friske tomater og basilikum.",
"cookTime": "PT30M",
"recipeYield": "4 personer"
}
</script>Sådan tester du din struktureret data
Nu har jeg guidet dig igennem hvad struktureret data er, og hvordan du bruger det. Så nu er det bare med at komme i gang, med at tilføje struktureret data på din hjemmeside. Det kan selvfølgelig være nemmere sagt end gjort…det ved jeg godt. Men det gode er, at google har skabt en masse ressourcer, der kan hjælpe dig med at teste din struktureret data, og se om den bliver fortolket på den rigtige måde.
- Google’s rich result tester: https://search.google.com/test/rich-results
- Schema.org’s schema markup tester: https://validator.schema.org/
Hvordan kommer du igang?
For udvikleren:
Jeg vil anbefale at starte med, kort at sætte dig ind i syntaksen, ved f.eks. at tage udgangspunkt i en item-type fra Schema.org’s ordliste, og bare skrive JSON filen eller microdata til den, derefter teste den, og tage læring af resultaterne. Det skaber en god forståelse for Schema-markup.
Den nemme løsning:
Som jeg skrev lidt længere oppe i teksten, ville jeg personligt først undersøge om mit CMS understøtter en form for struktureret data funktion. Jeg bruger selv WordPress og de har desværre ikke en indbygget funktion til det, på nuværende tidspunkt. Derfor vælger jeg at downloade Yoast-seo plugin som giver mig mulighed for at tilføje forskellige struktureret data på min side. Der findes dog andre CMS’er der hat indbygget struktureret data funktioner, såsom Shopify.
