Begrippen

Server-side rendering

Geschreven door
Outseen
Bijgewerkt

Kort antwoord

Server-side rendering (SSR) betekent dat de server de volledige HTML van een pagina opbouwt en naar de browser stuurt, in plaats van de browser de pagina met JavaScript te laten opbouwen. Daardoor staat de inhoud direct in de HTML die een crawler ontvangt.

Server-side rendering (SSR) betekent dat de server de volledige HTML van een pagina opbouwt en die naar de browser stuurt. Het tegenovergestelde is client-side rendering: de server stuurt dan vooral JavaScript, en de browser bouwt de pagina zelf op. Bij SSR staat de tekst dus al in de HTML die een crawler ophaalt. Het artikel Rendering on the web op web.dev zet de vormen naast elkaar.

Waarom is het belangrijk?

Google verwerkt JavaScript in drie stappen: crawlen, renderen en indexeren. Het renderen gebeurt als Google de middelen heeft, dus niet altijd direct. Google noemt server-side rendering of pre-rendering nog steeds een goed idee, omdat het je site sneller maakt voor gebruikers en crawlers, en omdat niet elke bot JavaScript kan uitvoeren.

Voorbeeld

Stel: een webshop laadt productnaam, prijs en omschrijving pas via JavaScript nadat de pagina is geopend. De HTML die de server stuurt bevat dan alleen een leeg kader. Met SSR staat diezelfde informatie direct in de HTML.

Veelgemaakte fout

Aannemen dat elke crawler ziet wat jij in je browser ziet. Je browser voert JavaScript uit; een crawler doet dat niet altijd. Welke AI-crawlers dat wel of niet doen, lees je in Kunnen AI-crawlers je website lezen?

Hoe controleer je het?

Bekijk de paginabron (niet de elementinspectie) en zoek op een zin uit je hoofdtekst. Staat hij erin, dan levert de server hem mee. Atlas, de onderzoeksengine van Outseen, onderzoekt de HTML zoals de server die stuurt.

Bronnen

Verder lezen