Codefluss Logo

SEO Pflege

SEO Management

Der schönste Content nützt wenig, wenn er von Google nicht gefunden wird. Der zweite Bereich der Content-Phase ?phase=seo widmet sich voll und ganz der Suchmaschinenoptimierung (SEO).

Anstatt wie bisher an den Texten der Live-Seite zu feilen, steuern Sie in diesem Tab die Metadaten, die nur Suchmaschinen und Plattformen wie Facebook, LinkedIn oder iMessage beim Teilen Ihrer Links sehen.

Pro-Seiten Konfiguration

SEO-Einstellungen werden in CODEFLUSS strikt auf Seiten-Ebene gesteuert. Wenn Sie oben in der Editor-Ansicht durch Ihre einzelnen Seiten navigieren (Startseite, Über Uns, Kontakt), ändern sich auch die dazugehörigen SEO-Metadaten im Inspector-Panel.

Wichtige SEO-Felder

  • SE0-Titel (Meta Title): Das wohl wichtigste SEO-Element überhaupt. Das ist die große, oft blaue Überschrift, die Google in den Suchergebnissen anzeigt. Sie sollte prägnant sein, das Hauptkeyword der Seite enthalten und nicht länger als 60 Zeichen sein.
  • Seiten-Beschreibung (Meta Description): Der kurze Begleittext unter der Überschrift auf Google. Es ist ihr "Werbe-Slogan", um den User dazu zu bekommen, genau Ihren Link in den Suchergebnissen anzuklicken. Ideale Länge: zwischen 140 und 160 Zeichen.
  • Indexierung erlauben: Ein Schalter, mit dem Sie bestimmen, ob Suchmaschinen diese Seite überhaupt in ihren Index aufnehmen dürfen. (Beispiel: Ein Impressum soll meistens indexiert werden, ein interner "Danke für Ihre Anfrage"-Screen hingegen auf keinen Fall!)

Social Media Vorschaubilder (Open Graph)

Ein besonders wichtiges Element der modernen SEO ist das OG (Open Graph) Bild. Das OG-Image ist genau jenes Vorschaubild, das automatisch geladen und prominent dargestellt wird, wenn Sie den Link zu Ihrer Website auf WhatsApp, LinkedIn, X, Facebook oder Slack posten.

Im SEO-Tab können (und sollten) Sie für jede einzelne Unterseite ein spezifisches OG-Image hochladen. Wenn CODEFLUSS bemerkt, dass kein OG Image definiert ist, sucht das System automatisch nach Fallback-Logiken aus Ihren regulären Seiten-Metadaten.

Technischer Hintergrund

Sobald Sie Ihre Entwürfe speichern, verknüpft das interne CMS von CODEFLUSS (Next.js) Ihre SEO-Angaben nahtlos in den HTML <head>-Bereich. Dies geschieht Server-Side-Rendered (SSR), wodurch eine perfekte Lesbarkeit für alle Suchmaschinen-Crawler weltweit in Millisekunden garantiert ist.