For AI agents: fetch the complete documentation index at /llms.txt, the full documentation corpus at /llms-full.txt, the agent skill at /skill.md, or this page as Markdown at /nl/docs/web/seo.md (or send Accept: text/markdown).

SEO en delen

Metadata, sitemap, robots en social images.

Vraag over deze handleiding

Voordat je begint

Open uw gedownloade supastack-project in Visual Studio Code met behulp van Bestand → Map openen en kies vervolgens Terminal → Nieuwe terminal. De root van de repository is de map met package.json, apps en pakketten. Voer daar de onderstaande opdracht uit en laat de terminal open. Als een opdracht niet wordt herkend, voltooi dan de installatiehandleiding van het hulpprogramma voordat u verdergaat.

Lees eerst de platformtutorial. Een server is het app-proces dat browser- of telefoonverzoeken beantwoordt. Web leest apps/web/.env.local, Expo leest apps/mobile/.env.local en opdrachten voor databasemigratie lezen root .env. De demonstratie zonder database/dashboard staat los van echte/auth-accounts, waarvoor Postgres moet worden gemigreerd. Voor een telefoon- of desktop-afrekening is een afzonderlijk draaiende web-backend nodig.

corepack pnpm --filter @supastack/web dev

Setup en configuratie

Metadata op routeniveau komt uit de Next.js metadata API — pagina's exporteren een metadata-object of generateMetadata, en resolven titels en descriptions uit de locale-dictionaries zodat zoekresultaten gelokaliseerd blijven.

sitemap.ts en robots.ts genereren het crawlbaar oppervlak; de Open Graph-afbeelding en iconassets dragen de social preview. Houd privéroutes — settings, billing, admin, API — uit de sitemap en op disallow in robots.

app/sitemap.ts    public routes only
app/robots.ts     disallow private surfaces

// per page
export const metadata = { title, description };

Implementatieworkflow

Geef elke publieke pagina een unieke titel en description; indexeer nooit zoekresultaten, gefilterde views of geauthenticeerde oppervlakken. Canonical URL's blijven zonder prefix — de locale-laag redirect de default-locale al naar het canonieke pad.

Als je een publieke route toevoegt, voeg hem dan in dezelfde wijziging aan de sitemap toe. Houd OG-imagery op merktokens in plaats van gebakken screenshots, zodat restyles consistent blijven.

Verificatie en probleemoplossing

Fetch /robots.txt en /sitemap.xml op een preview-deploy, valideer dat de sitemap parset en deel-check één pagina — titel, description, afbeelding. Bevestig een noindex-header of -meta op zoekresultaatpagina's.