SSR: inhoud voorbereid op de server
De Twicart-winkel bereidt essentiële zoekinhoud op de server voor en neemt deze op in de HTML. SSR betekent dat de inhoudsstructuur op de server wordt opgebouwd. Basisinformatie van producten en categorieën maakt zo deel uit van de eerste paginareactie.
Deze aanpak bekijkt zichtbare productinhoud en inhoud voor zoekmachines samen. Productnamen, beschrijvingen en categorielijsten in een begrijpelijke structuur aanbieden ondersteunt inhoudsbeheer en technische SEO.
SSR op productpagina’s, veld voor veld
| Onderdeel | SEO-aanpak |
|---|---|
| Productnaam | De productnaam staat in de servergerenderde inhoud en identificeert het product. |
| Productafbeelding | Het HTML-element van de afbeelding staat in de serveruitvoer. Het laden van het bestand in de browser is een aparte stap; dit betekent niet dat alle afbeeldingen tegelijk downloaden. |
| Productbeschrijving | Productbeschrijvingen voor SEO maken deel uit van de servergerenderde structuur. Beschrijf hier het gebruik en onderscheidende kenmerken. |
SSR op categoriepagina’s, inclusief lijsten en paginering
| Onderdeel | SEO-aanpak |
|---|---|
| Categorie-inhoud | De categorienaam en SEO-beschrijvingen maken deel uit van de servergerenderde pagina. |
| Producten in de categorie | De productlijst voor de opgevraagde categoriepagina wordt op de server gemaakt, met productnamen, afbeeldingselementen en productlinks. |
| Paginering | Pagineringslinks staan ook in de servergerenderde structuur. Links leiden naar volgende cataloguspagina’s; de opgevraagde pagina bevat haar eigen productlijst. |
H1, H2 en betekenisvolle HTML-structuur
Twicarts paginastructuur is ontworpen rond doelgerichte HTML-elementen. Hoofdkoppen, sectiekoppen, beschrijvingen en links vormen een inhoudshiërarchie. Koppen beschrijven onderdelen en dienen niet alleen om tekst groter te maken.
| Onderdeel | SEO-aanpak |
|---|---|
| H1 | Beschrijft het hoofdonderwerp, zoals de product- of categorienaam. |
| H2 | Verdeelt het onderwerp in onderdelen zoals gebruik, specificaties of veelgestelde vragen. |
| H3 | Ordent subonderwerpen binnen een sectie. |
| Alinea, lijst en link | Presenteert uitleg, kenmerken en navigatie met passende elementen. |
SSR en browserinteracties hebben verschillende rollen
Inhoud in de eerste HTML betekent niet dat een pagina niet interactief is. Een galerij doorlopen, een modal openen of op formulierinvoer reageren kan JavaScript gebruiken. Dit zijn voorbeelden van browserinteractie, geen bewering dat elke Twicart-component uitsluitend via CSR wordt gerenderd.
Een servergerenderde component kan interactief worden in de browser. Klikbaarheid betekent niet dat inhoud in de eerste HTML ontbreekt. De SSR-beschrijving betreft product- en categorie-inhoud; een CSR-overzicht per component vereist inspectie van de uitvoer.