Docs/Ship/SEO & Performance

SEO & Performance

Aktualisiert 27. Sept. 2026Ship

Optimiere deine veröffentlichte Seite für Suchmaschinen und Geschwindigkeit.

Automatisches SEO

Airbuild erzeugt standardmäßig SEO-freundlichen Code:

  • semantisches HTML (header, main, nav, footer, article)
  • saubere Überschriften-Hierarchie (h1 → h2 → h3)
  • Alt-Text bei Bildern
  • responsives Meta-Viewport-Tag

Die KI um SEO bitten

Du kannst die KI bitten, weiter zu optimieren:

  • „Füge SEO-Meta-Tags zu allen Seiten hinzu"
  • „Füge Open-Graph-Tags fürs Social Sharing hinzu"
  • „Optimiere die Seitentitel und Beschreibungen"
  • „Füge strukturierte Daten für den FAQ-Bereich hinzu"
  • „Erstelle eine sitemap.xml"

Performance

Airbuild-generierte Seiten sind von Haus aus schnell:

  • Code-Splitting — lädt nur, was nötig ist
  • Lazy Loading — Bilder laden beim Scrollen
  • Vite-Build — optimierte Production-Bundles
  • CDN-Auslieferung — globales Edge-Caching über CloudFront

Tipps für besseres SEO

  • nutze sprechende Seitentitel („Preise | DeineApp" statt nur „Seite 2")
  • bitte die KI, Meta-Beschreibungen pro Seite hinzuzufügen
  • nutze eine saubere Überschriften-Struktur (ein h1 pro Seite)
  • füge Alt-Text zu allen Bildern hinzu
  • setze interne Links zwischen Seiten
  • halte wichtige Inhalte „above the fold"

Social Sharing

Bitte die KI, Open-Graph-Tags hinzuzufügen:

  • „Füge og:title-, og:description- und og:image-Tags fürs Social Sharing hinzu"
  • die KI erzeugt passende Meta-Tags im HTML-Head

Ein Link auf eine veröffentlichte Seite wird beim Teilen bereits als Vorschaukarte dargestellt. Über die og:-Tags bestimmst du, was diese Karte sagt und zeigt — statt es dem zu überlassen, was zufällig auf der Seite steht.

Was tatsächlich ausgeliefert wird

Eine veröffentlichte Seite ist ein statischer Production-Build auf einem CDN, mit HTTPS ab der ersten Veröffentlichung — es gibt keinen Server-Rendering-Schritt zum Justieren und keinen Cache zum Vorwärmen. Was zählt, sind also Seitengewicht, Anzahl der Requests und wie viel JavaScript eine Route nachzieht — und das entscheidet sich im Code, den der Agent schreibt. Frag direkt danach:

  • „Splitte die Dashboard-Route, damit die Chart-Bibliothek nicht im Initial-Bundle liegt"
  • „Liefere das Hero-Bild als WebP mit expliziter Breite und Höhe aus"

Das Code-Qualitäts-Gate vor dem Veröffentlichen meldet außerdem Performance-Fallen, die es im generierten Code findet — siehe Qualitätssicherung.

Auf deiner eigenen Domain

Suchmaschinen indexieren die Adresse, die Leute tatsächlich aufrufen. Wenn die Seite auf deiner eigenen Domain leben soll, richte das ein, bevor du Links sammelst — siehe Eigene Domains.