Förbättra dina sökresultat med Rich Snippets & Schema.org Vocabulary

Strukturerad data gör det möjligt att presentera dina sökresultat på ett mer visuellt tilltalande och informativt sätt. Enligt en Searchmetrics-studie leder tillägget av strukturerad datapåverkan till en webbplats till en 36% ökning av Googles sökresultat.

Strukturerad datauppmärkning görs i Google, Bing och andra sökmotorer som rika utdrag. Rika utdrag är förbättrade sökresultat som lägger till extra information, till exempel ett foto, pris, användarbetyg och andra egenskaper, för att söka efter sökmotorer.

Strukturerad data leder till bättre sökresultat av två huvudskäl:

Det utökar HTML-semantiken genom att göra innehållet mer förståeligt för sökmotorer.
Rika utdrag - sökmotorns presentation av strukturerad data - ha en bättre klickfrekvens än vanliga, mindre informativa sökresultat.

Schema.org Ordförråd

Om du vill ha rika utdrag för din egen webbplats behöver du lägg till strukturerade data till din HTML-uppställning. Strukturerad data använder schema.org vokabulär som låter dig informera sökmotorer om innehållet i ditt innehåll.

Schema.org är initiativ från Google, Bing och Yahoo som syftar till att tillhandahålla en uppsättning scheman för att beskriva olika typer av webbinnehåll så att sökmotorerna bättre kan förstå det.

Ordförrådet Schema.org är organiserat i en två nivå hierarki:

typer: olika typer av webbinnehåll, de är ordnade till sin egen hierarki
Egenskaper: varje typ har ett visst antal egenskaper

Första nivån av typer

Sak är det mest generiska objektet i schema.org-ordförrådet är det förfader till alla andra typer.

Andra typ av typer

De andra nivån på typer är lite mer specifikt och innehåller Händelse, de Verkan, de immateriella, de Kreativt arbete, de Plats, de Organisation, de Produkt, och den Person Typer. Det finns också en separat nivå på andra nivån som är tillgänglig som en schema.org-förlängning. det är MedicalEntity Typ.

Tredje nivånivå

Varannan nivånivå innehåller några eller flera typer av tredje nivå, till exempel en av CreativeWorks subtyp är Recension Typ. Observera att mer specifika typer (andra och tredje nivå) ärva sina förälderes egenskaper (och morförälder vid tredje nivån).

Bilden nedan publicerades på den officiella schematbloggen, och det visualiserar hiearkin för schema.org-ordförrådet.

Hitta det schema du behöver

Bläddra i ordförrådet för att hitta det schema du behöver. Till exempel, för receptrika utdrag måste du använda Recept Skriv vilken är CreativeWorks barn. Den har många egenskaper, till exempel tillagningstid, cookingMethod, recipeIngredient, och andra, plus det ärver också egenskaperna hos sin förälder (CreativeWork) och morförälder (Thing).

Schema.org är en gemenskapsprojekt, det utökas ofta, och nya versioner släpps regelbundet. Om du inte kan hitta det schema du behöver kan du föreslå det till Schema.org Community, och du kan också bidra till deras Github-projekt.

Lägg till strukturerade data till din markering

Så hur lägger du till dina scheman i front-end-koden? Schema.org kan använda tre olika format. Du måste välja en för att lägga till strukturerad datamarkering på din webbplats. Även om du i teorin kan använda mer än ett format på samma webbplats, det skadar kodläsbarhet och underhåll, så det är inte en bra övning.

De tre huvudformat av strukturerad datauppmärkning är följande:

mikro~~POS=TRUNC: Det är en webbstandard som utökar HTML genom introducera nya attribut som itemprop. Den officiella schema.org-webbplatsen har en bra handledning om hur man använder microdata, så om du redan är bekant med HTML kan det här formatet vara ett bra val.
RDFa: Den långa formen av RDFa är Resursbeskrivning Framework i attribut, och det är en W3C-rekommendation som utökar HTML, XML och SVG-dokument med hjälp av en uppsättning specifika attribut. Facebooks öppna grafprotokoll är också baserat på RDFa, så förmodligen har du redan stött på det. Det finns en RDFa Lite-version för nybörjare, och även en fullständig version som ger många alternativ att arbeta med strukturerad data på ett utförligt sätt.
JSON-LD: Medan de två andra alternativen utökar HTML-markeringen använder JSON-LD JSON syntax. JSON-LD står för JavaScript Objekt Notation för länkade data, och det här är det format som Google Developers rekommenderar, enligt deras uppfattning, är "strukturerad dataramning lättast representerad i JSON-LD-format". Du behöver inte vara en JavaScript-expert för att använda JSON, eftersom det är ett enkelt notationssystem som använder namnvärdespar.

Du kan enkelt jämföra de tre formaten med hjälp av en praktisk flik längst ned på varje schema.org-typsida.

Exempel på de tre schema.org-formaten för recepttypen.

Genom att granska exemplen kan du enkelt förstå hur varje format fungerar och använda en av dem på din egen webbplats.

Den strukturerade dataprofil du behöver lägga till i din kod är baserad på schema.org-ordförrådet. Om du väljer mikrodata eller RDFa måste du lägga till de extra attributen till vanliga HTML-taggar.

Till exempel med mikrodata, du lägger till namnet på typen till behållaren med hjälp av itemscope attribut och varje egenskap med itemprop attribut. Här är ett mycket enkelt exempel:

  Mitt recept
  Beskrivning av recept

Och samma exempel använder RDFa, Det är värt att uppmärksamma de olika attribut som du behöver använda här:

  Mitt recept
  Beskrivning av recept

Om du väljer JSON-LD-format, du måste placera din kod inuti tagga i huvudet av din HTML-sida. Exemplet ovan kommer att se ut så här:

Tips för att använda strukturerade data

Testa din strukturerade datamärkning

Innan du lägger till den strukturerade datainmatningen på din webbplats kan du snabbt testa den genom att använda Googles strukturerade datatestverktyg. På så sätt kan du snabbt hitta problemen om du har några.

Utnyttja Google Knowledge Graph Cards

Google använder inte bara strukturerad data för rika utdrag, men om du är en auktoritet för en viss innehållstyp kan ditt innehåll också visas i ett av Knowledge Graph Cards visas på höger sida av några sökresultatsidor för sökmotorer.

Observera att du inte kan göra att Google visar ett kunskapsgrafikkort för ditt innehåll, men om din strukturerade datainmatning är korrekt inställd har du möjlighet.

Google använder Facebooks strukturerade datapåverkan för att visa extra information i kunskapsgrafen.

Använda Google Rich Cards

I maj 2016 introducerade Google Rich Cards som är "uppgraderingen av det nuvarande formatet Rich Snippets", och ger engagerande mobila sökresultat presenteras i karuseller som kan bläddras genom att bläddra åt vänster och höger. Google Rich Cards använder också strukturerad datamarkering och schema.org-ordförrådet.

Lägg till strukturerade data till dina e-postmeddelanden

Du kan använda strukturerad datapåverkan i dina e-postmeddelanden För att kunna utlösa Google Now-kort till mottagaren har Google Developers en bra handledning om hur man gör det.

Generera strukturerade data dynamiskt

Det är möjligt att använda Google Tag Manager till dynamiskt generera strukturerad data I JSON-LD-format lär Moz.com dig hur man gör det.