programmering

Slik bruker du Schema.org Markup på nettstedet ditt og hvorfor du bør

Slik bruker du Schema.org Markup på nettstedet ditt og hvorfor du bør / programmering

Søkemotorer er utrolig kraftige 7 Googles søkealternativer og deres varemerkefunksjoner 7 Googles søkealternativer og deres varemerkeregenskaper Er du en dødelig Google-bruker? Gi disse alternative søkemotorene et forsøk. Fra personvern til å hjelpe ut med veldedige årsaker, kan disse søkemotorene gi deg noen grunner til å endre måten du blar på. Les mer . De kan tolke det ofte uklare språket vi bruker for å finne ut hva vi leter etter, bestemme den beste ressursen for å svare på spørsmålene våre, og vis den til oss innen brøkdeler av et sekund.

Google blir til og med blitt veldig god til å svare på spørsmål på søkeresultatsiden, og eliminerer behovet for å klikke på noe. Det tilpasser selv søkeresultatene Slik deaktiverer du Googles personligisering av søkeresultater Hvordan deaktiverer Googles personalisering av søkeresultater Les mer. Og det hjelper folk å finne informasjonen de leter etter raskere.

Men søkemotorer kan ikke gjøre det på egen hånd - de trenger hjelp fra nettstedseiere og utviklere. Og skjemaoppslag er en måte du kan hjelpe deg med på ditt eget nettsted.

Hva er Schema Markup?

Schema markup er en måte å markere spesifikke stykker av strukturert data på.

Hva er strukturerte data? Det er informasjon som er organisert og merket så det kan forstås bedre av maskiner. Kort sagt er skjemaoppslag informasjon som hjelper søkemotorer å finne bestemte typer informasjon på websiden din. Det er lettest å se på et eksempel.

Google har sitt eget interaktive eksempel på skjemaoppslag som beskriver en eplepottoppskrift:

Over, kan du se JavaScript som definerer prep tid, total tid, oppskrift avkastning og ulike næringsfakta for oppskriften.

Det skal påpekes at det er to hovedmåter å merke opp strukturerte data: med JSON Hva er JSON? A Laymans oversikt Hva er JSON? En Laymans oversikt Enten du planlegger å være en webutvikler eller ikke, er det en god ide å minst vite hva som er JSON, hvorfor det er viktig, og hvorfor det brukes over hele nettet. Les mer eller med inline HTML-koder. Google anbefaler JSON-metoden, men vi går over begge deler senere.

Slik trekker Google ut den spesifikke ernæringsinformasjonen:

Schema.org har tusenvis av forskjellige typer oppslag som du kan bruke til å bedre vise søkemotorer informasjonen på siden din. TechArticle-typen inkluderer for eksempel blant annet følgende egenskaper:

  • ferdighetsnivå
  • ordtelling
  • publikum
  • skaperen
  • Date laget
  • dato endret
  • datePublished
  • publishingPrinciples
  • typicalAgeRange

Det er fullt skjema for biblioteker, overnattingsbedrifter, leiligheter, visuelle kunsthendelser, kringkastingskanaler, leveringsmetoder, spillserverstatuser og mer.

Tanken er å sørge for at søkemotorer vet hva hver del av informasjonen på siden din faktisk representerer, slik at den kan vise informasjonen til folk som leter etter dem.

Fordelene ved Schema Markup

OK. Schema markup forteller søkemotorer hva som er på siden din - hva er big deal?

Google setter det slik:

“Når informasjon er svært strukturert og forutsigbar, kan søkemotorer lettere organisere og vise det på kreative måter.”

For eksempel kan du se turnedatoer for den kommende Slayer-turen som vises direkte i søkeresultatene:

Eller få spesifikk informasjon om en film når du søker etter den:

Google blir bedre hele tiden ved å finne denne informasjonen på egenhånd, men riktig bruk av skjemaoppslag gjør prosessen enklere og gjør det mer sannsynlig at informasjonen på siden din vil bli omtalt.

Og når søkemotorer vet nøyaktig hva som er på siden din, kan de vise det til folk som leter etter det rett innenfor søkeresultatene. Og det er bra for alle.

Komme i gang med strukturerte data

Nå som du har sett fordelene ved å bruke Schema.org-oppslag, er det på tide å begynne å dykke. Vi starter med det enkleste verktøyet rundt: Googles Data Highlighter.

Du må trenge nettstedet ditt til å være koblet til Googles søkekonsoll (tidligere kjent som nettredaktørverktøy) Få dypere søkeinnsikt for nettstedet ditt ved hjelp av nettredaktører Verktøy Få dypere søkeinnsikt for nettstedet ditt med verktøy for nettredaktører Søk etter søk Endringer i søkeordverktøyet i Google Webmasters kan endre hvordan du gjør emneforskningen. Innholdsgenerering på nettet innebærer kreativitet og brukerfokus, og mye søkeordforskning. Les mer). Hvis du trenger hjelp med å få det satt opp, sjekk ut Yoasts nyttige gjennomgang.

Når du har gjort det, logger du på Search Console og klikker på Søk Utseende> Data Highlighter. Slå den Start Markering knappen på høyre side av skjermen.

Deretter må du skrive inn nettadressen til en side du vil merke, og velg hvilken type oppføring du skal gjøre. I dette spesielle tilfellet bruker vi artikkeltypen.

Fordi jeg fremhever en artikkel på et nettsted som legger inn mange artikler, vil jeg beholde Merk denne siden og andre liker den sjekket.

Nå ser du en delt skjerm: siden din til venstre, og tilgjengelige merkingsfelt til høyre.

Det er veldig enkelt herfra. Bare begynn å markere! Når du markerer tekst (eller klikker på et bilde), vises en liten meny der du kan velge hvilken type informasjon du har markert.

Her har jeg uthevet tittelen på siden. Alt jeg trenger å gjøre er å klikke “Tittel” i menyen.

Nå er tittelen befolket i høyre rute.

Jeg fortsetter, markerer forfatteren, datoen som er publisert, hovedbildet og kategorien (jeg markerte merkene øverst i artikkelen, og alle tre ble importert som kategorier).

Og vi er ferdige! Det er alt der er til det.

Når du treffer Ferdig, Data Highlighter hjelper deg med å bruke denne merkingen til andre lignende sider på nettstedet ditt.

Legger til mer detalj

Data Highlighter lar deg bare klare overflaten av strukturert dataoppretting. Som du så over, var jeg bare i stand til å legge til en håndfull attributter til den artikkelen. Schema.orgs artikkeltype inneholder mange flere attributter som kan settes.

Hva gjør vi hvis vi vil legge til flere detaljer i skjemaoppslaget?

Du kommer til å dykke inn i koden på dette tidspunktet. Som nevnt tidligere, er det to hovedmåter å representere strukturerte data: med JSON og med inline HTML-koder. Fordi HTML-kodene 17 Enkle HTML-kodeeksempler du kan lære om 10 minutter 17 Enkle HTML-kodeeksempler du kan lære om 10 minutter Hvis du kjenner de følgende 17 HTML-kodene (og de ekstra få som går med dem), vil du kunne å lage en grunnleggende nettside fra bunnen av eller justere koden som er opprettet av en app som ... Les mer er litt mer intuitiv, vi går over de første.

Inline Schema.org HTML Markup

Som et eksempel merker vi opp en enkel setning: “Jeg bor i Denver.” I HTML, vil det bli representert enkelt, slik:

Jeg bor i Denver.

For å starte oppslaget må vi spesifisere at denne setningen handler om en person (vist av person-typen). Slik gjør vi det:

 
Jeg bor i Denver.

Nå vil en søkemotor vite at alt inneholdt dette

tag har å gjøre med en person.

Deretter legger vi til et merketattributt: homeLocation. Schema.org definerer homeLocation som “Et kontaktsted for en persons bolig.”

Vi må legge til det spesifikke attributtet til HTML. Slik gjør vi det:

 
jeg bor i Denver.

Nå “Denver” er identifisert som homeLocation eiendom, og Google vet at personen som er identifisert i dette avsnittet, bor der.

Hvis vi endrer setningen til “Jeg bor og jobber i Denver,” vi kan også vise det:

 
Jeg bor og jobber i Denver.

Denver er nå identifisert som begge deler homeLocation og arbeidssted. (Takk til Lloyd Bank og unor på Stack Exchange for å se dette eksemplet.)

Dette er et ganske enkelt tilfelle av skjemaoppslag, men du får ideen. Ved bruk av

og koder, kan du legge til attributter og egenskaper til noe på siden din.

Schema.org Markup With JSON

Google anbefaler at du bruker JSON-LD (JavaScript Object Notation for Linked Data) for skjemaoppslag. Den største fordelen med denne metoden er at den holder HTML mye renere. Hvis du går tilbake til å redigere en side, og du ser dusinvis av sider med kode med markering, kommer du ikke til å være lykkelig.

JSON-oppretting krever fortsatt mye plass, men det skilles fra HTML-en din, noe som gjør det enklere å vedlikeholde.

La oss si at du har en bokhandel som heter Harker, og du har tatt med følgende informasjon på din kontaktside:

Telefonnummer: 555-8710 Adresse: 749 Stoker St., Boulder, Colorado Timer: 10-9 Mandag til fredag, 11-8 Lørdag, 12-5 Søndag

Slik representerer du det med JSON-LD:

Dette går i overskriften til siden din. Som du kan se, vil dette ta opp mye plass, fordi dette innholdet nesten helt sikkert også vil bli vist på siden din i HTML. Så alt du vil markere vil bli skrevet to ganger.

Til tross for at duplisering, er JSON-metoden imidlertid ofte å foretrekke, da den skiller opp skjemaoppsettet og HTML-en. Mange HTML-best practices 9 Feil du ikke bør gjøre når du bygger en webside 9 Feil du ikke bør gjøre når du bygger en webside Disse følgende HTML-kodingsfeilene er enkle å lage, men hvis du leder dem tidligere enn senere, Siden vil se bedre ut, være lettere å vedlikeholde og fungere som du vil. Les mer virker litt rart før du innser at de gjør nettsteder enklere å vedlikeholde. Dette er det samme.

Legge til Schema Markup på nettstedet ditt

Nå som du har sett noen forskjellige måter å legge til strukturert datanotasjon på nettstedet ditt, kan du komme i gang! Det er en god idé å begynne med Data Highlighter, og fortsett derfra. Schema.org-dokumentasjonen er den ultimate ressursen, men det er litt vanskelig å skumme gjennom.

Uansett om du vil gå til det grunnleggende eller begynne å markere alt i sikte, har du nå de ressursene du trenger for å komme i gang!

Har du brukt Schema.org-markering på ditt eget nettsted? Har du tips til nettstedseiere eller utviklere som ønsker å komme i gang? Del dine tanker i kommentarene nedenfor!

Image Credit: Iinspiration via Shutterstock.com

.