Schema markup, finns på Schema.org, är en form av mikrodata. När du har lagt till en webbsida skapar schema markup en förbättrad beskrivning (allmänt känd som ett rikt utdrag), som visas i sökresultaten.
topp sökmotorer – inklusive Google, Yahoo, Bing och Yandex-började först samarbeta för att skapa Schema.org, tillbaka i 2011.
Schema markering är särskilt viktigt i en ålder av kolibri och RankBrain., Hur en sökmotor tolkar sammanhanget för en fråga bestämmer kvaliteten på ett sökresultat.
Schema kan ge sammanhang till en annars tvetydig webbsida.
Via Schema.org:
”de flesta webbansvariga känner till HTML-taggar på sina sidor. Vanligtvis talar HTML-taggar om för webbläsaren hur du visar informationen i taggen. Till exempel<h1>Avatar</h1> talar om för webbläsaren att visa textsträngen ”Avatar” I formatet rubrik 1., HTML-taggen ger dock ingen information om vad den textsträngen betyder— ”Avatar” kan hänvisa till den enormt framgångsrika 3D—filmen, eller det kan hänvisa till en typ av profilbild-och det kan göra det svårare för sökmotorer att intelligent visa relevant innehåll till en användare.”
förbättrar schemat din sökrankning?
det finns inga bevis för att microdata har en direkt effekt på organiska sökrankningar.,
ändå gör Rich snippets att dina webbsidor visas mer framträdande i SERPs. Denna förbättrade synlighet har visat sig förbättra klickfrekvensen.
enligt en studie från acmqueue innehåller mindre än en tredjedel av Googles sökresultat ett rikt utdrag med Schema.org markering. Detta utsätter en stor möjlighet för resten.
mycket få saker i SEO, idag, kan flytta ratten snabbt. Detta kan.
vad används schemat för?,
- företag och organisationer
- händelser
- människor
- produkter
- recept
- recensioner
- videoklipp
ovan är några av de mest populära användningarna av schemat. Det finns dock en god chans att om du har någon form av data på din webbplats, det kommer att ha en tillhörande itemscope, itemtype, och itemprop.,
lägga Schema till dina webbsidor
använda Microdata
Microdata är en uppsättning taggar som syftar till att göra kommentera HTML-element med maskinläsbara taggar mycket enklare. Microdata är ett bra ställe för nybörjare att börja eftersom det är så lätt att använda.
men den enda nackdelen med att använda microdata är att du måste markera varje enskilt objekt i kroppen på din webbsida. Som ni kan föreställa er, kan detta snabbt bli rörigt.,
innan du börjar lägga till schema på dina webbsidor måste du ta reda på ”objekttyp” för innehållet på din webbsida.
fokuserar ditt webbinnehåll till exempel på mat? Musik? Tech?
När du har listat ut objekttypen kan du nu bestämma hur du kan tagga upp den.
låt oss titta på ett exempel. Låt oss säga att du äger en butik som säljer högkvalitativa routrar., Om du skulle titta på källkoden på din hemsida skulle du sannolikt se något som liknar detta:
När du dyker in i koden vill du hitta den del av din webbsida som talar om vad ditt företag har att erbjuda. I det här exemplet kan data hittas mellan de två <div> – taggarna.,
nu, högst upp kan du lägga till:
<div itemscope>
genom att lägga till den här taggen anger vi att HTML-koden som finns mellan<div> block identifierar ett specifikt objekt.
därefter måste vi identifiera vad objektet är genom att använda attributet’ itemtype ’ för att identifiera vilken typ av objekt vår webbsida handlar om (tech).,
<div itemscope itemtype=”http://schema.org/tech”>
en objekttyp kommer i form av en URL (till exempel http://schema.org/tech). Låt oss till exempel säga att din webbplats kretsar kring skönhetsprodukter istället för teknik. Webbadressen för objekttyp kan se ut så här:
för att göra det lättare kan du bläddra bland en lista med objekttyper här, plus att du kan visa tillägg för att identifiera den specifika enhet du letar efter., Tänk på att den här listan inte är allomfattande, så det finns en möjlighet att du inte hittar objekttypen för din specifika nisch.
spåra tillbaka till tech-sidan, du vill märka den del av webbsidan som innehåller namnet på verksamheten. Du kan göra detta mellan taggarna<h1>.,
nu använder vi taggen ’itemprop’, som markerar egenskaperna för ett objekt:
<h1 itemprop=”name”>Tech Haven</h1>
Du kan använda dessa taggar på resten av sidan nu. När du använder taggar för att identifiera objektegenskaper är det inte nödvändigt att märka hela raden, bara den del egenskapen hänvisar till.,
om du till exempel har en rad som säger adress: 1234 w sunshine blvd, behöver du bara tillämpa taggarna runt själva adressen och inget annat.
den här koden kan se komplicerad ut, men schema.org ger exempel på hur du använder de olika objekttyperna, så att du faktiskt kan se vad koden ska göra. Oroa dig inte, du kommer inte att utelämnas i kylan försöker lista ut detta på egen hand!,
Om du fortfarande känner dig lite skrämd av koden, gör Googles strukturerade data Markup Helper det super lätt att tagga dina webbsidor.
för att använda det här fantastiska verktyget, Välj bara din objekttyp, klistra in webbadressen till målsidan eller innehållet du vill rikta in och markera sedan de olika elementen så att du kan märka dem.
använda RDFa
RDFa är en akronym för Resursbeskrivningsramverk I attribut. I huvudsak är RDFa en förlängning till HTML5 och den var utformad för att hjälpa användarna att markera strukturerade data.,
RDFa anses vara en W3C rekommendation, vilket innebär att det är en webbstandard, och det kan användas för att kedja strukturerade data vokabulärer tillsammans. Detta är särskilt användbart om du vill lägga till strukturerade data som sträcker sig utanför gränserna för Schema.org.
Du kan andas en suck av lättnad. RDFa är inte mycket annorlunda än Microdata.
liknar microdata, RDFa taggar införliva med den befintliga HTML-koden i kroppen på din webbsida., För förtrogenhetens skull ser vi på tech-webbplatsen igen som ett exempel.
HTML-koden för din tekniska webbplats skulle troligen se ut så här innan den ändrades:
för att börja, Vill du se till att det ordförråd du använder är Schema.org och att webbsidan i fråga hänvisar till en tekniksida.
i det här exemplet kan du söka efter ”teknik” på Schema.org för att lära dig att märka olika element. Vanligtvis hittar du exempel längst ner på sidan som visar hur du använder dem i praktiken.,
klicka bara på RDFa-fliken för att visa specifika RDFa-exempel.
därefter måste du använda vocab-taggen i kombination med webbadressen http://schema.org för att identifiera ordförrådet för markeringen. För att identifiera sidtypen, använd typenavtaggen. Till skillnad från microdata, som använder en URL för att identifiera typer, använder RDFa ett eller flera ord för att klassificera typer.,
<div vocab=”http://schema.org/” typeof=”technology”>
om du vill identifiera en fastighet längre än du borde använda typeof-attributet.,
om du till exempel vill expandera ytterligare på en adressegenskap kan du använda ”PostalAddress” som så:
<div property=”address” typeof=”PostalAddress”>
jämföra mikrodata och RDFa sida vid sida, typeof attributet motsvarar attributet itemtype som finns i microdata. Egenskapsattributet skulle dessutom motsvara attributet itemprop.
För ytterligare förklaring kan du besöka Schema.org för att kontrollera listor och visa exempel., Du kan hitta vilka typer av element som definieras som egenskaper, och som definieras som typer.
gå tillbaka till vårt tidigare exempel, skulle tech-sidan se ut så här efter att den har taggats på lämpligt sätt:
för att hjälpa dig, skulle varje sida på vår sida se ut Schema.org ger exempel på hur man korrekt applicerar taggar. Naturligtvis kan du också falla tillbaka på Googles strukturerade Datatestverktyg.,
slutsats
förhoppningsvis har alla rädslor som du kan ha haft när du hörde ordet ”Schema” eller ”strukturerad Data” lagts till vila.
schemat är mycket lättare att tillämpa än det verkar och det är en bästa praxis som du måste införliva i dina webbsidor.
arbetet kan verka tråkigt. Men med tanke på tid och ansträngning kommer du vara säker på att skörda fördelarna med ditt arbete.
Bildkrediter
utvald bild: Paulo Bobita
skärmdump tagen av författare