Naar inhoud gaan
supastack
Blader door de docs
WebTanStack Start

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/tanstack/seo.md (or send Accept: text/markdown).

SEO en delen

Metadata, sitemap, robots en social images.

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-tanstack/.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-tanstack dev

Setup en configuratie

Metadata op routeniveau komt uit de gedeelde paginamodules — elke packages/web-core/src/pages/<route>/page.load.ts exporteert metadata die zijn bestandsroute via head() en metadataToHead aanbiedt, waarbij titels en descriptions uit de locale-dictionaries resolven zodat zoekresultaten gelokaliseerd blijven.

De routes src/routes/sitemap[.]xml.ts en src/routes/robots[.]txt.ts genereren het crawlbare oppervlak; de gerasteriseerde OG-afbeelding (src/framework/og.ts) en icon-assets dragen de social preview. Houd privéroutes — settings, billing, admin, API — uit de sitemap en op disallow in robots.

src/routes/sitemap[.]xml.ts   public routes only
src/routes/robots[.]txt.ts    disallow private surfaces

// per page — packages/web-core/src/pages/<route>/page.load.ts,
// surfaced through the route's head() via metadataToHead
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.