Je speelt niet meer met Lego en je Playmobile staat op zolder. Toch mag je binnenkort weer spelen met een blokkendoos: de nieuwe WordPress editor Gutenberg, een geïntegreerde pagebuilder.

In dit blog lees je over de gevolgen van Gutenberg voor de SEO-optimalisatie van je website. Het stuk bestaat uit twee delen: alle ins en outs over Gutenberg en informatie over user experience, SEO en vindbaarheid.

Na het lezen van dit blog kun je vertellen of Gutenberg goed of slecht is voor de online vindbaarheid van jouw website.

Wat is Gutenberg?

Gutenberg is de nieuwe editor van je WordPress site. Vanaf de volgende grote update ziet je WordPress bewerkomgeving er niet zo uit:

Wordpress editor voor Gutenberg

Maar zo:

Voorbeeld Gutenberg WordPress editor

Gutenberg is een vereenvoudigde versie van verschillende page-builders die je momenteel op de markt vindt. Maar dan wel met een groot voordeel: de builder is geïntegreerd in WordPress. Je installeert straks dus geen plug-in met extra code, maar je werkt met een editor die WordPress en de gebruikers hebben ontwikkeld.

Hoe installeer ik Gutenberg?

Vanaf de volgende grote update, WordPress 5.0, is Gutenberg de standaard. Je hoeft niets te doen.

Gutenberg is ook al een tijdje te downloaden als plug-in. Sinds kort zie je in je dashboard zelfs een oproep om de plug-in te installeren:

Hoe installeer ik Gutenberg

Wat moet ik doen als ik geen Gutenberg wil?

Download dan een klassieke editor plug-in. Deze plug-in kun vinden via je dashboard, in de melding over Gutenberg. Wanneer je in de rechterkolom onder Nog niet klaar? op installeer de klassieke editor klikt, verandert er niets.

Je kunt ook de klassieke WordPress editor plugin downloaden.

Wat is het voordeel van Gutenberg?

Het wordt een stuk eenvoudiger om structuur aan te brengen in je berichten. Het schrijven van muren van tekst wordt ontmoedigd. Daar word je lezer blij van.

De nieuwe editor Gutenberg is een soort blokkendoos.

  • Kopteksten, paragrafen, afbeeldingen, contactformulieren en citaten vormen elk een blok.
  • De losse blokken kun je bewerken, verplaatsen, verwijderen of bewaren voor een volgende bericht.

Met name de bewaarfunctie biedt kansen. De blokken die je vaker gebruikt stel je in als herbruikbaar blok. In je volgende tekst pak je het blok uit je blokkendoos.

Wat ik als zoekmachinespecialist wel moet melden: kopieer niet te veel en maak unieke content. Dat gaat ten koste van je vindbaarheid.

Hoe zit het met bestaande berichten en pagina’s?

Je oude berichten en pagina’s worden omgezet naar klassieke blokken. Ze bevatten alle content die voor de update aanwezig was. De html-indeling blijft behouden.

Je kunt er na de update voor kiezen om een klassieke blok om te zetten naar blokken volgens het Gutenberg-principe.

Voorbeeld Gutenberg WordPress editor standaard omzetten naar nieuw

User experience en SEO van Gutenberg

Het grote doel van de nieuwe editor binnen WordPress is om de gebruikservaring van WordPress websites te verhogen.

Het mooiste voorbeeld dat ik te zien kreeg is toen ik een knop aan mijn website toe wilde voegen. Ik paste een witte linktekst toe op een groene knop, en ik kreeg deze melding:

User experience en SEO Gutenberg

Te weinig contrast, slecht zichtbaar. En dus: een kleinere kans op klikken. Bedankt voor de waarschuwing, Gutenberg 

De echte webdevelopers worden hier niet warm of koud van. Maar voor alle anderen maakt Gutenberg de gebruikservaring beter en eenvoudiger.

Een kanttekening die ik hierbij plaats is de beperkte mogelijkheid aan design. Heb je een specifiek design op je website? Laat het editen dan over aan je webdeveloper, voordat jij het ontwerp per ongeluk onderuit haalt.

Voor SEO is een verbetering van de gebruikservaring een groot pluspunt. Google wil een resultaat bieden dat het best past bij de wens van de gebruiker. Snapt een bezoeker jouw website? Dan blijft hij langer op je site. Google beloont dit.

Yoast en Gutenberg

De makers van de zeer populaire SEO-plugin Yoast gaan mee met de verandering. Ze bieden SEO-advies aan op de plek waar je het nodig hebt en ze geven je inline suggesties: opmerkingen over wijzigingen die je kunt doorvoeren op de plek waar de verbetering mogelijk is.

Enkele plekken waar je de inline suggesties zult tegenkomen zijn:

  • Afbeeldingen
    Je krijgt een melding bij de afbeelding die beter kan, bijvoorbeeld alt-omschrijving vergeten?
  • Interne links
    Yoast biedt suggesties voor de meest relevante links wanneer je woorden of een woordenset wilt laten linken
  • Leesbaarheid
    Een zin die te lang of onleesbaar is, wordt gemarkeerd en gerapporteerd

Yoast schreef een artikel over de ambities van de Yoast plug-in.

Indexeerbaarheid van je website met Gutenberg

Voor de Gutenberg update waren er al visuele bewerkingsmogelijkheden waar de mooiste websites mee te creëren zijn. Deze ‘ouderwetse’ editors hebben twee nadelen:

  1. Ze voegen extra code toe aan je pagina’s
  2. Ze vertragen je pagina’s en je website

En laten dit nu net twee belangrijke factoren zijn binnen mijn vakgebied. De visuele bewerkingsmogelijkheden komen er om deze reden bij mij niet in.

  • Gutenberg voegt bijna geen extra code toe aan je website en vertraagt hem niet.
  • De blokkenstructuur maakt je website beter leesbaar door Google. Structuur van je gegevens is hierbij het magische woord, Gutenberg helpt je hierbij.

Conclusie: ik ben fan

Ik ben enthousiast over het gebruik van de Gutenberg editor.

Voordelen Gutenberg

  • De editor verhoogt de gebruikservaring van je website, en Google beloont het
  • Gutenberg neemt geen snelheid weg en voegt geen overmatige code toe
  • De blokken verbeteren de structuur van je website
  • De inline suggesties van Yoast voorkomen een hoop gescroll en geven meteen een melding

Nadelen Gutenberg

  • De designmogelijkheden zijn beperkt, zodat je je webbouwer in moet schakelen voor oplossingen op maat.

Mijn advies

Stap over naar Gutenberg. Eerst via de plug-in en straks automatisch in WordPress.

Ben je er nog niet klaar voor? Gebruik dan je oude bewerkomgeving. Hou er wel rekening mee dat concurrerende websites die wél werken met Gutenberg een voorsprong op jou hebben.


Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *