Gerelateerde Inhoudblokken: Interne Linkregels

Een gerelateerd inhoudblok is een korte, handmatig geselecteerde set links die aan het einde van de hoofdtekst wordt geplaatst. Het brengt een lezer naar de meest nuttige volgende pagina en draagt interne autoriteit over via dezelfde link. Elke bestemming moet een redactionele reden hebben om te bestaan; gedeelde tags alleen zijn niet voldoende.

Het weergegeven voorbeeld is bewust bescheiden. De kop legt de keuze uit, elke ankortekst voorspelt de bestemming en elke reden vertelt de lezer waarom die pagina de volgende is. Het blok concurreert niet met het artikel dat het afsluit.

Waarom dit element ertoe doet

Het afronden van een nuttige pagina creëert een beslismoment. De lezer begrijpt wellicht het directe onderwerp, maar moet het nog toepassen, opties vergelijken, een vereiste leren of naar een product toe bewegen. Een gerelateerd inhoudblok vermindert de moeite om die volgende stap te vinden. Het biedt een kleine set doelgerichte routes op het moment dat de lezer klaar is om te kiezen, in plaats van hen te vragen terug te keren naar de algemene navigatie of opnieuw te zoeken.

De tweede taak is architectonisch. Interne autoriteit is het belang en de contextuele relevantie die links helpen verdelen over pagina’s op dezelfde site. Een link creëert een rand tussen twee documenten. De positie, ankortekst en uitleg vertellen retrievalsystemen wat die rand vertegenwoordigt: welke pagina de brede autoriteit is, welke een subonderwerp behandelt en welke een aangrenzende behoefte beantwoordt.

Machine-uitleesbaarheid betekent dat een geautomatiseerd systeem die relaties uit de HTML kan herstellen zonder te raden op basis van de lay-out. Een semantische navigatieregio, een zichtbare kop, gewone crawlbare links, beschrijvende ankorteksten en één item per bestemming leggen een schone set bron-relatie-bestemmingsverklaringen bloot. JavaScript-only-carrousels, alleen-afbeelding-kaarten en generieke ankorteksten verdoezelen die verklaringen, zelfs als ze er gepolijst uitzien.

Beide taken moeten een beoordeling doorstaan. Een blok dat klikken oplevert maar autoriteit naar niet-gerelateerde pagina’s stuurt, beschadigt het contentmodel; een correcte clustercaart met irrelevante links verspilt het beslismoment van de lezer.

Wanneer te gebruiken

Gebruik dit element wanneer de pagina twee tot vijf geloofwaardige volgende bestemmingen heeft en de relatie in één regel kan worden vermeld. Het hoort op evergreen educatieve content, commerciële uitlegpagina’s, vergelijkingen, product- en categoriepagina’s, gebruiksscenariopagina’s en casestudy’s wanneer een andere pagina dezelfde taak of beslissing echt vooruithelpt.

Voeg het niet toe alleen omdat een sjabloon lege ruimte heeft. Een conversiepagina met één enkel doel en één noodzakelijke actie heeft mogelijk alleen de afsluitende call-to-action nodig. Een juridische kennisgeving, accountschema, ondersteuningsincident of korte hulppagina heeft mogelijk geen zinvolle redactionele voortzetting. Een index waarvan de hoofdtekst al uit navigatiekaarten bestaat, heeft geen tweede lijst nodig die ze herhaalt.

Veelvoorkomende missers zijn:

• Een tagfeed beantwoordt “wat deelt dit label?”, niet “wat moet deze lezer nu doen?” Twee artikelen met de tag “analytics” kunnen verschillende doelgroepen en fasen bedienen.
• Recente berichten belonen publicatiedatum in plaats van relevantie. Actualiteit is nuttig voor nieuwsontdekking, maar het is geen relatienmodel.
• Populaire berichten optimaliseren voor totaal verkeer, niet voor de huidige vraag.
• Een footer-sitemap ondersteunt brede ontdekking, niet een klein, redactioneel gekozen pad.
• Een vorige/volgende-knop weerspiegelt publicatievolgorde. Het telt alleen wanneer die volgorde zelf een bewuste cursus of reeks is.
• Inline contextuele links leggen termen uit of ondersteunen claims op het moment van behoefte. Ze vullen dit blok aan, maar vervangen niet de beslissingsrol aan het einde van de pagina.

Selectie is standaard handmatig. Voor elke voorgestelde link noteert de redacteur een reden zoals “past de methode toe”, “definieert de vereiste”, “vergelijkt de twee hier geïntroduceerde opties” of “toont bewijs in de praktijk”. Als de reden slechts “zelfde tag” is, verwijder het item dan.

Automatische selectie is acceptabel in nieuwsarchieven, door gebruikers gegenereerde collecties of inventarissen die te groot en te vluchtig zijn voor item-voor-item-curatie. Zelfs daar moet een gecontroleerde kandidaatset, uitsluitingen voor de huidige URL en verlopen pagina’s, versheidscontrole waar tijd van belang is, relevantie verder dan één tag, een stabiele tie-breaker en een redactionele overschrijvingsmogelijkheid worden vereist.

Waar te plaatsen

Plaats het blok na de volledige hoofdtekst en na het bronnenblok, maar vóór de afsluitende call-to-action. De reden is sequentieel: bronnen sluiten de bewijsverplichting van de huidige pagina af; gerelateerde inhoud biedt het volgende leer- of evaluatietraject; de uiteindelijke call-to-action biedt het commerciële of producttraject. Wanneer een pagina geen bronnenblok heeft, volgt gerelateerde inhoud na het laatste inhoudelijke gedeelte.

Plaats geen tweede gerelateerd inhoudblok elders op de pagina. Zet het niet naast gedupliceerde vorige/volgende-navigatie, een dichte tagwolk of een andere verzameling met de titel “Wellicht ook interessant.” Eén duidelijke aanbevelingsregio is voldoende.

Anatomie

Weergegeven legenda:

1. Sectiekop: benoemt de relatie, zoals “Pas toe wat je hebt geleerd” of “Vergelijk de volgende opties.” Generiek “Gerelateerd” is alleen acceptabel wanneer de bestemmingen echt verschillende acties beslaan.
2. Itemtitel: levert de beschrijvende ankortekst en voorspelt de primaire waarde van de bestemming.
3. Bestemmings-URL: verwijst naar één canonieke, crawlbare interne URL zonder redirectketen.
4. Miniatuur: onderscheidt optioneel een bestemming wanneer beeldmateriaal echte identificerende informatie bevat.
5. Eenregelige reden: legt optioneel uit waarom deze pagina de logische volgende stap is; sterk aanbevolen wanneer de relatie niet duidelijk is uit de titel.
6. Blokgrens: groepeert de links als navigatie zonder de hele kaart een dubbelzinnig klikdoel te maken.

De legenda hoort in de pagina in plaats van in de afbeelding, zodat deze selecteerbaar, vertaalbaar en beschikbaar blijft voor ondersteunende technologie.

Ontwerpvoorbeelden

De varianten veranderen informatiedichtheid, niet redactionele logica.

Alleen tekst: de standaard wanneer bestemmingstitels de relatie duidelijk maken.

Met redenen: de standaard voor verschillende reisfasen. De reden voegt de relatie toe in plaats van de titel te herhalen.

Met miniaturen: gereserveerd voor gevallen waarin origineel beeldmateriaal helpt bij herkenning. Afbeeldingen hebben afmetingen en nuttige alternatieve tekst nodig, of een lege alternatieve tekst wanneer de titel de bestemming al benoemt.

Kruispijler: maakt relaties expliciet tussen posttypen, elementen en bedrijfstoepassingen. Het wordt gegenereerd uit beoordeelde frontmatter, niet uit tags.

Parameters

Twee items zijn alleen toegestaan wanneer de pagina een smalle, geloofwaardige splitsing heeft. Drie tot vijf is de normale band: voldoende keuze om verschillende volgende behoeften te dienen, maar weinig genoeg zodat elke link zichtbaar en doelbewust blijft. Zes is een harde uitzondering voor een pijler die een complete kleine cluster moet blootleggen. Meer dan zes wordt een directory, verzwakt het redactionele signaal van elke rand en maakt mobiel scannen duur.

Een weggelaten titelattribuut kan worden afgeleid van de eerste kop in de itembody. Geef niet beide met verschillende tekst. Een reden mag in het attribuut staan voor een eenvoudige zin of in de body wanneer het inline nadruk nodig heeft; het mag niet twee keer voorkomen.

Syntax en codevoorbeelden

De canonieke componentnaam is related-content. De geneste ::item{}-vorm houdt de velden van elke bestemming bij elkaar en voorkomt dat parallelle arrays uit de pas lopen.

Draagbare Markdown-richtlijn

:::related-content{heading="Continue with the playbook" variant="reason"}
::item{title="Write a reliable how-to guide" url="/seo-playbook/post-types/how-to-guide/" reason="Turn the element rules into a complete instructional page."}
::item{title="Structure an ultimate guide" url="/seo-playbook/post-types/ultimate-guide/" reason="Connect this element to a broad pillar and its supporting spokes."}
::item{title="Build a use-case page" url="/seo-playbook/post-types/use-case-page/" reason="Carry educational intent into a specific audience and outcome."}
:::

Hugo-shortcode

{{< related-content heading="Continue with the playbook" variant="reason" >}}
  {{< item title="Write a reliable how-to guide" url="/seo-playbook/post-types/how-to-guide/" reason="Turn the element rules into a complete instructional page." />}}
  {{< item title="Structure an ultimate guide" url="/seo-playbook/post-types/ultimate-guide/" reason="Connect this element to a broad pillar and its supporting spokes." />}}
  {{< item title="Build a use-case page" url="/seo-playbook/post-types/use-case-page/" reason="Carry educational intent into a specific audience and outcome." />}}
{{< /related-content >}}

Dit is het draagbare doelcontract, geen bewering dat dit register de shortcode registreert. Het live voorbeeld gebruikt semantische HTML en voegt geen lay-outafhankelijkheid toe.

WordPress-blok of shortcode

<!-- wp:amicited/related-content {"heading":"Continue with the playbook","variant":"reason"} -->
[related_item title="Write a reliable how-to guide" url="/seo-playbook/post-types/how-to-guide/" reason="Turn the element rules into a complete instructional page."]
[related_item title="Structure an ultimate guide" url="/seo-playbook/post-types/ultimate-guide/" reason="Connect this element to a broad pillar and its supporting spokes."]
[related_item title="Build a use-case page" url="/seo-playbook/post-types/use-case-page/" reason="Carry educational intent into a specific audience and outcome."]
<!-- /wp:amicited/related-content -->

WordPress moet een geregistreerd dynamisch blok met geneste itembediening gebruiken. De shortcodevorm is voor systemen die geen geneste blokken kunnen opslaan en moet vóór publicatie worden geregistreerd.

Voorbeelden

Goed: elke link beantwoordt een andere volgende behoefte

:::related-content{heading="Put the method into practice" variant="reason"}
::item{title="Run the pre-publish QA checklist" url="/seo-playbook/process/checklists/pre-publish-qa/" reason="Verify links, evidence, accessibility, and page structure before release."}
::item{title="Build a how-to guide" url="/seo-playbook/post-types/how-to-guide/" reason="Apply the element inside a complete instructional format."}
::item{title="Adapt the playbook for SaaS" url="/seo-playbook/business-types/saas/" reason="Translate the shared rules into a product-led content journey."}
:::

Dit werkt omdat de bestemmingen verschillend maar verbonden zijn: verificatie, implementatie en bedrijfsaanpassing. De ankorteksten geven aan wat elke pagina oplevert en de redenen leggen de relatie met de huidige pagina uit.

Slecht: de tagwidget vermomt zich als redactionele selectie

:::related-content{heading="You may also like"}
::item{title="Read more" url="/blog/new-office/"}
::item{title="Click here" url="/features/ai-visibility/"}
::item{title="Latest post" url="/blog/quarterly-roundup/"}
::item{title="SEO" url="/seo-playbook/"}
::item{title="More SEO" url="/blog/old-seo-notes/"}
::item{title="Another article" url="/academy/how-to-export-prompt-data/"}
::item{title="Recommended" url="/case-studies/hz-containers/"}
:::

Het voorbeeld faalt zelfs als elke URL werkt. Zeven keuzes overschrijden de band. De ankorteksten voorspellen de bestemming niet. De bestemmingen mengen bedrijfsnieuws, product, archief, academie en casestudy-intentie zonder vermelde redenen. “Laatste” is een dataregel, “SEO” is te breed en niets bewijst dat de links de volgende taak van deze lezer dienen.

Het clustercontract

Een onderwerpcluster is een geplande groep pagina’s rond één onderwerp. De pijler is de brede pagina die het onderwerp organiseert; de spaken zijn smallere pagina’s die delen ervan beantwoorden. Het gerelateerd inhoudblok zet dat plan om in daadwerkelijke HTML-links:

• Elke spaak linkt omhoog naar zijn pijler. Dit vertelt lezers waar het smalle antwoord thuishoort en voorkomt dat de spaak een geïsoleerd eindpunt wordt.
• De pijler linkt omlaag naar elke huidige spaak. Wanneer de cluster meer dan zes spaken heeft, gebruik dan georganiseerde secties in de pijlerbody in plaats van de volledige set in één gerelateerd inhoudblok te forceren.
• Laterale links verbinden de ene spaak met de andere alleen wanneer een lezer de volgende-staprelatie kan benoemen. Het delen van een ouder is niet voldoende.
• Elke rand is bidirectioneel wanneer beide richtingen een lezer helpen. De omgekeerde ankortekst en reden kunnen verschillen omdat de reis verschilt.
• Het verwijderen, samenvoegen of omleiden van een pagina activeert een herziening van elke opgeslagen rand die ernaar verwijst.

Binnen dit speelboek linkt een posttypepagina naar de elementen die het vereist en naar de bedrijfstypen die het aanpassen. Een elementpagina linkt terug naar de posttypen die het gebruiken. Die relaties worden gegenereerd uit beoordeelde frontmatter volgens de kruispijlerregels: de postTypes-array van deze pagina is de bron voor de posttypelinks, terwijl de bijbehorende posttypemetadata de retourrand levert. Generatie verzorgt de weergave; redacteuren beslissen nog steeds of de relatie in metadata thuishoort.

De bredere element-schrijfregels bepalen hoe die metadata draagbaar blijft. Repareer nooit een ontbrekende redactionele relatie door een tag toe te voegen en te hopen dat een widget correct kiest.

Ankortekstregels

Ankortekst is de zichtbare, klikbare formulering van een link. Schrijf het zo dat een lezer de bestemming kan voorspellen zonder de URL te lezen. “Bouw een how-to-gids” is nuttig; “lees meer”, “klik hier”, “meer informatie” en een kale URL zijn dat niet.

Varieer ankorteksten natuurlijk terwijl je het onderwerp van de bestemming behoudt. “Maak een how-to-gids” en “structureer een instructiegids” werken; niet-gerelateerde keywordsynoniemen niet. Beloof nooit een sjabloon, calculator, prijs, studie of checklist die de bestemming niet heeft.

Binnen het blok moeten titelankers uniek zijn. Als twee bestemmingen dezelfde titel zouden gebruiken, voeg dan het onderscheidende publiek, de methode of het resultaat toe. Houd de optionele reden buiten de ankortekst zodat het klikdoel beknopt blijft en lijsten met links voor ondersteunende technologie nuttig blijven.

Schema-markup en toegankelijkheid

Er is geen speciaal JSON-LD-type vereist. JSON-LD is een scriptgebaseerd formaat voor gestructureerde gegevens, en Schema.org is de gedeelde woordenschat die er gewoonlijk mee wordt gecodeerd. De links maken normaal gesproken deel uit van de omringende Article, TechArticle, Product of WebPage. Verzin geen RelatedContent-schematype.

Een ItemList mag het blok alleen beschrijven wanneer het echt een geordende of benoemde redactionele lijst is en het sit brede schemabeleid dit vereist. Indien gebruikt, moet itemListElement overeenkomen met de zichtbare itemvolgorde, URL’s en namen. Voeg geen verborgen bestemmingen of synthetische beoordelingen toe. Een broodkruimelpad is een andere relatie en mag deze links niet absorberen.

Toegankelijkheid begint met een <nav>-oriëntatiepunt, een regio die ondersteunende technologie als navigatie kan identificeren. Geef het een zichtbare kop die is verbonden via aria-labelledby; ARIA is de set attributen die wordt gebruikt om interfacenamen en -toestanden bloot te leggen wanneer native HTML alleen niet volstaat. Gebruik een <ul> omdat de volgorde normaal geen rangschikking draagt. Behoud zichtbare toetsenbordfocus, maak de titel de primaire link en vermijd het nesten van een interactieve kaart in een andere link.

Alternatieve tekst van miniaturen mag de gelinkte titel niet dupliceren. Gebruik lege alternatieve tekst voor een decoratieve miniatuur. Wanneer de afbeelding onderscheidende informatie bijdraagt, beschrijf dan alleen die informatie. Het blok moet volledig blijven met afbeeldingen of JavaScript uitgeschakeld, en het mag de toetsenbordfocus niet verplaatsen wanneer aanbevelingen worden ververst.

Schrijfregels

Gebruik standaard drie tot vijf items, twee voor een smalle splitsing en niet meer dan zes voor een gedocumenteerde kleine-clusterbehoefte. Schrijf een kop van twee tot acht woorden, titelankers van drie tot twaalf woorden en optionele redenen van acht tot tweeëntwintig woorden. Redenen gebruiken één zin, actieve vorm en een concrete relatie: toepassen, vergelijken, verifiëren, definiëren, diagnosticeren of bewijs zien.

Elk item heeft een duidelijke redactionele reden nodig in het contentmodel, zelfs als de reden niet wordt weergegeven. Herzie titels nadat bestemmingskoppen veranderen. Gebruik canonieke interne URL’s met een slash aan het begin en einde. Verwijder trackingparameters, fragmenten die geen stabiele secties identificeren, redirects en links terug naar de huidige pagina.

Plaats nooit advertenties, auteurbiografieën, socialemedia-volgknoppen, nieuwsbriefformulieren, tagwolken, niet-gerelateerde promoties of bronvermeldingen in dit element. Meng geen externe lectuur met interne volgende stappen; extern bewijs hoort in het bronnenblok. Gebruik geen badges zoals “beste”, “populair” of “aanbevolen” tenzij de pagina de selectiebasis definieert en ondersteunt.

De toon moet behulpzaam en specifiek zijn, niet urgent. Vermijd “moet lezen”, “niet missen”, kunstmatige schaarste en beweringen dat de bestemming uitgebreid is, tenzij de reikwijdte dat woord ondersteunt. Het blok beveelt een pad aan; het creëert geen belang.

Posttypen die het gebruiken

De postTypes-array in de frontmatter is de bron van waarheid voor de volgende kruispijlerrelaties.

Niet elke kandidaat hoeft op elke pagina te worden weergegeven. Het posttype definieert de in aanmerking komende relatie; de paginaredacteur selecteert de bestemmingen die zinvol zijn voor het daadwerkelijke onderwerp en traject.

QA-checklist

• Het blok verschijnt één keer, na bronnen en vóór de afsluitende call-to-action.
• De pagina bevat twee tot vijf links, of een gedocumenteerde reden voor het gebruik van zes.
• Elk item heeft een vastgelegde redactionele reden die verder gaat dan een gedeelde tag, categorie of publicatiedatum.
• Elke ankortekst voorspelt wat de bestemming daadwerkelijk biedt en vermijdt “lees meer”, “klik hier” en soortgelijke generieke taal.
• De set ondersteunt het clustercontract: spaak omhoog, pijler omlaag en lateraal alleen wanneer echt gerelateerd.
• De huidige URL is uitgesloten, bestemmingen zijn canoniek en geen enkele link is afhankelijk van een redirect of trackingparameter.
• De frontmatter van gerelateerde inhoud komt overeen met de weergegeven kruispijlerlinks.
• Het blok blijft leesbaar, navigeerbaar en volledig zonder miniaturen of JavaScript.
• De navigatieregio heeft een zichtbare kop en een toegankelijke naam; toetsenbordfocus is zichtbaar.
• Miniaturen bestaan, voegen identificerende waarde toe, reserveren afmetingen en gebruiken correcte alternatieve tekst.
• Redenen voegen een volgende-staprelatie toe in plaats van titels te herhalen.
• Bronnen, advertenties, formulieren, socialemedia-links en niet-gerelateerde promoties blijven buiten het blok.
• Eventuele ItemList-gestructureerde gegevens komen exact overeen met de zichtbare items en volgorde.
• Mobiele weergave toont elke titel en reden zonder een verborgen horizontale carrousel.

Een beoordelaar moet louter plausibele links afwijzen. Elke link moet de juiste volgende stap zijn, een echte architectonische rand uitdrukken en helder blijven in HTML.

FAQ

De academiesjabloon geeft de FAQ-items uit de frontmatter weer.