Shopify zu Webflow: Migration Ihrer Marketing-Website, ohne den E-Commerce anzutasten

Eine wachsende Zahl von B2B-SaaS- und DTC-Marken stößt auf dasselbe strukturelle Problem. Ihr Shopify-Shop wickelt den Handel perfekt ab, aber ihre Marketing-Website – die Homepage, die Über-uns-Seite, der Blog, die Produktfunktionsseiten, der SEO-Content-Hub – wurde entweder innerhalb von Shopify erstellt oder nachträglich daran angeflanscht. Das Ergebnis ist eine Marketing-Erfahrung, die durch eine Plattform eingeschränkt wird, die nie dafür konzipiert wurde.

Das Shopify zu Webflow Migrationsmuster, das dieser Artikel behandelt, ist keine vollständige Shop-Migration. Es ist eine chirurgische Aufteilung: die Marketing-Ebene aus Shopify extrahieren, sie in Webflow neu aufbauen, dabei jedes SEO-Signal bewahren und den Shopify-Shop ohne Unterbrechung weiterlaufen lassen. Wenn Sie dies bisher aufgeschoben haben, weil es sich technisch riskant anfühlt, führt dieser Leitfaden durch die Architektur, die Abfolge und die präzisen Schritte, die für eine korrekte Umsetzung erforderlich sind.

‍

Shopify zu Webflow: Warum Marketing-Teams die Content-Infrastruktur von Shopify entwachsen

Shopify wurde entwickelt, um Produkte zu verkaufen. Sein CMS, Templating-System und Seiten-Editor spiegeln diese Priorität wider. Für Marken in ihrer frühen Wachstumsphase ist es praktisch sinnvoll, die Marketing-Website innerhalb von Shopify zu hosten: eine Plattform, eine Bereitstellung, ein DNS-Eintrag. Aber mit zunehmender Größe potenzieren sich die Einschränkungen.

Content-Teams können keine flexiblen Landing Pages ohne Entwickler-Intervention oder Drittanbieter-Apps wie PageFly erstellen. Die Blog-Infrastruktur ist minimal und strukturell schwach für thematisches SEO. Schema-Markup, benutzerdefinierte Komponenten, bedingte Sichtbarkeit und strukturierte Inhaltsbeziehungen, die alle in Webflow Standard sind, erfordern in Shopify Workarounds, die im Laufe der Zeit technische Schulden anhäufen.

Kritischer ist, dass das Liquid-Templating von Shopify nicht für die Art von performance-optimierten, konversionsgetesteten Marketing-Erlebnissen konzipiert ist, die CMOs von Wachstums-SaaS- und DTC-Unternehmen von ihrer Website erwarten. Wenn die Marketing-Website zum primären Wachstumskanal wird und der Shop lediglich die Transaktionsschicht darstellt, arbeitet die Architektur von Shopify gegen das Team, das sie betreibt.

Das Muster, das sich abzeichnet, ist konsistent: Marken wollen Webflow für die Marketing-Oberfläche und Shopify für die Commerce-Oberfläche behalten. Die Frage ist, wie die Aufteilung umgesetzt werden kann, ohne Rankings zu verlieren, Integrationen zu zerstören oder einen verwirrenden Wartungsaufwand für zwei Plattformen zu schaffen.

‍

Die zentrale Architektur-Entscheidung: Subdomain vs. Unterverzeichnis

Bevor eine einzige Seite verschoben wird, ist die wichtigste Entscheidung bei dieser Migration, wo die beiden Plattformen zueinander positioniert werden. Es gibt zwei praktikable Optionen, und keine davon ist universell korrekt.

Subdomain-Architektur

Bei der Subdomain-Architektur befindet sich die Webflow-Marketing-Website unter www.yourdomain.com (oder yourdomain.com), und der Shopify-Shop wird von einer Subdomain wie store.yourdomain.com oder shop.yourdomain.com.

Dies ist die sauberste technische Trennung. Webflow verwaltet die DNS-Einstellungen für die Root-Domain. Shopify erhält eine eigene Subdomain mit eigenem SSL-Zertifikat und Routing. Es ist keine Routing-Logik erforderlich, um den Traffic zwischen den Plattformen zu leiten, da sie unter strukturell getrennten URLs existieren.

Der Kompromiss ist die Konsolidierung der Subdomain-Autorität. Google behandelt Subdomains in einigen Kontexten als eigenständige Entitäten von der Root-Domain, obwohl die praktischen Auswirkungen auf etablierte Domains mit starken Linkprofilen typischerweise minimal sind. Für Marken, deren Shop historisch viele Backlinks unter yourdomain.com/collections/, kann das Verschieben dieser Pfade nach store.yourdomain.com/collections/ ohne ordnungsgemäße Weiterleitungsplanung die Link-Equity stören.

Unterverzeichnis-Architektur (Reverse Proxy)

Bei der Unterverzeichnis-Architektur befindet sich die Webflow-Website unter yourdomain.com und der Shopify-Shop wird von einem Unterverzeichnis-Pfad wie yourdomain.com/shop/ oder yourdomain.com/store/, wobei eine Reverse-Proxy-Schicht (typischerweise über Cloudflare oder eine benutzerdefinierte Edge-Konfiguration) verwendet wird, um Anfragen transparent weiterzuleiten.

Dies bewahrt die Konsolidierung der Root-Domain-Autorität und wird aus reiner SEO-Sicht für etablierte Shops mit erheblichem organischem Traffic auf Nicht-Root-URLs bevorzugt. Es führt jedoch zu einer erheblichen betrieblichen Komplexität. Reverse-Proxy-Konfigurationen erfordern einen sorgfältigen Umgang mit Cookies, Session-Tokens und Headern für den Checkout-Prozess. Fehler auf der Proxy-Ebene können zu Checkout-Fehlern, Authentifizierungsfehlern oder Inhaltsduplikationen führen, die in der Produktion schwer zu diagnostizieren sind.

Vergleichstabelle: Subdomain vs. Unterverzeichnis für Shopify + Webflow Split

‍

‍

Für die Mehrheit der B2B-SaaS-Marken und die meisten DTC-Unternehmen, die ihre Marketing-Website innerhalb von Shopify aufgebaut haben, ist der Subdomain-Ansatz die richtige Standardlösung. Er ist schneller zu implementieren, birgt ein geringeres Risiko auf Infrastrukturebene und ist aus SEO-Sicht ausreichend, vorausgesetzt, Weiterleitungen werden korrekt gehandhabt.

‍

So führen Sie die Shopify-zu-Webflow-Migration Schritt für Schritt durch

Wie teilt man eine Shopify-Marketing-Website auf und verschiebt sie zu Webflow? Eine Migration einer Shopify-Marketing-Website zu Webflow umfasst vier Phasen: die Prüfung, welche Seiten zur Marketing-Ebene und welche zum Shop gehören, den Neuaufbau dieser Seiten in Webflow mit struktureller und semantischer Gleichwertigkeit, die Konfiguration des DNS, um die Webflow-Website unter der Root-Domain bereitzustellen, während der Shopify-Shop auf eine Subdomain geleitet wird, und die Implementierung von 301-Weiterleitungen für alle URL-Pfade, die sich dabei ändern. Der Shopify-Shop bleibt während des gesamten Prozesses ohne Unterbrechung in Betrieb, vorausgesetzt, die Subdomain oder der Reverse-Proxy ist vor der DNS-Umstellung konfiguriert.

Die Reihenfolge der Ausführung ist wichtiger, als die meisten Teams erwarten. Die Durchführung dieser Schritte in der falschen Reihenfolge ist der Hauptgrund, warum Migrationen zu Ranking-Verlusten oder Shop-Ausfallzeiten führen.

1. Prüfen Sie die Shopify-Marketing-Ebene. Crawlen Sie die aktuelle Shopify-Website mit einem Tool wie Screaming Frog oder Semrush Site Audit. Identifizieren Sie jede URL, die zur Marketing-Oberfläche gehört: Homepage, Über uns, Funktionen/Lösungen-Seiten, Blogbeiträge, Landing Pages und alle Inhalte, die den Shopify-Warenkorb oder Checkout nicht erfordern. Exportieren Sie die vollständige URL-Liste zusammen mit dem Indexierungsstatus, eingehenden internen Links und allen Seiten mit externen Backlinks.
2. Identifizieren Sie Shop-spezifische URLs und schließen Sie diese aus. Jede URL unter /collections/, /products/, /cart/, /checkout/, und /account/ bleiben auf Shopify. Diese werden nicht migriert. Kennzeichnen Sie diese deutlich, damit sie von der Weiterleitungszuordnung ausgeschlossen werden.
3. Erstellen Sie die Webflow-Website in der Staging-Umgebung. Bauen Sie die Marketing-Ebene in Webflow auf einer Staging-Subdomain neu auf (Webflow stellt .webflow.io Domains für Staging zur Verfügung). Behalten Sie die URL-Struktur so weit wie möglich bei. Wenn der Blog unter yourdomain.com/blogs/news/post-slug in Shopify war, prüfen Sie, ob Sie diesen Pfad beibehalten oder zu yourdomain.com/blog/post-slug, und richten Sie entsprechende Weiterleitungen ein, falls sich der Pfad ändert.
4. Richten Sie die Subdomain auf Shopify ein. Bevor Sie die DNS-Einstellungen ändern, konfigurieren Sie den Shopify-Shop so, dass er von store.yourdomain.com. Im Shopify Admin-Bereich, fügen Sie die benutzerdefinierte Domain store.yourdomain.com hinzu und überprüfen Sie die DNS-Einträge. Testen Sie, ob der Shop unter der Subdomain voll funktionsfähig ist, bevor Sie Änderungen an der Root-Domain vornehmen.
5. Konfigurieren Sie die Webflow-DNS-Einstellungen für die Root-Domain. Sobald der Shopify-Shop auf seiner Subdomain als funktionsfähig bestätigt wurde, leiten Sie die Root-Domain auf die Server von Webflow um. Die DNS-Propagierung ist in der Regel innerhalb von 24–48 Stunden abgeschlossen.
6. Richten Sie 301-Weiterleitungen für geänderte URL-Pfade ein. Für jede Marketingseiten-URL, deren Struktur sich während des Umbaus geändert hat, konfigurieren Sie 301-Weiterleitungen im Redirect Manager von Webflow. Jede Weiterleitung muss nach dem Go-Live überprüft werden. Laut Google Search Centralleiten 301-Weiterleitungen Link-Signale an die Ziel-URL weiter, wodurch eine korrekte Weiterleitungskonfiguration unerlässlich ist, um die angesammelte Seitenautorität zu erhalten.
7. Interne Links auf der gesamten Webflow-Website aktualisieren. Nach dem Go-Live überprüfen Sie alle internen Links sowohl auf der Webflow-Marketingseite als auch im Shopify-Shop. Shop-Seiten sollten auf die Marketingseite unter yourdomain.comverlinken, und alle Marketinginhalte, die auf den Shop verlinken, sollten auf store.yourdomain.com/collections/ oder den entsprechenden Subdomain-Pfad verweisen.
8. Aktualisierte Sitemaps bei der Google Search Console einreichen. Reichen Sie eine neue XML-Sitemap von Webflow bei der Google Search Console ein und beantragen Sie die Indexierung der wichtigsten Marketingseiten. Überwachen Sie Abdeckungsfehler und unerwartete 404er in den Tagen nach dem Go-Live.

‍

SEO erhalten während der Übergabe der Marketing-Website

Die SEO-Erhaltung während einer Plattformmigration ist nicht passiv. Sie erfordert in jeder Phase gezielte Maßnahmen.

Die am stärksten gefährdeten Seiten sind diejenigen mit angesammelten Backlinks und organischen Rankings auf der aktuellen Shopify-Domain. Homepages, Kernfunktionsseiten und Blogbeiträge mit älteren Inhalten tragen tendenziell das meiste Link-Equity. Jede strukturelle Änderung dieser URLs ohne eine entsprechende 301-Weiterleitung führt zu einem Ranking-Verlust.

Über die Weiterleitungskonfiguration hinaus gibt es mehrere Elemente, die das Standard-Templating von Shopify oft nicht korrekt darstellt und die in Webflow explizit konfiguriert werden müssen:

• Kanonische Tags: Shopify generiert gelegentlich doppelte kanonische URLs, insbesondere für Kategorieseiten und paginierte Inhalte. Webflow gibt Ihnen die direkte Kontrolle über die Werte der kanonischen Tags auf Seitenebene.
• Meta-Robots: Die Theme-Architektur von Shopify kann unbeabsichtigt Seiten von der Indexierung ausschließen. Überprüfen Sie dies während der Migration und konfigurieren Sie die Indexierungsregeln explizit in den Seiteneinstellungen von Webflow.
• Strukturierte Daten / Schema-Markup: Shopify bietet außerhalb des Produktschemas nur begrenzte native Schema-Unterstützung. Webflow ermöglicht die Injektion von benutzerdefiniertem JSON-LD sowohl auf Website- als auch auf Seitenebene, was die korrekte Implementierung von Organisation-, Artikel-, BreadcrumbList- und FAQPage-Schemas auf Marketingseiten ermöglicht.
• Seitengeschwindigkeit und Core Web Vitals: Webflow generiert standardmäßig sauberes, optimiertes HTML und CSS. In Webflow neu erstellte Marketingseiten zeigen in der Regel messbare Verbesserungen bei Largest Contentful Paint (LCP) und Cumulative Layout Shift (CLS) im Vergleich zu ihren Shopify-Äquivalenten, insbesondere bei Seiten, die auf Page-Builder-Apps von Drittanbietern angewiesen waren.

Für Marken mit einem aktiven Content-Programm erfordert die Blog-Migration besondere Sorgfalt. Die Beibehaltung von Veröffentlichungsdaten, Autoren-Metadaten und strukturiertem Artikel-Schema in Webflow stellt sicher, dass angesammelte Content-Signale korrekt übertragen werden. Dies wird ausführlich im Broworks 2026 Migration zu Webflow Playbookbehandelt, das eine Checkliste für die Content-Migration bei Blog-Transfers mit hohem Volumen enthält.

‍

HubSpot und Marketing-Tools in Webflow neu verbinden

Insbesondere für B2B-SaaS-Marken ist die Marketing-Website selten nur eine reine Content-Oberfläche. Sie ist eine instrumentierte Ebene, die mit HubSpot (oder einem vergleichbaren CRM/MAP), Google Tag Manager, Analyseplattformen und oft auch Live-Chat- oder ABM-Tools wie Clearbit, Segment oder 6sense verbunden ist.

Jede dieser Integrationen muss in Webflow neu aufgebaut oder neu konfiguriert werden. Die gute Nachricht ist, dass Webflow die Injektion von Drittanbieter-Skripten sauber über den Bereich Projekteinstellungen > Benutzerdefinierter Code sowie auf Seitenebene für Skripte, die nur auf bestimmten Seiten geladen werden sollen, handhabt.

Die Integrationen, die bei einer Shopify-zu-Webflow-Migration die größte Aufmerksamkeit erfordern:

• HubSpot-Formulare und -Tracking: Der Tracking-Code von HubSpot lässt sich sauber im globalen Header von Webflow installieren. Native HubSpot-Formulare können entweder über den HubSpot-Einbettungscode eingebettet oder, für mehr Designkontrolle, durch Webflow-eigene Formulare ersetzt werden, die über einen Make.com- oder Zapier-Workflow oder über die HubSpot Forms API mit HubSpot verbunden sind. Beide Ansätze sind produktionsreif. Der native Einbettungsansatz ist schneller zu implementieren; der API-verbundene Ansatz bietet volle Designkontrolle über das Formular-Styling und -Verhalten innerhalb von Webflow.
• Google Analytics 4 und Tag Manager: GTM wird im <head> und <body> über die benutzerdefinierten Code-Einstellungen von Webflow. Alle bestehenden Trigger und Tags, die in GTM konfiguriert sind, bleiben ohne Änderungen funktionsfähig. Überprüfen Sie, ob die GA4-Datenströme nach der DNS-Umstellung korrekt der neuen Domain zugeordnet sind, und stellen Sie sicher, dass das Cross-Domain-Tracking konfiguriert ist, wenn Sie die Sitzungskontinuität verfolgen möchten, während Benutzer von der Marketing-Website zum Shopify-Shop-Subdomain wechseln.
• Conversion-Tracking: Alle Conversion-Ereignisse, die auf Shopify-Marketingseiten ausgelöst wurden (Formularübermittlungen, Demo-Buchungen, CTA-Klicks), müssen in GTM oder den entsprechenden Werbeplattformen neu zugeordnet werden. Gehen Sie nicht davon aus, dass GTM-Tags nach der Migration korrekt ausgelöst werden, ohne jeden Trigger gegen die neue Webflow-Seitenstruktur zu testen.

Wie funktioniert HubSpot nach einer Shopify zu Webflow Migration? HubSpot lässt sich auf zwei primäre Arten in Webflow integrieren: über den HubSpot-Tracking-Code, der in den globalen benutzerdefinierten Code-Einstellungen von Webflow installiert ist, und über Formulardaten, die über native Einbettungen oder API-verbundene Workflows an HubSpot gesendet werden. Nach einer Shopify zu Webflow Migration wird das HubSpot-Tracking ohne Unterbrechung fortgesetzt, sobald das Tracking-Skript korrekt im Webflow-Seitenheader platziert ist. Formulare, die zuvor die Lead-Erfassung auf Shopify-Marketingseiten übernommen haben, müssen in Webflow neu erstellt oder eingebettet werden, wobei die Benachrichtigungen über Formularübermittlungen und CRM-Feldzuordnungen in HubSpot neu konfiguriert werden müssen, um den neuen Formular-Identifikatoren zu entsprechen.

Der Webflow-Entwicklungsservice von Broworks umfasst die Planung der Integrationsarchitektur als Teil der Migrationsprojekte, einschließlich HubSpot, Analyse-Stacks und Marketing-Automatisierungstools.

‍

ROI und was sich nach der Trennung ändert

Der Business Case für diese Migration ist nicht theoretisch. Es geht darum, was das Marketingteam jetzt eigenständig tun kann, was vorher nicht möglich war.

In Webflow kann ein Marketingleiter:

• Eine neue Landingpage ohne Entwicklerbeteiligung erstellen und veröffentlichen
• Seitenlayouts mittels A/B-Tests unter Verwendung der nativen CMS- und Optimize-Integrationen von Webflow testen
• CMS-gesteuerte Inhalte (Fallstudien, Blogbeiträge, Funktionsvergleiche) über den Webflow-Editor aktualisieren, ohne den Code anzufassen
• Schema-Markup-Änderungen für die AEO-Optimierung implementieren, ohne dass ein Entwickler ein Liquid-Template-Update pushen muss
• Unabhängig von Commerce-Sprints, Plattform-Updates und Shopify-App-Konflikten agieren

Die operative Unabhängigkeit allein rechtfertigt in der Regel die Migrationskosten innerhalb der ersten beiden Quartale für Marken, die aktive Kampagnenprogramme betreiben. Über die operative Geschwindigkeit hinaus führen die strukturellen Verbesserungen der Core Web Vitals auf Marketingseiten zu messbaren Verbesserungen der organischen Klickraten und des Qualitätsfaktors für bezahlte Kampagnen, wodurch die Kosten pro Akquisition auf Performance-Kanälen gesenkt werden.

Für Teams, die in investieren LLM- und KI-Suchsichtbarkeit, Webflows sauberes semantisches HTML, die flexible JSON-LD-Injektion und die AEO-fähige Inhaltsstruktur schaffen eine wesentlich stärkere Grundlage als die Marketingschicht von Shopify, wo Schema- und Entitätsstrukturen durch die Plattform erheblich eingeschränkt sind.

‍

Häufige Fehler, die diese Migration scheitern lassen

Zu verstehen, wo dieses Muster fehlschlägt, ist genauso wichtig wie zu verstehen, wie man es richtig umsetzt.

• DNS-Umstellung, bevor die Shopify-Subdomain als live bestätigt ist: Dies ist die häufigste Ursache für Ausfallzeiten des Shops während dieser Migration. Der Shopify-Shop muss auf seiner neuen Subdomain vollständig betriebsbereit sein, bevor die Root-Domain auf Webflow verweist.
• Migration von Blog-Inhalten ohne Weiterleitungen einzurichten: Blogbeiträge mit geänderten URL-Slugs, die nicht korrekt weitergeleitet werden, verlieren ihren Indexierungsstatus und alle Backlinks, die auf die alte URL verweisen. Dies ist wiederherstellbar, aber es dauert drei bis sechs Monate, bis sich die Rankings wieder stabilisiert haben.
• Vergessen, die internen Links des Shopify-Shops zu aktualisieren: Nach der Trennung müssen die Kopfzeilennavigation, die Footer-Links und alle Blog-Inhalte des Shopify-Shops, die in Shopify vorhanden waren und auf Marketingseiten verlinkten, auf die neuen Subdomain-fähigen URLs verweisen.
• Cross-Domain-Tracking in GA4 nicht konfigurieren: Sitzungen, die von yourdomain.com (Webflow) zu store.yourdomain.com (Shopify) werden als separate Sitzungen erfasst, es sei denn, die Cross-Domain-Messung ist in GA4 explizit konfiguriert. Dies beeinträchtigt die Attributionsberichterstattung für alle Kampagnen, die die Marketingseite als Landingpage und den Shop als Konversionspunkt nutzen.
• Seiten neu aufbauen, ohne zuvor kanonische und Noindex-Status zu prüfen: Shopify-Seiten, die auf Noindex gesetzt waren oder nicht-kanonische Tags hatten, sollten nicht nach Webflow migriert und dort indexiert werden, es sei denn, die Absicht ist, diese Seiten bewusst zu aktivieren. Bestätigen Sie immer, welche Shopify-Marketingseiten vor Beginn der Migration aktuell indexiert sind.

Was sind die größten SEO-Risiken bei der Migration einer Marketingseite von Shopify zu Webflow? Die größten SEO-Risiken bei einer Migration einer Shopify-Marketing-Website zu Webflow sind Änderungen der URL-Struktur ohne 301-Weiterleitungen, Fehler in der DNS-Umstellung, die zu vorübergehenden Ausfallzeiten führen, und das Versäumnis, Meta-Tags, kanonische Konfigurationen und strukturierte Daten auf migrierten Seiten zu erhalten. Marken mit aktiven Blog-Programmen sind einem zusätzlichen Risiko durch Änderungen der Post-Slugs ausgesetzt, die eingehende Links unterbrechen. Diese Risiken sind mit einem strukturierten Pre-Migrations-Audit, einer vollständigen Weiterleitungs-Map und einer gestaffelten Go-Live-Sequenz beherrschbar, die den Shopify-Shop auf seiner Subdomain belässt, bevor der DNS der Root-Domain auf Webflow übertragen wird.

Für einen strukturierten Ansatz zum Migrationsrisikomanagement, die Broworks WordPress-zu-Webflow-Migrationsmethodik und die Webflow-Migrations-Ressourcenbibliothek gelten direkt für Migrationen von Shopify auf den Ebenen der SEO-Erhaltung und Weiterleitungsstrategie.