Sådan bruges Schema.org-markering på dit websted, og hvorfor du skal

Reklame

Søgemaskiner er forbløffende kraftfuld 7 Google-søgealternativer og deres varemærkefunktionerEr du en hård Google-bruger? Prøv disse alternative søgemaskiner. Fra privatlivets fred til at hjælpe med velgørenhedsmæssige årsager, disse søgemaskiner kan give dig nogle grunde til at ændre den måde, du gennemser. Læs mere . De kan fortolke det ofte uklare sprog, vi bruger til at finde ud af, hvad vi leder efter, bestemme den bedste ressource til at besvare vores spørgsmål og vise det for os inden for brøkdel af et sekund.

Google bliver endda rigtig god til at besvare spørgsmål på søgeresultatsiden og undgår behovet for at klikke på noget. Det lige personaliserer søgeresultater Sådan deaktiveres Googles personalisering af søgeresultater Læs mere . Og det hjælper folk med at finde de oplysninger, de leder efter, hurtigere.

Men søgemaskiner kan ikke gøre det på egen hånd - de har brug for hjælp fra webstedsejere og udviklere. Og skema-markering er en måde, du kan hjælpe på dit eget websted på.

Hvad er skema-markering?

Skema-markering er en måde at fremhæve bestemte stykker strukturerede data.

Hvad er strukturerede data? Det er information, der er organiseret og tagget så det kan forstås bedre af maskiner. Kort sagt er skema-markering oplysninger, der hjælper søgemaskiner med at finde specifikke typer information på din webside. Det er nemmest at se på et eksempel.

Google har sit eget interaktivt eksempel på skema-markering der indeholder en opskrift på æblekager:

Ovenfor kan du se JavaScript, der definerer forberedelsestid, samlet tid, opskriftudbytte og forskellige ernæringsfakta til opskriften.

Det skal bemærkes på dette tidspunkt, at der er to hovedmåder til at markere de strukturerede data: med JSON Hvad er JSON? En lægmandsoversigtUanset om du planlægger at være en webudvikler eller ej, er det en god ide at i det mindste vide, hvad der er JSON, hvorfor det er vigtigt, og hvorfor det bruges rundt omkring på nettet. Læs mere eller med inline HTML-tags. Google anbefaler JSON-metoden, men vi overgår begge senere.

Sådan henter Google de specifikke ernæringsoplysninger:

Schema.org har tusinder af forskellige typer markup, som du kan bruge til bedre at vise søgemaskiner informationen på din side. TechArticle-typen inkluderer for eksempel blandt andet andre følgende attributter:

• proficiencyLevel
• WORDCOUNT
• publikum
• skaberen
• dateCreated
• dateModified
• datePublished
• publishingPrinciples
• typicalAgeRange

Der er et komplet skema for biblioteker, logifirmaer, lejligheder, billedkunstbegivenheder, sendekanaler, leveringsmetoder, status af spilserver og mere.

Ideen er at sikre, at søgemaskiner ved, hvad hvert enkelt stykke information på din side faktisk repræsenterer, så det kan vise disse oplysninger til folk, der leder efter dem.

Fordelene ved skema-markering

OKAY. Skema-markering fortæller søgemaskiner, hvad der er på din side - hvad er det store?

Google udtrykker det sådan:

”Når information er meget struktureret og forudsigelig, kan søgemaskiner lettere organisere og vise dem på kreative måder.”

For eksempel kan du se turnédatoer for den kommende Slayer-turné, der vises direkte i søgeresultaterne:

Eller få specifikke oplysninger om en film, når du søger efter den:

Google bliver bedre hele tiden med at finde disse oplysninger alene, men korrekt ved hjælp af skema markup gør processen lettere og gør det mere sandsynligt, at oplysningerne på din side vil være fremhævede.

Og når søgemaskiner ved nøjagtigt, hvad der er på din side, kan de vise det til folk, der leder efter det lige inde i søgeresultaterne. Og det er godt for alle.

Kom godt i gang med strukturerede data

Nu hvor du har set fordelene ved at bruge Schema.org-markering, er det tid til at begynde at dykke ind. Vi starter med det nemmeste værktøj omkring: Googles marchymeter.

Du har brug for dit websted for at være tilsluttet Googles søgningskonsol (tidligere kendt som Webmasterværktøjer Få dybere søgningsindsigt til dit websted med webmasterværktøjets søgeforespørgslerÆndringer i værktøjet Søgeforespørgsler i Google Webmastere kan ændre, hvordan du foretager din emneforskning. Indholdsgenerering på nettet involverer kreativitet og brugerfokus og en masse søgeordsundersøgelser. Læs mere ). Hvis du har brug for hjælp til at få det opsat, skal du tjekke ud Yoasts nyttige gennemgang.

Når du har gjort det, skal du logge ind i Search Console og klikke på Søg udseende> Datamarkering. Klik på Start markering -knappen til højre på skærmen.

Dernæst skal du indtaste webadressen på en side, du vil mærke, og vælge den type markering, du skal gøre. I dette særlige tilfælde bruger vi markeringstypen Artikler.

Fordi jeg fremhæver en artikel på et websted, der poster en masse artikler, vil jeg beholde Tag denne side og andre kan lide den kontrolleret.

Nu ser du en delt skærm: din side til venstre og tilgængelige markeringsfelter til højre.

Det er virkelig enkelt herfra. Start bare med at fremhæve! Hver gang du fremhæver tekst (eller klikker på et billede), vises en lille menu, hvor du kan vælge den type information, du har fremhævet.

Her har jeg fremhævet titlen på siden. Alt hvad jeg skal gøre er at klikke på “Titel” i menuen.

Nu er titlen befolket i højre rude.

Jeg fortsætter med at fremhæve forfatteren, den offentliggjorte dato, hovedbillede og kategori (jeg fremhævede koderne øverst i artiklen, og alle tre blev importeret som kategorier).

Og vi er færdige! Det er alt, hvad der er der til det.

Når du rammer Færdig, Data Highlighter hjælper dig med at anvende denne markup på andre lignende sider på dit websted.

Tilføjelse af flere detaljer

Data Highlighter giver dig kun mulighed for at ridse overfladen på struktureret datamarkup. Som du så ovenfor, var jeg kun i stand til at tilføje en håndfuld attributter til den artikel. Schema.orgs artikeltype indeholder meget flere attributter, der kan indstilles.

Hvad gør vi, hvis vi vil tilføje flere detaljer til skema-markeringen?

Du bliver nødt til at dykke ned i koden på dette tidspunkt. Som jeg nævnte tidligere, er der to hovedmåder til at repræsentere de strukturerede data: med JSON og med inline HTML-tags. Fordi HTML-tags 17 enkle HTML-kodeeksempler, du kan lære på 10 minutterVil du oprette en grundlæggende webside? Lær disse HTML-eksempler, og prøv dem i en teksteditor for at se, hvordan de ser ud i din browser. Læs mere er lidt mere intuitive, vi vil gennemgå dem først.

Inline Schema.org HTML-markering

Som et eksempel markerer vi en simpel sætning: "Jeg bor i Denver." I HTML repræsenteres det simpelthen som dette:

Jeg bor i Denver.

For at starte markeringen er vi nødt til at specificere, at denne bestemte sætning handler om en person (vist af Person-elementtypen). Sådan gør vi det:

Jeg bor i Denver.

Nu vil en søgemaskine vide, at alt indeholdt i dette

Dernæst tilføjer vi en markup-attribut: homeLocation. Schema.org definerer homeLocation som "Et kontaktsted for en persons bopæl."

Vi er nødt til at tilføje den specifikke attribut til HTML. Sådan gør vi det:

jeg bor i Denver.

Nu "Denver" identificeres som homeLocation ejendom, og Google ved, at den person, der er identificeret i dette afsnit, bor der.

Hvis vi ændrer sætningen til "Jeg bor og arbejder i Denver," kan vi også vise det:

Jeg bor og arbejder i Denver.

Denver er nu identificeret som begge dele homeLocation og workLocation. (Tak til Lloyd Bank og unor hos Stack Exchange for skitserer dette eksempel.)

Dette er et ret simpelt tilfælde af skemamarkering, men du får ideen. Ved hjælp af og tags, kan du tilføje attributter og egenskaber til hvad som helst på din side.

Schema.org Markup Hos JSON

Google anbefaler at bruge JSON-LD (JavaScript Object Notation for Linked Data) til skema-markering. Den største fordel ved denne metode er, at den holder din HTML meget renere. Hvis du går tilbage for at redigere en side, og du ser snesevis af sider med kode med markering, vil du ikke være lykkelig.

JSON-markering kræver stadig meget plads, men den er adskilt fra din HTML, hvilket gør det lettere at vedligeholde.

Lad os sige, at du har en boghandel, der hedder Harker's, og du har inkluderet følgende oplysninger på din kontaktside:

Telefonnummer: 555-8710. Adresse: 749 Stoker St., Boulder, Colorado. Åbningstider: 10–9 mandag til fredag, 11–8 lørdag, 12–5 søndag

Sådan repræsenterer du det med JSON-LD:

Dette går i overskriften på din side. Som du kan se, vil dette optage meget plads, fordi dette indhold næsten helt sikkert også vises på din side i HTML. Så alt, hvad du vil markere, bliver skrevet to gange.

På trods af denne duplikering foretrækkes JSON-metoden imidlertid ofte, da den adskiller skemamarkeringen og din HTML. Mange HTML bedste praksis 9 Fejl, du ikke bør foretage, når du bygger en websideDisse følgende HTML-kodningsfejl er nemme at lave, men hvis du tager dem af tidligere snarere end senere, vil din side se bedre ud, være lettere at vedligeholde og fungere, hvordan du vil have den. Læs mere virker lidt mærkelig, indtil du er klar over, at de gør websteder nemmere at vedligeholde. Dette er det samme.

Tilføjelse af skema-markering til dit websted

Nu, hvor du har set et par forskellige måder at tilføje struktureret datanotation til dit websted, kan du komme i gang! Det er en god ide at starte med Data Markøren og gå videre derfra. Schema.org-dokumentationen er den ultimative ressource, men det er lidt svært at skumme igennem.

Uanset om du vil gå til det grundlæggende eller begynde at markere alt, hvad du kan se, har du nu de ressourcer, du har brug for for at komme i gang!

Har du brugt Schema.org-markering på dit eget sted? Har du nogle tip til webstedsejere eller udviklere, der ønsker at komme i gang? Del dine tanker i kommentarerne herunder!

Billedkredit: iinspiration via Shutterstock.com