Schema-opmaak toevoegen aan uw WordPress-website

U kunt schemamarkeringen aan een webpagina toevoegen om meer context over de inhoud te bieden. Hoewel een webbrowser deze gegevens niet weergeeft, kunnen crawlers van zoekmachines deze wel lezen. Zoekmachines kunnen deze gegevens vervolgens als rich snippets in resultaten weergeven.

Schema-opmaak kan zoekmachines vertellen of een pagina over een persoon, plaats, product of verschillende andere klassen gaat. Webpagina's met schema-opmaak zijn onderscheidend in zoekresultaten. Ze leiden vaak tot hogere klikfrequenties dan concurrerende pagina's.

In dit artikel laten we u zien hoe u handmatig schema-opmaak kunt toevoegen. Hoewel het niet de snelste methode is, geeft deze aanpak u meer controle en voorkomt u dat u extra plug-ins hoeft te installeren.

1. Kies uw gewenste formaat

Er zijn verschillende formaten die u kunt gebruiken om de inhoud van uw website te markeren. De meest voorkomende zijn: Microgegevens, RDFa, en JSON-LD.

Microgegevens

Microdata is een set tags die u kunt gebruiken om gestructureerde gegevens rechtstreeks aan HTML-elementen toe te voegen. Door deze tags aan uw HTML toe te voegen, worden ze beter leesbaar voor machines en toegankelijker voor zoekmachines en webcrawlers.

Elke set Microdata-tags bestaat uit een itemscope, een itemtype en itemprops. Deze combinatie helpt om het getagde item te identificeren en de eigenschappen ervan te schetsen.

RDFa

RDFa is een afkorting voor Resource Description Framework in Attributes. Net als Microdata voegt RDFa tags toe aan HTML-elementen om ze beter leesbaar te maken voor machines. Dit framework heeft drie tags: vocab, typeof en property. Deze helpen om de gebruikte woordenschat, het paginatype en de eigenschappen ervan te schetsen.

JSON-LD

JSON-LD staat voor JavaScript Object Notation for Linked Data. Het is Door Google aanbevolen indeling voor schema-opmaak. In tegenstelling tot de andere besproken formaten, is JSON-LD geen inline methode. Dit betekent dat u geen directe wijzigingen in HTML-elementen hoeft aan te brengen. In plaats daarvan sluit u de code in de kop van uw webpagina in. Dit is over het algemeen gemakkelijker te implementeren.

2. Schrijf de markeringen in een teksteditor of gebruik een schemamarkeringsgenerator

Als je eenmaal je favoriete schemavocabulaire hebt gekozen, is het tijd om verder te gaan met het schrijven van de HTML om uw opmaak te maken. Meer ervaren programmeurs kunnen doorgaan en dit maken met behulp van een van de beste gratis code-editors.

De eenvoudigere manier is om een ​​Schema Markup Generator te gebruiken, die de code automatisch voor u genereert. Er zijn veel generatoren, maar twee van de beste zijn: Schema Markup Generator door Merkle en JSON-LD Generator door Hall Analysis.

Beide tools bieden een breed scala aan schemavocabulaires waaruit u kunt kiezen. Het enige wat u hoeft te doen is er een te selecteren en de benodigde gegevens in te vullen. De tool genereert vervolgens de juiste code voor u. U kunt het codefragment vervolgens kopiëren om op uw website te gebruiken.

3. Voeg de markering toe aan de gewenste webpagina

Het toevoegen van de code aan uw website is net zo eenvoudig als de vorige stappen. Ga om te beginnen naar uw WordPress-dashboard en open het bericht of de pagina waar u schema-opmaak wilt toevoegen.

Eerst moet je de. activeren Aangepaste velden optie. Door de optie voor aangepaste velden te activeren, kunt u verschillende soorten gegevens en metagegevens toevoegen die alleen van toepassing zijn op een specifieke post of pagina. In dit geval kunt u het gebruiken om schema-opmaak toe te voegen aan uw webpagina's.

Alleen het maken van een nieuw aangepast veld is niet genoeg. Je moet WordPress ook vertellen wat je ermee moet doen door wat code toe te voegen aan sommige van je themabestanden. In sommige gevallen kunt u aangepaste velden gebruiken om eenvoudig meer gegevens aan lezers te verstrekken. In andere kun je ze gebruiken om nieuw gedrag aan je bericht of pagina toe te voegen.

In dit geval willen we alleen wat informatie verstrekken aan zoekmachines en browsers.

Starten:

1. Klik op het pictogram met de drie stippen in de rechterbovenhoek van uw scherm
2. Navigeren naar Voorkeuren en klik erop
3. Scroll naar beneden naar Geavanceerde panelen en controleer de Aangepaste velden optie

Zodra je de. hebt geactiveerd Aangepaste velden optie, ga terug naar je bericht of pagina en scrol omlaag naar de onderkant waar je ziet Instellingen voor aangepaste velden. Onder Nieuw aangepast veld toevoegen, selecteer Voer Nieuw in om een ​​nieuw aangepast veld te maken.

Vervolgens moet u uw schema-opmaak een naam geven. In dit voorbeeld hebben we het onze 'Artikel' genoemd omdat we een artikelopmaak wilden toevoegen. Hierdoor weten zoekmachines en browsers dat het bericht of de pagina een artikel bevat. Over het algemeen kunt u uw aangepaste veld echter een naam geven die u maar wilt.

In de resulterende rich snippet kunnen lezers dan extra informatie zien, zoals de naam van de auteur. Als u een expert bent op een bepaald gebied, kan dit nuttig zijn en vertrouwen wekken bij mensen die op zoek zijn naar informatie over dat onderwerp.

Nadat u uw schema-opmaak een naam heeft gegeven, kunt u uw codefragment in de Waarde veld. Als u vervolgens meer schema-opmaaktypen voor dezelfde pagina of hetzelfde bericht wilt maken, hoeft u alleen maar het tweede stukje code onder het eerste te plakken. Je kunt er zoveel toevoegen als je wilt.

Als je klaar bent, klik je op Aangepast veld toevoegen, scrol naar de bovenkant van de pagina en klik op Bijwerken om uw wijzigingen op te slaan. Op dit moment heb je met succes een nieuw aangepast veld aan je bericht of pagina toegevoegd, maar je moet WordPress nog steeds vertellen wat je ermee moet doen.

In dit geval moet u een stukje code toevoegen aan uw header.php bestand dat WordPress vertelt om uw aangepaste velden te 'aanroepen'.

Voordat u verder gaat, wees gewaarschuwd dat eventuele fouten die u hier maakt uw site kunnen beschadigen, dus zorg ervoor dat u maak een back-up van je website eerst. Het is ook het beste om een ​​kindthema te maken, zodat u deze wijzigingen niet verliest wanneer u uw thema bijwerkt.

Dit is de code die je moet toevoegen aan je header.php het dossier:

php
$schema = get_post_meta (get_the_ID(), 'schema', true);
if(!empty($schema)) {
 echo $schema;< br/>}

Om je header.php-bestand te vinden, ga je naar Uiterlijk > Thema-editor. Aan de rechterkant ziet u een reeks bestanden, waaronder die van uw website header.php het dossier.

Navigeer naar dit bestand en klik erop. Hierdoor wordt een nieuw venster geopend waarin u het kunt bewerken. Plak de code vlak voor de sluiting label.

Klik vervolgens op de Bestand bijwerken knop en laad uw site opnieuw in een browser. Dat is het! U heeft met succes schema-opmaak toegevoegd aan uw webpagina.

Om er zeker van te zijn dat er geen fouten zijn en dat uw opmaak correct werkt, moet u uw pagina valideren.

Google biedt een tool voor het testen van gestructureerde gegevens die u kunt gebruiken om de schema-opmaak van uw website te testen. Het enige wat u hoeft te doen is de tool te openen en de URL in te voeren van de pagina die u wilt testen. De tool scant de pagina en toont alle gevonden gestructureerde gegevens. Het zal u ook vertellen of er fouten zijn, wat handig is als u uw gestructureerde gegevens met de hand hebt geschreven.

U kunt uw markeringen ook rechtstreeks in de tool plakken om eventuele fouten te detecteren voordat u ze aan uw website toevoegt.

Wees de concurrentie voor met Schema Markup

Schema-opmaak biedt veel voordelen voor elke website en is meestal vrij eenvoudig toe te voegen. U kunt Schema-opmaak aan uw website toevoegen met behulp van een plug-in, of u kunt dit op de handmatige manier doen, zoals we in dit artikel hebben laten zien. Schema-opmaak is een geweldige manier om de klikfrequentie van uw site te verbeteren. Als u op zoek bent naar nog betere SEO-resultaten, kunt u overwegen een holistische SEO-plug-in te gebruiken.

De 7 meest effectieve WordPress SEO-plug-ins

Deze SEO-plug-ins voor WordPress zullen uw inhoud voor de juiste ogen plaatsen.

Lees volgende

Over de auteur