Begrepet Strukturerte data refererer til informasjon formatert på en universelt forståelig måte. Søkemotorer som Google, Bing og Yahoo bruker strukturerte data (implementert på nettsider) for å finjustere søkeresultatene, filtrere med større nøyaktighet og forbedre måten resultatene vises på. Dette gjør det lettere for brukerne å finne informasjonen de leter etter.
Strukturerte data blir en stadig viktigere del av webøkosystemet. - Google
Websider har en inneboende mening som brukere forstår når de leser dem. Søkemotorer har derimot en begrenset forståelse av nettsider. For eksempel, la oss si at du har en nettside om 'jaguar'. En søkemotor kan krype siden, men vet ikke nødvendigvis hva ordet 'jaguar' betyr. 'Jaguar' kan henvise til dyret, eller det kan henvise til bilprodusenten.
Dette gjør det vanskelig for søkemotorer å vise relevante søkeresultater til en bruker. Mennesker kan utlede meningen med et ord fra konteksten til nettsiden, men søkemotorer har problemer med å gjøre dette.
Med strukturerte data kan du hjelpe søkemotorer å forstå innholdet ditt og vise det på en nyttig, relevant måte.
Strukturerte data har en stor fordel: synlighet. Informasjon lagret innenfor strukturert data kan brukes av søkemotorer for å generere rike utdrag. Rike utdrag gir brukeren detaljert informasjon om sine spesifikke søk.
Du har sikkert kommet over eksempler på disse riktige utdragene. Hvis ikke, ta en titt på Googles SERP for lasagne. Jeg er sikker på at du legger merke til bildene ved siden av noen søkeresultater. Disse bildene ble lagt takket være mikrodata. De kan brukes til å gi søkemotorer tilleggsinformasjon om nettsiden, i dette tilfellet et bilde, men du kan også legge til en vurdering, matlagingstid, mengde kalorier, osv..
Disse rike utdragene gir visse resultater skiller seg ut fra resten, noe som ofte resulterer i en høyere klikkfrekvens (CTR). Noen nettsteder har rapportert en 30% økning i klikkfrekvensen etter å ha implementert strukturerte oppslagsdata. Høres ganske bra ut, hei?
Det er tre typer strukturert dataoppretting:
Før vi begynner å utforske disse merketypene, må du holde en ting i bakhodet: Du kan ikke bruke mer enn én type strukturert data på en enkelt nettside, fordi det potensielt forvirrer søkemotorer. Vi må derfor velge mellom disse tre alternativene. Men hvilken er mest egnet for vår nettside? La oss ta en titt på dem alle sammen.
Hvis du vil vite alt (og jeg mener absolutt alt) om de tekniske forskjellene mellom RDFa, mikrodata og mikroformater, foreslår jeg at du leser en Uber-sammenligning av RDFa, Microdata og Microformats av Manu Sporny, leder av gruppen på World Wide Webkonsortium som skapte RDFa.
Mikrodata er trolig den mest populære typen strukturerte data, hovedsakelig på grunn av nettstedet Schema.org. På dette nettstedet, et initiativ av de tre største søkemotorene (Google, Bing og Yahoo), finner du en delt samling av skjemaer (mikrodata) som du kan bruke.
Markeringen av mikrodata består av 3 elementer: itemscope
, elementtype
og itemprops
. Attributtet attributter inneholder informasjon om varen. Ved å legge til elementer i HTML-en din, angir du at innholdet i det valgte elementet ditt handler om et bestemt element.
Foo Fighters konsert
Legg til elementtypeelementet for å identifisere innholdstypen. Bruk denne attributtet umiddelbart etter gjenstanden.
Foo Fighters konsert
I dette eksemplet informerer itemcope søkemotorer om at elementet i div er faktisk en hendelse. Elementtyper blir alltid lagt til som nettadresser. Du finner en komplett liste over alle elementtyper på Schema.org.
Nå som søkemotorene vet at siden vår handler om en begivenhet, kan vi gi den ytterligere informasjon om denne spesifikke hendelsen. For dette bruker vi itemprop
Egenskap.
Hvis vi vil identifisere plasseringen av Foo Fighters konserten, legger vi ganske enkelt til itemprop =”location”
til elementet som inneholder plasseringsnavnet (igjen, besøk schema.org for en fullstendig liste over alle egenskaper du kan knytte til en elementtype).
Foo Fighters konsert. Konserten finner sted på Madison Square Garden.
Noen ganger må du legge til flere elementer for å legge til itemprop detaljer. Vi bruker koder fordi de som standard ikke påvirker måten inline-tekst presenteres av en nettleser.
Datoer og tider kan være vanskelig å tolke. Datoen 08/10/12 for eksempel betyr det 8. oktober 2012? Eller 10. august 2012? Eller 12. august 2008? Forvirrende, er det ikke? Søkemotorer har det samme problemet.
For å gi dem riktig tid og dato, må vi legge til et datetime-attributt. Dette attributtet spesifiserer en dato ved hjelp av ÅÅÅÅ-MM-DD-formatet.
Koden ovenfor er for datoen 1. april 2011.
Datetime-attributten kan også brukes til å spesifisere en tid. Tider er prefiks med bokstaven T og kan gis sammen med en dato.
Koden ovenfor viser følgende dato og klokkeslett: 8. mai 2011 kl. 19.30. Hvis vi legger til datoen og klokkeslettet i vårt forrige eksempel, kan vi få noe slikt:
Foo Fighters konsert. Konserten finner sted på Madison Square Garden på .
Med disse enkle kodene kan vi fortelle søkemotorer at den 8. mai 2011 klokken 19:30 vil det bli en Foo Fighters konsert på Madison Square Garden. Vi kan bruke andre attributter til å markere nettsider om bøker, filmer, organisasjoner, oppskrifter mv.
Informasjon er ikke alltid synlig for brukere og søkemotorer. Enkelte opplysninger kan legges inn i et medieobjekt, eller det kan ikke angis eksplisitt på en side. I dette tilfellet kan du bruke metakoder til å spesifisere denne informasjonen.
La oss si at vi har en video på vår side, og vi vil at varigheten av videoen skal vises som en rik brikke. Fordi videoens varighet ikke er gitt som tekst på vår side, må vi bruke et metatag for å legge til denne informasjonen. For eksempel:
Koden ovenfor forteller søkemotorer at videoen er 2 minutter og 40 sekunder lang (ikke glem at vi bruker ISO8601-formatet for datoer og klokkeslett). Denne informasjonen vises som en rik tekst i søkeresultatene.
Mikroformater utvider konvensjonelle HTML-koder med semantisk informasjon. For å legge til strukturerte data på en nettside med mikroformater, bruker du for det meste klassetributtet. Dette gjør mikroformater uten tvil den enkleste og reneste måten å legge til strukturerte data på.
De mest populære typer mikroformater er hCard
, hCalendar
og hReview
. hCard brukes til personer, bedrifter og organisasjoner. hCalendar kan brukes til å legge til informasjon om hendelser. Og med hReview kan du se på restauranter, bøker, filmer osv.
La oss si at vi har en side for en fotballkamp. Først av alt må vi fortelle søkemotorer at denne nettsiden handler om en hendelse ved å referere til hCalendar i .
Deretter må vi fortelle søkemotorer hvilken del av vår nettside som handler om arrangementet. For dette bruker vi vevent-klassen.
Alt som finnes i vår
gir søkemotoren mer informasjon om hendelsen (men du kan også bruke andre tagger someller
hvis nødvendig). Hvis vi vil legge til tittelen på arrangementet, bruker vi sammendragsegenskapen. Sammendrag er en nødvendig eiendom for en hendelse!
Real Madrid - FC BarcelonaVed å bruke stedegenskapen kan vi spesifisere hvor kampen skal finne sted.
Real Madrid - FC Barcelona på Camp NouMed denne koden forteller vi søkemotorer at kampen mellom Real Madrid og FC Barcelona vil finne sted i Camp Nou. En annen nødvendig eiendom for hCaldendar er
dtstart
. Det beskriver dato og klokkeslett for arrangementet.Real Madrid - FC Barcelona på Camp Nou påDisse kodene gir søkemotorer mer informasjon om fotballkampen mellom Real Madrid og FC Barcelona, for eksempel plassering og dato / klokkeslett.
For mer informasjon om mikroformater, sjekk ut microformats wiki.
RFDa
RFDa bruker en rekke egenskaper for å identifisere enheter (for eksempel en person eller en hendelse). Den bruker HTML-koder, for eksempel
og, å beskrive entiteter. De mer avanserte funksjonene til RFDa kan være vanskelig for webansvarlige som ikke tilfeldigvis er eksperter på strukturerte data.
RFDa har fire grunnleggende attributter:
voctype
,typeof
,eiendom
ogressurs
.Den første attributtet, voctype, definerer ordforrådet vi skal bruke for våre strukturerte data. Takket være dette attributtet vet søkemotorer hvor de skal få informasjon om denne strukturerte data.
Hei, jeg heter John Doe!
Med koden ovenfor angir vi at ordforrådet for våre RFDa-koder kan bli funnet på schema.org (for eksempel). Det finnes flere andre vokabularer, som LOV og Dublin Core. Nå må vi spesifisere typen data. Er det informasjon om en person, en hendelse, en restaurant ...? For dette bruker vi typeof attributtet.
Hei, jeg heter John Doe!
Søkemotorer vet at vi snakker om en person, men de vet ikke mye om ham. Ved å legge til egenskaper kan vi gi dem mer informasjon om denne personen.
Hei mitt navn er John Doe!
Koden ovenfor forteller oss at denne nettsiden handler om en person som heter John Doe. Vi kan legge til et unikt id til denne strukturerte data for å identifisere denne personen ved å legge til ressursattributtet.
Hei mitt navn er John Doe!
Dette unike id er nyttig hvis vi vil snakke om John Doe på en annen nettside. Ved å legge til id til slutten av nettadressen til denne nettsiden (for eksempel http://example.com/employees#john), har vi referanse for all informasjon om John Doe.
For mer informasjon om implementeringen av RFDa, sjekk ut RDFa-dokumentasjonen på w3.org.
Hvorfor jeg foretrekker Microdata
Jeg foretrekker å bruke microdata for å implementere strukturerte data. Jeg sier på ingen måte at mikrodata er det beste alternativet (det er fordeler og ulemper for alle typer nevnt), men for meg gir mikrodata de mest fordelene.
Sammenlignet med mikrodata, har RDFa litt av en læringskurve når det handler om nestede enheter. Og implementeringen av RFDa i ikke-XHTML-sider kan være problematisk på grunn av visse attributter og verdier.
Ulempen med mikroformater er at hvis du vil ettermontere den på et nettsted, vil du sannsynligvis ha det
å gi nytt navn til mange CSS klasser og
ogtags.
For meg er mikrodata det beste fra begge verdener; det er greit og enkelt å implementere. Mikrodata anbefales også av Google, så for personer som liker å følge Googles retningslinjer, kan dette være en grunn til å velge mikrodata over mikroformater og RFDa.
Testing Markup
Du har brukt utallige timer til å legge til strukturerte data på nettstedet ditt. Men hvordan vet du om det er implementert på riktig måte? Det er der Googles røde prøveutviklingsverktøy kommer til nytte. På denne nettsiden kan du ta en URL, eller en del av HTML-koden, og teste den strukturerte dataoppretting. Det kan gi deg en ide om hvordan siden vil vises i søkeresultatene.
Verktøy
Vi avslutter denne artikkelen med en samling verktøy som kan være nyttig når du legger til strukturerte data på nettstedet ditt.
- Schema.org Creator er en enkel måte å generere microdata på. Velg en innholdstype (person, begivenhet, anmeldelse ...), fyll ut de nødvendige feltene og med et klikk på en knapp har du riktig HTML-kode.
- Hvis du har en Wordpress blogg eller et nettsted, kan du bruke dette praktiske Wordpress plugin. Schema Creator Plugin, utviklet av Raven, gjør det veldig enkelt å legge til strukturerte data på websidene dine. En av fordelene med denne plugin er at den bruker kortkoder. Så du trenger ikke å legge til mikrodata manuelt.
- Microformat har flere skapere for hCard, hCalendar og hReview. Bruk disse verktøyene til å raskt generere mikroformater for nettstedet ditt.
- RDFa Play er sannsynligvis det beste verktøyet hvis du vil implementere RFDa. Det lar deg redigere og feilsøke koden din. Plus, det kommer til og med med en data visualizer!
Konklusjon
I fremtiden ser vi mye mer strukturert data. Det tillater søkemotorer å tolke innhold mer effektivt og generere riktige utdrag. Alt dette resulterer i en forståelig høyere klikkfrekvens for sider der strukturerte data er implementert.
Gi oss beskjed om dine tanker i kommentarene; Vil du dra nytte av strukturerte data når som helst snart? Har du allerede erfaring med å gjøre det?