Schemamarkup, gevonden op Schema.org, is een vorm van microdata. Eenmaal toegevoegd aan een webpagina, schema markup creëert een verbeterde beschrijving (algemeen bekend als een rich snippet), die wordt weergegeven in de zoekresultaten.
Top zoekmachines – waaronder Google, Yahoo, Bing en Yandex – begonnen samen te werken om Schema.org, in 2011.
Schemamarkup is vooral belangrijk in het tijdperk van kolibrie en RankBrain., Hoe een zoekmachine de context van een zoekopdracht interpreteert, zal de kwaliteit van een zoekresultaat bepalen.
Schema kan context geven aan een anders dubbelzinnige webpagina.
Via Schema.org:
“De meeste webmasters zijn bekend met HTML-tags op hun pagina’ s. Meestal vertellen HTML-tags de browser hoe de informatie in de tag moet worden weergegeven. Bijvoorbeeld, <h1>Avatar</h1> vertelt de browser om de tekststring” Avatar ” in een kop 1 formaat weer te geven., Echter, de HTML-tag geeft geen informatie over wat die tekststring betekent—”Avatar” kan verwijzen naar de enorm succesvolle 3D—film, of het kan verwijzen naar een type profielfoto-en dit kan het moeilijker maken voor zoekmachines om op intelligente wijze relevante inhoud aan een gebruiker weer te geven.”
verbetert Schema uw zoekresultaten?
Er zijn geen aanwijzingen dat microgegevens een direct effect hebben op organische zoekresultaten.,
niettemin zorgen rich snippets ervoor dat uw webpagina ‘ s prominenter in SERPs verschijnen. Deze verbeterde zichtbaarheid is gebleken om click-through rates te verbeteren.
volgens een studie van acmqueue bevat minder dan een derde van de zoekresultaten van Google een rijk fragment met Schema.org markup. Dit biedt een enorme kans voor de rest.
zeer weinig dingen in SEO, vandaag, kan de draaiknop snel verplaatsen. Dit wel.
waarvoor wordt Schema gebruikt?,
- Bedrijven en organisaties
- Evenementen
- Mensen
- Producten
- Recepten
- Beoordelingen
- Video ‘ s
Bovenstaande zijn enkele van de meest populaire toepassingen van het schema. Echter, er is een goede kans dat als je enige vorm van gegevens op uw website, het gaat om een bijbehorende itemscope hebben, itemtype, en itemprop.,
Schema toevoegen aan uw webpagina ‘ s
met behulp van Microdata
Microdata is een set tags die het annoteren van HTML-elementen met machineleesbare tags veel gemakkelijker maakt. Microdata is een geweldige plek voor beginners om te beginnen omdat het zo makkelijk te gebruiken is.
Het enige nadeel van het gebruik van microdata is echter dat u elk afzonderlijk item in de body van uw webpagina moet markeren. Zoals je je kunt voorstellen, kan dit snel rommelig worden.,
voordat u begint met het toevoegen van schema aan uw webpagina ‘s, moet u het’ itemtype ‘ van de inhoud op uw webpagina achterhalen.
bijvoorbeeld, richt uw webinhoud zich op voedsel? Muziek? Tech?
zodra u het itemtype hebt uitgezocht, kunt u nu bepalen hoe u het kunt taggen.
laten we een voorbeeld bekijken. Laten we zeggen dat u eigenaar bent van een winkel die hoogwaardige routers verkoopt., Als je naar de broncode van je homepage zou kijken, zou je waarschijnlijk iets dergelijks zien:
als je eenmaal in de code duikt, wil je het gedeelte van je webpagina vinden dat vertelt wat je bedrijf te bieden heeft. In dit voorbeeld kunnen die gegevens gevonden worden tussen de twee <div> tags.,
nu kunt u bovenaan toevoegen:
<div itemscope>
door deze tag toe te voegen, verklaren we dat de HTML-code tussen de <div> blokken identificeren een specifiek item.
vervolgens moeten we identificeren wat dat item is door het attribuut ‘itemtype’ te gebruiken om het type item te identificeren waar onze webpagina over gaat (tech).,
<div itemscope itemtype=”http://schema.org/tech”>
een itemtype komt in de vorm van een URL (zoals http://schema.org/tech). Laten we zeggen, bijvoorbeeld, dat uw site draaide rond schoonheidsproducten in plaats van technologie. Uw URL van het itemtype zou er zo uit kunnen zien:
om het makkelijker te maken kunt u hier door een lijst met itemtypen bladeren, plus kunt u extensies bekijken om de specifieke entiteit te identificeren die u zoekt., Houd er rekening mee dat deze lijst is niet allesomvattend, dus er is een mogelijkheid dat u niet het type item voor uw specifieke niche.
Tracking back to the tech page, you want to tag the part of the webpage that contains the name of the business. U kunt dit doen tussen de<h1> tags.,
nu gebruiken we de tag ‘itemprop’, die de eigenschappen van een item labelt:
<h1 itemprop=”name”>Tech Haven</h1>
u kunt deze tags nu op de rest van de pagina toepassen. Bij het gebruik van tags om itemeigenschappen te identificeren, is het niet nodig om de hele regel te taggen, alleen het ene gedeelte waarnaar de eigenschap verwijst.,
bijvoorbeeld, als je een regel hebt met adres: 1234 w sunshine blvd, dan hoef je alleen de tags rond het adres zelf toe te passen en niets anders.
deze code kan er ingewikkeld uitzien, maar schema.org geeft voorbeelden over het gebruik van de verschillende soorten items, zodat u daadwerkelijk kunt zien wat de code moet doen. Maak je geen zorgen, je wordt niet in de kou gelaten om dit zelf uit te zoeken!,
Als u zich nog steeds een beetje geïntimideerd voelt door de code, maakt Google ’s Structured Data Markup Helper het super eenvoudig om uw webpagina’ s te taggen.
om deze geweldige tool te gebruiken, selecteert u gewoon uw itemtype, plakt u de URL van de doelpagina of de inhoud die u wilt richten, en markeert u vervolgens de verschillende elementen zodat u ze kunt taggen.
RDFa gebruiken
RDFa is een acroniem voor Resource Description Framework in attributen. In wezen, RDFa is een uitbreiding van HTML5 en het werd ontworpen om gebruikers te helpen bij het markeren van gestructureerde gegevens.,
RDFa wordt beschouwd als een W3C-aanbeveling, wat betekent dat het een webstandaard is, en het kan worden gebruikt om gestructureerde data-vocabulaires aan elkaar te koppelen. Dit is vooral handig als u gestructureerde gegevens wilt toevoegen die verder reiken dan de grenzen van Schema.org.
u kunt een zucht van verlichting ademen. RDFa verschilt niet veel van Microdata.
net als microdata worden RDFa-tags opgenomen met de reeds bestaande HTML-code in de body van uw webpagina., Omwille van de bekendheid, zullen we kijken naar de tech website nogmaals als voorbeeld.
de HTML voor uw tech site zou er waarschijnlijk zo uitzien voordat het werd gewijzigd:
om te beginnen wilt u ervoor zorgen dat de woordenschat die u gebruikt is Schema.org en dat de webpagina in kwestie verwijst naar een technologiepagina.
in dit voorbeeld kunt u zoeken naar “technologie” op Schema.org om te leren hoe je verschillende elementen taggen. Meestal vindt u voorbeelden onderaan de pagina die u laten zien hoe u ze in de praktijk kunt gebruiken.,
klik op het tabblad RDFa om specifieke RDFa-voorbeelden te bekijken.
vervolgens moet u de vocab-tag gebruiken in combinatie met de URL http://schema.org om de woordenschat voor de opmaak te identificeren. Om het paginatype te identificeren, gebruikt u de typeof tag. In tegenstelling tot microdata, die een URL gebruikt om typen te identificeren, gebruikt RDFa één of meer woorden om typen te classificeren.,
<div vocab=”http://schema.org/”type of=”technology”>
Als u een eigenschap verder wilt identificeren dan u zou moeten gebruiken het type of attribuut.,
bijvoorbeeld, als u een adreseigenschap verder wilt uitbreiden, kunt u “PostalAddress” als volgt gebruiken:
<div property=”address” typeof=”PostalAddress”>
microdata en RDFa naast elkaar vergelijken, het type of attribuut is het equivalent van het itemtype attribuut gevonden in microdata. Bovendien zou het eigenschap-attribuut het equivalent zijn van het attribuut itemprop.
voor verdere uitleg kunt u terecht op Schema.org om lijsten te controleren en voorbeelden te bekijken., U kunt vinden welke soorten elementen zijn gedefinieerd als eigenschappen, en welke zijn gedefinieerd als types.
teruggaand naar ons eerdere voorbeeld, zou de tech-pagina er zo uitzien nadat het correct is gelabeld:
om u te helpen, elke pagina op Schema.org geeft voorbeelden over het correct toepassen van tags. Natuurlijk, u kunt ook terugvallen op Google ‘ s gestructureerde Data Testing Tool.,
conclusie
hopelijk zijn alle angsten die u had toen u het woord “Schema” of “gestructureerde gegevens” hoorde, weggenomen.
Schema is veel gemakkelijker toe te passen dan het lijkt en het is een best practice die u moet opnemen in uw webpagina ‘ s.
het werk kan vervelend lijken. Maar gezien de tijd en moeite, zul je zeker de vruchten plukken van je arbeid.
Image Credits
aanbevolen afbeelding: Paulo Bobita
Screenshot gemaakt door auteur