Hoe behoud je de balans tussen SEO en de gebruikerservaring?

Het is een voortdurende strijd tussen design-, development- en SEO-teams: de balans tussen Search Engine Optimisation en de gebruikerservaring. Dit wordt nog belangrijker nu Google de ‘E’ van ‘Experience’ heeft toegevoegd aan hun E-A-T-richtlijnen. Voor nu laten we de developers zich bezighouden met hun Matrix-achtige activiteiten en richten we ons op design en SEO. De scheidslijn tussen goed webdesign en het bouwen van SEO-geoptimaliseerde pagina’s is heel dun. Het probleem is dat deze mooie elementen samen meestal geen hoogwaardige, doorzoekbare on-page content opleveren… Maar genoeg uitleg, laten we bespreken waar je op moet letten, wat je moet vermijden en hoe je deze regelmatige terugkerende problemen eenvoudig en snel kunt oplossen!

Hoe ontdek je gebreken in je content?

Om ervoor te zorgen dat je website hoog blijft scoren, terwijl deze er ook nog eens goed uitziet, moet je bijhouden hoeveel JavaScript-Heavy Elements er op je pagina staan. Laten we daar mee beginnen, en laten we het de ‘ontdekken of je een groot probleem hebt’ stap noemen. De gemakkelijkste manier om erachter te komen of JS je rankings zal verlagen, is door deze plugin te installeren (alleen voor Chrome, sorry Safari-gebruikers!). Met deze aangepaste extensie kun je alle JavaScript op een pagina uitschakelen. Door dit allemaal uit te schakelen, zie je wat de Google-crawler ziet wanneer hij je pagina laadt. In het beste geval hebben je developers aandacht besteed aan dit onderdeel tijdens het maken van je site en is je site niet alleen afhankelijk van elementen die enkel JS gebruiken. Echter, in het slechtste geval… laten we zeggen dat het niet de eerste keer zou zijn dat het uitschakelen van JavaScript resulteert in een volledig lege pagina met hier en daar een losse afbeelding.

JavaScript: vormgeving versus de basisfuncties

Het is geen geheim dat JavaScript ons veel heeft gebracht op het gebied van UX-design. De dynamische content-opties zijn bijna onbeperkt en geven je webpagina’s de ‘wow-factor’ die je graag wilt hebben voor je site. Maar helaas hebben al die hippe dynamische elementen wel grote nadelen op het gebied van crawlability en het laden van je website.

Om je een eenvoudig voorbeeld te geven; je hoeft alleen maar naar de snelheid van je site te kijken. Met complexe animaties en pop-ups op je pagina, lever je veel in wanneer het gaat over de laadsnelheid van je webpagina. Dit kan ernstige problemen voor je site opleveren, omdat de Google-crawler slechts een zeer beperkt budget beschikbaar heeft voor je website. Simpel gezegd: als JS ervoor zorgt dat je website draait als een oude dieselmotor, zul je ernstige problemen ondervinden bij het proberen om deze goed te laten ranken.

Weergave- en crawlbaarheidsproblemen

Na het crawlen indexeert Google websites in twee fasen, waarbij de eerste fase weken tot zelfs een maand eerder plaatsvindt dan de tweede. Het verschil tussen deze twee fasen? Pagina’s die moeten worden gerenderd en pagina’s die dat niet hoeven. En je raadt het al: JavaScript verhoogt sterk de hoeveelheid gerenderde bronnen op je pagina. Dit betekent dat jouw site in de tweede groep wordt gegooid en weken later dan HTML-pagina’s wordt verwerkt. Afwijkingen tussen jouw HTML en JS kunnen zelfs leiden tot het niet indexeren van je pagina.

Nu wil je natuurlijk testen of je zelf deze problemen ervaart. Geen zorgen, ik heb heb het allemaal al voor je uitgezocht. Neem bijvoorbeeld de eigen URL-inspectietool van Google, deze is verstopt in een van mijn favoriete tools: Google Search Console.

Met deze tool kun je realtime crawlfouten detecteren, die zelfs JavaScript-consoleberichten weergeven, zoals waarschuwingen en fouten die Google tegenkwam toen het probeerde jouw pagina te crawlen.

Er valt altijd meer te leren

Er zijn nog veel meer tools en trucs om een beter begrip te krijgen van het gebruik van JavaScript op je pagina’s. Maar laten we eerst bij het begin beginnen, goed? Heb je nog meer vragen over SEO- en JavaScript-problemen? Stuur me gerust een e-mail of een Tweet!

Corporate Marketing Manager | Seeders Group

Niels Krikke is the Corporate Marketing Manager for Seeders Group, managing all marketing and communication efforts for all Seeders offices across the globe. Niels’s specializations include branding, copywriting & SEO.