Semantische HTML en interne links in Next.js
Hieronder een voorbeeld van een Next.js component met goede contentstructuur, SEO-vriendelijke interne links en visueel aantrekkelijke paragrafen volgens onze huisstijl:
import Link from "next/link";
export default function ContentVoorbeeld() {
return (
<article>
<h1>Contentoptimalisatie voor betere vindbaarheid</h1>
<p className="text-lg leading-relaxed">
Goede content sluit aan bij de zoekintentie van bezoekers. Het is slim om te linken naar gerelateerde pagina’s zoals <Link href="/website-ontwikkeling"><a className="text-teal-700 underline hover:text-teal-900">website ontwikkeling</a></Link> voor bredere context.
</p>
<h2>Structuur en leesbaarheid</h2>
<p className="text-lg leading-relaxed">
Een goede structuur met duidelijke koppen en korte paragrafen zorgt dat bezoekers en zoekmachines content makkelijk begrijpen.
</p>
</article>
);
}