> ## Documentation Index
> Fetch the complete documentation index at: https://supastack.dev/llms.txt
> Use this file to discover all available pages before exploring further.
> For the full documentation corpus in one file, fetch: https://supastack.dev/llms-full.txt

# SEO und Teilen

Metadata, Sitemap, robots und Social Images.

## Bevor Sie beginnen

Öffnen Sie Ihr heruntergeladenes Supastack-Projekt in Visual Studio Code über Datei → Ordner öffnen und wählen Sie dann Terminal → Neues Terminal. Das Repository-Stammverzeichnis ist der Ordner, der package.json, Apps und Pakete enthält. Führen Sie dort den Befehl unten aus und lassen Sie das Terminal geöffnet. Wenn ein Befehl nicht erkannt wird, lesen Sie die Installationsanleitung für das Tool durch, bevor Sie fortfahren.

Lesen Sie zuerst das Plattform-Tutorial. Ein Server ist der App-Prozess, der Browser- oder Telefonanfragen beantwortet. Web liest apps/web/.env.local, Expo liest apps/mobile/.env.local und Datenbankmigrationsbefehle lesen root .env. Die Demonstration ohne Datenbank /Dashboard ist getrennt von echten /Auth-Konten, die migriert werden müssen Postgres. Für eine reine Telefon- oder Desktop-Kaufabwicklung ist ein separat ausgeführtes Web-Backend erforderlich.

[Installieren Sie die Tools und erhalten Sie den Code](https://supastack.dev/de/docs/web/before-you-start.md)

[Befehle, Dateien und Konfiguration lernen](https://supastack.dev/de/docs/web/terminal-basics.md)

[Schließen Sie das Web-Tutorial zur ersten Ausführung ab](https://supastack.dev/de/docs/web/ship-in-5-minutes.md)

```
corepack pnpm --filter @supastack/web dev
```


## Einrichtung und Konfiguration

Routenbezogene Metadata kommen aus der Next.js-Metadata-API — Seiten exportieren ein metadata-Objekt oder generateMetadata und lösen Titel und Beschreibungen über die Locale-Dictionaries auf, damit Suchergebnisse lokalisiert bleiben.

sitemap.ts und robots.ts erzeugen die crawlbare Oberfläche; das Open-Graph-Bild und die Icon-Assets tragen die Social-Vorschau. Halte private Routen — settings, billing, admin, API — aus der Sitemap heraus und disallow sie in robots.

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

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


## Implementierungsablauf

Gib jeder öffentlichen Seite einen eindeutigen Titel und eine Beschreibung; indexiere niemals Suchergebnisse, gefilterte Ansichten oder authentifizierte Flächen. Canonical-URLs bleiben unpräfixiert — die Locale-Schicht leitet die Default-Locale bereits auf den kanonischen Pfad um.

Wenn du eine öffentliche Route ergänzt, ergänze sie im selben Change in der Sitemap. Halte OG-Bilder auf Brand-Tokens statt auf eingebrannten Screenshots, damit Restyles konsistent bleiben.


## Überprüfung und Fehlerbehebung

Rufe /robots.txt und /sitemap.xml auf einem Preview-Deploy ab, validiere, dass die Sitemap parst, und prüfe den Share-Look einer Seite — Titel, Beschreibung, Bild. Bestätige einen noindex-Header oder -Meta auf Suchergebnisseiten.


## Weiter

[Produktthema](https://supastack.dev/de/docs/web/theming.md)