seojuice

So führe ich ein Audit einer vom Designer übergebenen Framer-Website durch

Lida Stepul
Lida Stepul
· Updated · 12 min read

Wie ich eine vom Designer übergebene Framer-Site auditiere

TL;DR: Framer hat seine SEO-Grundlage 2024-2025 grundlegend verändert: standardmäßig servergerendertes HTML, CMS-Collections mit echten Routen, Seiten-Metadatensteuerung, Felder für strukturierte Daten, CDN-native Bilder und ein integrierter Redirect-Manager. Die meisten älteren Framer-SEO-Tipps sind damit obsolet, und das Audit 2026 bei der Designer-Übergabe ist kürzer, als das öffentliche Web vermuten lässt. Die sieben Checks, die ich wirklich durchführe – sortiert nach dem, was Rankings am schnellsten bricht – sind Rendering-Verifizierung, Seiten-Metadaten, die Collection-Routen-Map, das interne Link-Graf, Alt-Texte für Bilder, strukturierte Daten und, falls es sich um eine Migration handelt, die Redirect-Map. Fünf davon sind inzwischen weitgehend Standardverhalten von Framer; zwei erfordern noch echte Handarbeit.

Die Übergabe landet alle zwei Monate auf meinem Schreibtisch

Ein Designer schließt einen Framer-Build ab, das Design passt, der Gründer ist zufrieden, und die Site soll starten (oder ist seit ein paar Wochen live, ohne dass in der Search Console etwas passiert). Die Frage ist immer dieselbe: „Ist das rankbereit?“ Früher hatte ich eine 12-Punkte-Checkliste aus 2022. Nach drei Framer-Audits im letzten Quartal erledigt Framer inzwischen die Hälfte dieser Punkte von selbst, daher habe ich das Audit auf sieben tatsächliche Checks gekürzt.

Der folgende Text ist genau dieses Audit. Ich beginne mit der Render-Path-Map, weil die historische Sorge um Framer (das JavaScript-Rendering) noch immer die erste Frage ist und 2024 sauber gelöst wurde. Danach folgen die sieben Checks in Prioritätsreihenfolge, dann die Migrations-Matrix für Rebuild-Szenarien und ein kurzer, ehrlicher Abschnitt darüber, was Framers CMS 2026 noch nicht gut kann. Das Ganze ist plattformspezifisch. Die Wix- und Webflow-Versionen dieses Artikels behandeln ihre eigenen Themen; zum Webflow-Artikel verlinke ich an der Stelle, an der er der bessere nächste Schritt ist.

Was Framer zwischen Publish und Crawl tatsächlich tut

Der Render-Pfad hat fünf Stufen. Ein Browser (oder Crawler) ruft eine URL ab. Framers Edge löst die URL zu einer Seite oder einem Collection-Datensatz auf. Framers Server rendert das HTML – kompletter Body-Text, Überschriften, strukturierte Daten, alles – und liefert es in der Initial-Response aus. Das CDN cached und servt es. Der Crawler liest genau dieses HTML und indexiert es. In jeder Stufe gibt es einen Punkt, den der Operator prüfen sollte; nur der letzte ist nicht offensichtlich.

Render-Pfad einer Framer-Site ab 2024: Browser-Anfrage, Framer-Edge, servergerendertes HTML, CDN-Auslieferung, Crawler-Ansicht
Der Render-Pfad einer Framer-Site ab 2024. Die frühere JS-Sorge ist in Stufe drei gelöst; prüfen muss man Stufe fünf.

Die historische Sorge bei Framer (und jedem anderen Design-Tool, das zur Website-Plattform wurde) war, dass nur client-gerendertes JavaScript ausgeliefert wurde und Google daher eine leere Hülle sah. Googles offizielle Position ist seit Jahren stabil: Server- oder Prerender-HTML und Client-Rendering sind lediglich unterschiedliche Auslieferungsformen, keine unterschiedlichen Ranking-Klassen – entscheidend ist, dass der Content beim Abruf vorhanden ist. Framers Standard ab 2024 liefert den Content in der Initial-Response, womit die Sorge erledigt ist.

Die Verifizierung bei jeder Übergabe ist ein Einzeiler: curl -A "Googlebot" <url> gegen drei Musterseiten (Startseite, ein Collection-Detail, eine tiefe Seite) und im Response-Body nach einem rein clientseitigen Ausdruck greppen. Taucht er auf, wird gerendertes HTML ausgeliefert – fertig. Fehlt er, hat man die eine Seite gefunden, auf der das SSR-Default durch ein schweres Client-Side-Animation-Widget überschrieben wurde. Der SPA-SEO-Artikel erklärt das Vorgehen im Edge Case.

Was 2024-2025 neu kam, das man nicht mehr prüfen muss

Fünf Punkte, die Framer jetzt standardmäßig übernimmt und die früher Handarbeit waren. Stehen sie noch auf deiner Checkliste, kannst du kürzen.

Erstens, Server-Side-Rendering: Seiten liefern vollständiges HTML in der Initial-Response (siehe Abschnitt oben). Zweitens, CDN-native Bildauslieferung: WebP und responsives srcset sind automatisch für Assets, die nach dem CDN-Roll-out 2023 hochgeladen wurden. Das alte „Bilder komprimieren“ gilt nur noch für Alt-Text und Dateinamen, nicht mehr für Format-Negotiation. Drittens, Seiten-eigene <head>-Steuerung: Titel, Meta-Description, Canonical, OG-Bild, Robots-Tag – alles pro Seite im Publish-UI ohne Theme-Hack. Viertens, native Felder für strukturierte Daten: Article, Product, FAQPage, BreadcrumbList direkt im Seitenpanel ohne Code-Injection. Fünftens, ein Redirect-Manager für 301er auf derselben Domain.

Konsequenz: Die meisten älteren Framer-SEO-Artikel beschreiben ein 2022er Produkt, das es so nicht mehr gibt. Das Operator-Audit 2026 überprüft nur noch, ob die Defaults greifen, und erledigt das Seiten-Feintuning, das Framer nicht übernehmen kann. Deutlich kürzer, als die meisten Plattformvergleiche vermuten lassen. Ehrlicherweise sind Defaults gut, nicht perfekt; drei Dinge brauchen weiterhin echte Handarbeit (nächster Abschnitt).

Das Sieben-Punkte-Audit bei der Übergabe

Take-away-Artefakt: sieben Checks, sortiert nach dem Ranking-Risiko bei Fehlkonfiguration. Frühere Fehler kosten mehr, darum teste ich in dieser Reihenfolge.

Sieben-Punkte-Audit für Framer-Übergabe, sortiert nach Ranking-Risiko, mit Tags für Framer-Default und Operator-Work
Sieben Checks, sortiert nach Ranking-Risiko. „Framer-Default“ heißt nur noch verifizieren; „Operator-Work“ bleibt in deiner Verantwortung.
#CheckFehlerbild bei ÜbergabeStatus 2026
1Rendering-VerifizierungEine Seite rendert clientseitig (Anim-Widgets)Meist Default; 3 Musterseiten prüfen
2Seiten-MetadatenAlle Seiten teilen denselben Titel-PrefixOperator-Work
3Collection-Routen-MapFlacher URL-Prefix, Paginierungs-DublettenOperator-Work
4Internal-Link-GrafReiche Nav, dünne Body-LinksOperator-Work
5Bild-Alt-TextAlt heißt „image-1.jpg“ im HeroOperator-Work (CDN ok)
6Strukturierte DatenSchema nur auf einer Seite gefülltOperator-Work (Feld da)
7Redirect-Map (Migration)Alte URLs 404, Equity wegOperator-Work; Tool da

Die nächsten Abschnitte behandeln die drei Checks, die in realen Framer-Übergaben am häufigsten scheitern (2, 3 und 4). Checks 5-7 fasse ich zusammen – gleiches Muster: Oberfläche vorhanden, Feld füllen.

Check eins: Seiten-Metadaten-Wiring

Dies bricht Rankings am schnellsten, weil Framer Titel und Description aus den Site-Settings erbt. Designer-Sites starten oft damit, dass jede Seite denselben Titel-Prefix hat und die Overrides leer sind. Fünf Titelproben zeigen das sofort.

Vier Felder pro Seite prüfen: Titel – einzigartig, <60 Zeichen, führt mit Seitenthema statt Site-Name. Meta-Description – einzigartig, 140-155 Zeichen, auf Klickrate optimiert, nicht auf Keyword. Canonical – zeigt nicht auf die Staging-Domain (häufigster Fehler, weil Designer in der Vorschau arbeitete). OG-Bild – seitenbezogen, nicht das globale Default-Bild.

Fix: ein redaktioneller Durchgang, etwa eine Stunde bei 20 Seiten. Der OG-Image-Artikel vertieft das Thema. Top-10-Seiten auswählen, vier Felder schreiben, in Framer einfügen, publish.

Check zwei: die Collection-Routen-Map

Framers CMS nutzt Collections mit dynamischen Routen. Blogposts, Cases, Produkte, Teammitglieder – alles Datensätze, gerendert unter <collection-prefix>/<slug>/. Das Audit prüft drei Punkte je Collection.

Der Prefix sollte hierarchisch sein, nicht flach: /blog/post-name/ statt /post-name/. Flachheit verwirrt Crawl-Budget-Signale, und die URL verliert den thematischen Hinweis. Mehr dazu.

Paginierung darf keine Near-Duplicates erzeugen. Framers Default erzeugt page-2, page-3-URLs mit gleichen Titeln, die Google zusammenfasst. Bei Blogs >50 Posts: canonical ab page-2 auf page-1 oder Infinite Scroll ohne URLs.

Drittens Canonical im Detail: Auf Detail-Seiten muss der Canonical auf die Detail-URL zeigen, nicht auf die Listing-Seite. Zwei Mal im letzten Jahr falsch gesehen – Ergebnis: „Meine Blogposts haben null Impressions“. Ein Toggle in den Collection-Settings behebt das. Mehr zur Hierarchie.

Check drei: das Internal-Link-Graf

Designer-Sites haben oft opulente Nav, aber wenig Body-Links. Header hat 6 Items, Footer eine Sitemap, doch im Fließtext fehlen Links. Dabei wiegen Body-Links mehr als Nav-Links – für Rank-Signal und Crawl-Priorität.

Prüfung: Top-10-Kommerz-Seiten auflisten. Für jede die In-Links aus Nicht-Nav-Bereichen zählen: Fließtext, Related-Modules, Cards. Minimum bei Übergabe: drei Body-Links pro Top-Seite. Zwei geht bei kleinen Sites (<20 Seiten); eins oder null ist der häufigste Fehler.

Fix: redaktioneller Durchgang durch bestehende Inhalte, zwei-drei kontextuelle Links einfügen. Aufwand: halber Tag bei 30 Seiten. Statistik-Stück erklärt die Gewichtung.

Wenn hier alles passt, ist das plattformübergreifende Hygiene-Audit der nächste Schritt.

Die übrigen vier Checks mit Operator-Arbeit

Alt-Texte, strukturierte Daten, Redirect-Map und die Rendering-Stichprobe. Gleiches Muster: Oberfläche da, Feld füllen.

Alt-Text: CDN regelt Format & Größe, aber der Alt-Wert wird im Asset-Manager gesetzt. Zehn Above-the-Fold-Bilder stichprobenhaft prüfen, ob der Alt-Text beschreibend ist. Heroes und OG-Bilder zuerst.

Strukturierte Daten: Schema-Panel liefert Article, Product, FAQPage, BreadcrumbList. Prüfen: Jeder Blogpost → Article, jedes Produkt → Product, jede FAQ-Seite → FAQPage. Häufigster Fehler: nur die ersten drei Seiten ausgefüllt.

Rendering-Verifizierung: siehe Render-Pfad. Drei Stichproben, curl -A "Googlebot", clientseitige Phrase greppen. Taucht sie im Curl-Response auf, ist SSR aktiv.

Redirect-Map nur relevant bei Migration. Wenn ja, weiter zum nächsten Abschnitt.

Migrating into Framer – die Source-Matrix

Vier typische Quellsysteme mit unterschiedlichen Risiken. Am häufigsten: Webflow → Framer (Gründer startet mit Webflow, wechselt Designer, erhält Framer-Rebuild). Am riskantesten: WordPress → Framer, wegen großem Redirect-Umfang und Plugin-Metadaten.

Entscheidungsfluss bei Framer-Migration mit vier Quellen: Figma, Webflow, WordPress, Fresh Launch, jeweils mit Risikoprofil
Vier Quellen, vier Risiken. Die Kosten skalieren mit der Redirect-Fläche, nicht mit der Design-Komplexität.
QuellplattformHauptrisikoEmpfohlener Ansatz
Figma (keine Live-Site)Keins – nichts zu bewahrenFrischer Launch. URL-Struktur sauber planen; Sitemap an Tag 1 in GSC einreichen
WebflowEquity-Verlust ohne 301; temporärer Rank-DipRedirect-Map 1:1 bauen, launchen, Rankings 60 Tage monitoren
WordPressPlugin-Metadaten-Verlust; große Redirect-Fläche; evtl. Bild-URLsAlle Metadaten via Plugin exportieren, Redirect-Map bauen, 30-90 Tage Re-Ranking einplanen
Frischer LaunchNur langsames IndexingSitemap Tag 1 an GSC & Bing, 14-30 Tage bis erste Rankings

Der Webflow-Case ausführlich, weil er am häufigsten vorkommt: Redirect-Map 1:1 (keine many-to-one-Kürzungen, keine Splits). Launch Dienstag/Mittwoch, damit der erste Crawl im Business-Week-Fenster liegt. 10-20 % Impression-Dip in Woche 2-4 ist normal, wenn die Redirect-Map sauber ist. Mehr zur Headless-Migration.

WordPress-Migrationen sind härter, weil Yoast/RM/AIOSEO-Metadaten exportiert werden müssen. Redirect-Fläche meist 2-3× größer als bei Webflow. Details hier.

Was Framers CMS 2026 noch nicht gut kann

Ehrlicher Stand 2026: Framer hat ein echtes CMS, aber zwei Punkte hinken Webflow noch hinterher; sind sie kritisch, sollte man die Plattformwahl überdenken.

Wann Framer-Collections vs. statische Seiten für SEO sinnvoll sind
Standard-Split: Blogs & Produkte in Collections; individuelle Landingpages statisch.

Erstens: Faceted-Search-Filter bei großen Katalogen. Mehrere Filterdimensionen erzeugen Kombi-URLs; Framers Canonicalisierung greift hier nicht immer sauber. Workaround: Filter-Kombis noindex, Canonical auf Basis-Listing. Bis ein paar Hundert SKUs ok; darüber punktet Webflow.

Zweitens: Verschachtelte Collections. Bei Hierarchien mit drei Ebenen (Kategorie → Sub → Artikel) kann Framers Routing unter bestimmten Einstellungen flachfallen; das URL-Feld muss dann manuell gepflegt werden. Webflow ist hier stabiler. Zwei Ebenen (Blog → Post, Produkte → Produkt) sind in Ordnung.

Falls das blockiert, liefert der Webflow-Audit-Artikel die Alternative. Für 80 % der Sites ist Framers CMS 2026 konkurrenzfähig.

Was das Audit liefert

Artefakt: einseitiger Übergabe-Report. Render-Pfad auf drei Seiten verifiziert. Seiten-Metadaten auf Top-10-Seiten komplett. Collection-Routen kartiert, Paginierung & Canonicals ok. Internal-Link-Graf geprüft, drei Body-Links pro Top-Landing. Bilder alt-getaggt. Strukturierte Daten gefüllt. Redirect-Map gebaut, falls Migration. Designer behält das Projekt; Operator hat den Baseline-Stand.

Zwei nächste Lektüren: Cross-Plattform-Hygiene-Audit für Nicht-Framer-Themen. Founder-Tools-Artikel für kleinere Portfolios ohne Operator.

FAQ

Ist Framers SEO 2026 wirklich konkurrenzfähig zu Webflow? Fast, aber nicht identisch. Framer hat 2024-2025 mit SSR als Standard, CMS-Collections, Seiten-<head>-Kontrolle und strukturierten Daten massiv aufgeholt. Webflow liegt bei verschachtelten Collections und komplexen Filter-URLs noch vorne. Für rund 80 % der Sites ist die Lücke geschlossen.

Muss ich mir noch Gedanken über JavaScript-Rendering bei Framer machen? Nicht bei Standard-Framer-Seiten. Seit 2024 liefert Framer servergerendertes HTML. Ausnahme: stark animierte Detailseiten mit viel Client-State. Drei Stichproben mit curl -A "Googlebot" geben Sicherheit.

Wie lange dauert es nach dem Launch einer Framer-Site bis zu ersten Rankings? Wie bei jeder neuen Site: 14-30 Tage bis zum ersten Search-Console-Pickup, 60-90 Tage bis zu Query-Rankings. Bei Migration: 10-20 % temporärer Impression-Dip in Woche 2-4, während Google die Redirects neu crawlt.

Kann ich eine Framer-Site auf meiner eigenen Domain und eigenem CDN hosten? Eigene Domain ja, eigenes CDN nein. Framers CDN ist Teil der Plattform – gleicher Stand wie Webflow und Wix.

Was ist der häufigste Framer-spezifische SEO-Fehler bei Übergaben? Alle Seiten teilen denselben Titel-Prefix. Designer setzen das Site-weite Titel-Muster und lassen die Seiten-Overrides leer, sodass jede Seite „Site-Name | Page-Title“ zeigt. In einer Stunde behoben; fünf Titelproben genügen zum Erkennen.