Sprachen

Framer-SEO

Wie SEO mit Framer funktioniert – dem designorientierten Website-Builder, der beim Veröffentlichen statisches HTML vorrendert, sodass Googlebot vollständige Seiten erhält, ohne JavaScript auszuführen. Seitenspezifische Metadaten, automatische Sitemaps und robots.txt, Canonical-Tags, Weiterleitungen, eigener Head-Code und die tatsächlichen Einschränkungen (keine Schema-Oberfläche, tarifabhängige robots.txt, nicht bearbeitbares hreflang).

Erstveröffentlicht: 27. Juni 2026 · Zuletzt aktualisiert: 11. Aug. 2026 · Fortgeschritten
Sprachen
AIVerfasst vonAI v2

Framer rendert beim Veröffentlichen statisches HTML vor, sodass Googlebot vollständige Seiten erhält, ohne JavaScript auszuführen – das ist die wichtigste SEO-Eigenschaft der Plattform und unterscheidet sie von clientseitig gerenderten Website-Buildern. Standardmäßig gibt es automatische Sitemaps, eine voreingestellte robots.txt, selbstreferenzierende Canonical-Tags, automatisches HTTPS und seitenspezifische Metadaten, auch für CMS-Einträge. Die Schwächen liegen bei Tiefe und Skalierung: Es gibt keine Schema-Oberfläche (JSON-LD wird über eigenen <head>-Code eingefügt), Alt-Texte lassen sich nicht an CMS-Felder binden, eine eigene robots.txt erfordert mindestens den Pro-Tarif und hreflang wird zwar automatisch erzeugt, ist aber nicht bearbeitbar. Der ebenfalls erst ab Pro verfügbare Weiterleitungsmanager unterstützt inzwischen Ordner-Platzhalter und Erfassungsgruppen statt nur Eins-zu-eins-Zuordnungen; domainübergreifende Weiterleitungen sind jedoch nicht möglich. Framer und Webflow sind auf technischer Ebene weitgehend vergleichbar – der Unterschied liegt in der Reife des CMS und im Arbeitsablauf, nicht in der Crawlbarkeit.

TL;DR — Framer rendert statisches HTML beim Veröffentlichen vor, sodass Googlebot vollständige Seiten ohne JavaScript-Ausführung erhält – die wichtigste SEO-Tatsache über die Plattform. Sie erhalten automatische Sitemaps, eine standardmäßige robots.txt, selbstreferenzierende Canonicals, automatisches HTTPS, Seitenmetadaten pro Seite (auch für CMS-Elemente), einen integrierten Redirect-Manager und benutzerdefinierte <head>-Injektion für Funktionen, welche die Benutzeroberfläche nicht abdeckt. Die eigentlichen Grenzen sind Tiefe und Umfang: keine Schema-Markup-Benutzeroberfläche, keine Alt-Text-Bindung aus CMS-Feldern, benutzerdefinierte robots.txt und der Redirect-Manager benötigen beide Pro+, Redirects (obwohl jetzt mit Wildcard-Unterstützung) können keine Domains übergreifen, und hreflang wird automatisch generiert, ist aber nicht bearbeitbar. Im Vergleich zu Webflow ist es auf technischer Ebene weitgehend vergleichbar.

Evidence for this claim The article's described framer-seo capabilities must be evaluated against the platform's current documentation rather than assumed to be search-engine behavior. Scope: Platform-specific capability documentation. Confidence: high · Verified: Framer: SEO Evidence for this claim Regardless of platform, Google needs crawlable URLs, accessible rendered content, descriptive metadata, and valid search directives. Scope: Google requirements independent of platform. Confidence: high · Verified: Google Search Central: SEO Starter Guide

Die wichtigste Tatsache: Es ist vorgerendert

Ich beginne mit dem, woran alles andere hängt. Framer generiert statisches HTML zum Zeitpunkt der Veröffentlichung. Seiten werden vorgerendert, nicht clientseitig gerendert, sodass Googlebot vollständiges HTML erhält, ohne JavaScript ausführen zu müssen, um den Inhalt zu sehen.

Das ist der Grund dafür, dass sich die Frage „Ist Framer gut für SEO?“ beruhigend beantworten lässt. Der klassische Fehler bei Plattformen, die vom Design-Tool zum Publisher werden, ist die Auslieferung eines rein clientseitigen React-Bundles, bei dem der relevante Inhalt erst erscheint, nachdem der Browser JS ausgeführt hat – was Sie in Googles separaten, in der Warteschlange stehenden Rendering-Schritt und all die damit verbundenen Risiken bringt. Framer umgeht das vollständig. Wenn Sie meinen Beitrag zu JavaScript-SEO gelesen haben, ist dies das Szenario mit sauberem Input, das Sie sich wünschen.

Ein ehrlicher Vorbehalt: Framer basiert auf React, und animationslastige Seiten können Interaktionskosten verursachen. Dass das HTML crawlbar ist, ist geklärt; worauf Sie bei designlastigen Seiten achten sollten, sind die Interaktivitätsmetriken, auf die ich im Abschnitt zur Leistung zurückkommen werde.

Was Framer Ihnen von Haus aus bietet

  • Automatische sitemap.xml. Wird bei jeder Veröffentlichung unter yourdomain.com/sitemap.xml generiert, einschließlich CMS-Sammlungsseiten. Reichen Sie diese in der Google Search Console und in Bing Webmaster Tools ein.
  • Automatische robots.txt. Framers Dokumentation: “Framer automatically generates a robots.txt file for every published site.” (Übersetzung) „Framer erzeugt für jede veröffentlichte Website automatisch eine robots.txt-Datei.“
  • Selbstreferenzierende kanonische Tags auf jeder Seite, automatisch gesetzt. Laut Framer-Produktspezialist Luca Da Corte: “By default, Framer automatically sets a self-referencing canonical tag for each page on your website.” (Übersetzung) „Standardmäßig setzt Framer für jede Seite Ihrer Website automatisch ein selbstreferenzierendes Canonical-Tag.“
  • Automatisches HTTPS auf allen von Framer gehosteten Websites.
  • CDN + Bildoptimierung – automatische Konvertierung in moderne Formate, bereitgestellt über ein globales CDN.

Metadaten pro Seite und CMS

SEO-Einstellungen pro Seite – Titel, Meta-Beschreibung, OG-Bild, kanonisch und ein Index/Noindex-Umschalter – sind auf jeder Seite verfügbar, einschließlich CMS-Sammlungselementen. Auf CMS-Seiten können Titel und Beschreibung durch Sammlungsfelder gesteuert werden, sodass ein Blog oder eine Produktsammlung mit 200 Einträgen eindeutige Metadaten aus den Daten befüllen kann, statt Seite für Seite.

Das ist wirklich nützlich. Die ehrliche Einschränkung, auf die Rezensenten wie Hannah Martin hinweisen, ist das Standardmuster [item name] [separator] [site name] für CMS-Seitentitel. Dadurch lassen sich Titel einzelner Einträge weniger fein steuern als mit einem WordPress-SEO-Plugin.

Benutzerdefinierte <head>-Code-Injektion

Dies ist der Ausweg für alles, was die Benutzeroberfläche nicht anbietet. Framer unterstützt benutzerdefinierten <head>-Code websiteweit und pro Seite, womit Sie Folgendes hinzufügen können:

  • JSON-LD-Strukturierte Daten (es gibt keine Schema-Benutzeroberfläche – mehr dazu unten),
  • Verifizierungs-Tags für Suchmaschinen,
  • hreflang oder andere Tags, die Sie manuell steuern möchten,
  • Analytics und alles andere, was in den Head gehört.

Weiterleitungen

Framer verfügt über einen integrierten Weiterleitungsmanager (Site-Einstellungen → Weiterleitungen) für 301-Weiterleitungen, und er ist kein Eins-zu-eins-Werkzeug mehr. Framer hat Wildcard- und Musterabgleich hinzugefügt: Verwenden Sie *, um einen gesamten Ordner abzugleichen (/blog/* erfasst /blog/hello-world und jeden verschachtelten Pfad darunter), referenzieren Sie abgeglichene Segmente im Ziel mit Erfassungsgruppen (:1, :2) oder gleichen Sie bestimmte URL-Segmente mit benannten Slugs ab (/blog/:year/:month/:day → /article/:year-:month-:day). Das deckt den Fall der Massenmigration ab, für den früher das Hinzufügen von Weiterleitungen einzeln erforderlich war. Die eigentliche Einschränkung ist jetzt enger: Weiterleitungen funktionieren nur innerhalb Ihrer aktuellen Domain – Framer kann eine gesamte Domain nicht auf eine andere Domain weiterleiten (www.old.com → www.new.com); das muss auf DNS-/Hosting-Ebene für die alte Domain erfolgen, bevor Sie die neue in Framer verbinden. Framers Dokumentation: “You can only redirect sub-paths within your current domain. To redirect an entire domain… use your hosting provider for the old domain to set up domain-level redirects.” (Übersetzung) „Sie können nur Unterpfade innerhalb Ihrer aktuellen Domain weiterleiten. Möchten Sie eine gesamte Domain weiterleiten, richten Sie die Weiterleitung auf Domain-Ebene beim Hosting-Anbieter der alten Domain ein.“ Ein Hinweis zum Plan: Der Weiterleitungsmanager selbst erfordert einen Pro-Plan oder höher – er ist nicht im Free- oder Basic-Plan verfügbar.

Kanonische Tags im Detail

Das Standardverhalten ist bereits SEO-sicher: Jede Seite erhält ein selbstreferenzierendes Canonical-Tag. Wenn Sie ein eigenes Canonical-Tag benötigen, das auf eine andere URL verweist, fügen Sie über den <head>-Code der Seite ein <link rel="canonical"> hinzu. Da Corte merkt an, dass Framer dies intelligent handhabt: “When Framer detects a custom canonical tag in the <head> tag of the page, it will avoid adding the default self-referencing one, so it won’t cause any confusion to search engines.” (Übersetzung) „Wenn Framer ein benutzerdefiniertes kanonisches Tag im <head>-Tag der Seite erkennt, fügt es das standardmäßige selbstreferenzierende Tag nicht hinzu, damit Suchmaschinen nicht durch widersprüchliche Angaben verwirrt werden.“ Es entstehen also keine zwei konkurrierenden Canonical-Tags. Das übergeordnete Thema — Kanonisierung — ist eine eigene Sache; der Punkt hier ist, dass Framers Standard gut ist und die Überschreibung sauber.

„Dynamic Optimization“: ein Framer-spezifischer Begriff

Sie werden sehen, dass Framer über Dynamic Optimization spricht (auch als verkehrsbewusstes Pre-Rendering beschrieben). Dies ist kein standardmäßiger SEO-Begriff — es ist ein Framer-spezifisches Feature, also lassen Sie es mich einfach erklären. Framers Blog: “we optimize each page the first time a user visits it. After that, the optimized version is stored in a cache until you publish a new version.” (Übersetzung) „Wir optimieren jede Seite beim ersten Besuch eines Nutzers. Danach wird die optimierte Version in einem Cache gespeichert, bis Sie eine neue Version veröffentlichen.“ Seiten mit hohem Verkehr erhalten die optimierte, gecachte Version, die fast allen ausgeliefert wird.

Warum ist das für SEO wichtig? Weil Googles Core Web Vitals-Ranking-Signal Felddaten von echten Chrome-Nutzern (CrUX) verwendet, nicht einen Labor-Score. Framers eigene Einordnung: “Aggregated performance scores like CrUX are not affected, since the overwhelming majority of the visitors will get the optimized page.” (Übersetzung) „Aggregierte Leistungswerte wie CrUX sind nicht betroffen, da die überwältigende Mehrheit der Besucher die optimierte Seite erhält.“ Die praktische Konsequenz: Keine Panik bei einem mittelmäßigen PageSpeed Insights Labor-Wert — Framers eigener Hilfeartikel zu diesem Thema bezeichnet PageSpeed Insights als “[PageSpeed Insights is] an imprecise tool that doesn’t impact SEO.” (Übersetzung) „[PageSpeed Insights ist] ein unpräzises Tool, das SEO nicht beeinflusst.“ Für das Ranking zählen vielmehr Daten echter Nutzer, die Framers Caching schützt.

Strukturierte Daten: keine UI, benutzerdefinierter Code

Eine echte Lücke: Framer hat keine Schema-Markup-UI. Strukturierte Daten müssen als JSON-LD über benutzerdefinierten <head>-Code hinzugefügt werden. Arthur Lauwers von 6th Man Digital bringt es auf den Punkt: “Structured data must be added via custom code components by pasting JSON-LD, since there is no native UI for schema.” (Übersetzung) „Strukturierte Daten müssen über benutzerdefinierte Code-Komponenten durch Einfügen von JSON-LD hinzugefügt werden, da es keine native Schema-Oberfläche gibt.“ Markup vom Typ Article, FAQ, BreadcrumbList und Organization ist also möglich — Sie fügen das JSON-LD selbst ein, statt Felder auszufüllen. Googles eigene Anleitung lautet “use JSON-LD where possible,” (Übersetzung) „Verwenden Sie nach Möglichkeit JSON-LD.“ also ist das Format, zu dem Framer Sie drängt, das empfohlene.

Das Hilfecenter von Framer dokumentiert dieses Muster jetzt direkt für CMS-Seiten: Verweisen Sie auf ein Sammlungsfeld mit {{FieldName}} innerhalb des JSON-LD, das Sie in den benutzerdefinierten Code einer CMS-Vorlage einfügen, und verwenden Sie {{FieldName | json}}, wenn der Wert sicheres JSON-Escaping benötigt (Titel, Beschreibungen, Daten, die aus dem CMS-Element gezogen werden). So generieren Sie eindeutiges BlogPosting- oder Product-Markup pro CMS-Element ohne ein natives Schema-Feld — es ist immer noch benutzerdefinierter Code, keine UI, aber es ist ein offiziell dokumentierter Weg, es für eine gesamte Sammlung als Vorlage zu verwenden, statt JSON-LD für jeden Eintrag von Hand zu schreiben.

Lokalisierung und hreflang

Framer unterstützt Lokalisierung nativ. Wenn Sie diese aktivieren, generiert Framer die hreflang-Tags automatisch. Der Haken laut Framers Dokumentation: “Both the lang and hreflang tags are managed automatically in the backend and are not editable via the UI.” (Übersetzung) „Sowohl die lang- als auch die hreflang-Tags werden automatisch im Backend verwaltet und sind über die Benutzeroberfläche nicht bearbeitbar.“ Sie können sie also nicht manuell anpassen, und Drittanbieter-Übersetzungsdienste können sie ebenfalls nicht ändern. Für die meisten lokalisierten Websites ist die automatisch generierte Ausgabe in Ordnung — aber überprüfen Sie, ob sie Ihren Erwartungen entspricht, anstatt es anzunehmen. Die dahinterliegende Spezifikation (hreflang-Anmerkungen für jede lokalisierte URL, einschließlich x-default) ist von Google dokumentiert.

Bekannte Einschränkungen, gesammelt

  • Keine Schema-Oberfläche – JSON-LD lässt sich nur über eigenen <head>-Code hinzufügen.
  • Keine Alt-Text-Bindung aus CMS-Feldern – Alt-Text für CMS-Bilder wird manuell festgelegt (oder über Workarounds), nicht aus einem Sammlungsfeld übernommen.
  • Benutzerdefinierte robots.txt ist planabhängig – das Bearbeiten erfordert einen Pro-Plan oder höher; im kostenlosen Tarif ist sie nicht verfügbar. Framers Dokumentation listet benutzerdefinierte robots.txt als “available on Pro, Scale, and Enterprise plans.” (Übersetzung) „verfügbar für Pro-, Scale- und Enterprise-Pläne.“
  • Weiterleitungen funktionieren nur innerhalb Ihrer aktuellen Domain – Framers Redirect-Manager unterstützt jetzt Platzhalter, Erfassungsgruppen und Slug-Abgleich für gebündelte Ordnerweiterleitungen, kann aber eine gesamte Domain nicht auf eine andere Domain umleiten (dafür sind DNS-Weiterleitungen auf der alten Domain erforderlich). Der Redirect-Manager selbst benötigt einen Pro-Plan oder höher.
  • hreflang nicht bearbeitbar – automatisch generiert, nicht manuell anpassbar.
  • CMS-Skalierungsgrenzen – Obergrenzen je Sammlung machen große programmatische SEO-Projekte (mit mehr als fünfhundert Seiten) umständlich, und ein vollwertiger CSV-Massenimport fehlt.
  • Kein IndexNow – Framer sendet Bing und anderen Suchmaschinen beim Veröffentlichen keinen automatischen Hinweis; reichen Sie Ihre Sitemap manuell bei Bing Webmaster Tools ein.

Framer vs. Webflow vs. WordPress

Framer vs. Webflow: Beide generieren statisches HTML und bieten robots.txt- und Weiterleitungskontrolle. Webflow hat ein ausgereifteres CMS und ein breiteres Agentur-Ökosystem; Framer hat den stärkeren designorientierten Arbeitsablauf. Auf technischer SEO-Ebene sind die beiden weitgehend vergleichbar – die Unterschiede liegen in der CMS-Tiefe und im Workflow, nicht darin, ob das HTML crawlbar ist. Wie Matija Golubovic von Omnius die Skalierungsfrage formuliert: “Both platforms cover the basics, but Webflow clearly is ahead in flexibility, especially for large content inventories, migrations, or international SEO.” (Übersetzung) „Beide Plattformen decken die Grundlagen ab, aber Webflow ist klar führend bei der Flexibilität, insbesondere bei großen Content-Beständen, Migrationen oder internationalem SEO.“ Das trifft im Wesentlichen weiterhin zu – Framers CMS-Obergrenzen und das nicht bearbeitbare hreflang sind echte Lücken gegenüber Webflow. Allerdings hat Framers Weiterleitungsmanager seit diesem Vergleich einen Teil der Migrationslücke geschlossen: Er unterstützt jetzt Ordner-Platzhalter und Erfassungsgruppen, nicht nur Eins-zu-eins-Zuordnungen.

Framer vs. WordPress: WordPress gewinnt auf der Content-Seite – das Plugin-Ökosystem (Yoast, Rank Math), Multi-Autoren-Rollen, geplante Veröffentlichungen und ein redaktioneller Arbeitsablauf, mit dem Framer nicht mithalten kann. Framer punktet dagegen bei der technischen Veröffentlichungsbasis: SSR, CDN, HTTPS und Bildoptimierung sind standardmäßig aktiviert, ohne Plugins und ohne Hosting-Verwaltung. Für eine kleine bis mittlere Marketing-Website sind Framers technische Standardeinstellungen ausgezeichnet; bei umfangreichen redaktionellen Angeboten bietet WordPress die besseren Werkzeuge.

Fazit

Framer ist technisch solide für SEO, weil es crawlbares HTML vorrendert und die richtigen Standardeinstellungen mitliefert. Die Einschränkungen betreffen Tiefe und Umfang – Schema-UI, CMS- Obergrenzen, bearbeitbares hreflang, domänenübergreifende Weiterleitungen – nicht die Frage, ob Google Ihre Seiten lesen kann. Für die meisten Marketing-Websites ist dieser Kompromiss leicht zu akzeptieren.

Add an expert note

Pin an expert quote

New person? Create their unclaimed profile at /admin/experts/ → Pin a quote first.