Migration von WordPress zu Next.js ohne Verlust von SEO-Rankings

Die Migration von WordPress zu Next.js ist die Lösung für eine bestimmte Art von Website: eine, die schwerfällig geworden ist und bei jedem Plugin-Update zittert. WordPress bleibt der Ort, an dem Ihr Team schreibt und bearbeitet. Besucher bekommen ein schnelles, mit Next.js gebautes Frontend, das nicht bei jedem Seitenaufruf 30 Plugins lädt.

Wann sich eine Migration von WordPress zu Next.js lohnt

Die meisten Websites, die wir prüfen, brauchen keine. Ein sauberes Theme, weniger Plugins und ordentliches Hosting lösen die Geschwindigkeitsprobleme bei vielen Visitenkarten-Websites, etwa für einen Bauunternehmer in Swindon oder ein Café in Galway. Bei Onlineshops ist die WooCommerce-Geschwindigkeitsoptimierung oft der günstigere erste Schritt.

Eine Migration beginnt sich zu lohnen, wenn die Website über diese Art von Aufräumarbeit hinausgewachsen ist. Meist sehen wir das in diesen Situationen:

• Seiten laden auf Mobilgeräten trotz Caching und Bildoptimierung weiterhin langsam, und die Core Web Vitals bleiben in der Search Console rot.
• Updates machen alle paar Monate etwas kaputt, und niemand traut sich, auf den Knopf zu drücken.
• Die Website hat Hunderte oder Tausende von Seiten, etwa ein Immobilienportal, ein Verzeichnis oder ein viel genutzter Blog.
• Teile der Website sollen sich wie eine App verhalten, mit Filtern, Rechnern oder Login-Bereichen.
• Ihre WordPress-Installation wurde schon einmal gehackt, oder ein Sicherheits-Plugin ist das Einzige, was Wache hält.

Wenn nichts davon auf Sie zutrifft, behalten Sie Ihr Geld. Wir sagen es Ihnen im Prüfungsgespräch, und Sie können uns trotzdem bitten, Ihre bestehende WordPress-Website aufzuräumen.

So funktioniert Headless WordPress

In einem normalen Setup erledigt WordPress zwei Aufgaben. Es speichert Ihre Inhalte und baut jede Seite, die ein Besucher sieht. In einem Headless-WordPress-Setup behält es die erste Aufgabe und übergibt die zweite an Next.js.

Was Ihre Redakteure sehen

Für die Menschen, die schreiben, ändert sich kaum etwas – und genau darum geht es. Sie melden sich weiterhin im selben WordPress-Admin an. Gleicher Block-Editor. Gleicher Veröffentlichen-Button. Auch die Vorschau funktioniert, sodass niemand blind veröffentlichen muss.

Die Plugins, die Redakteuren helfen, etwa Yoast oder Rank Math, Advanced Custom Fields und Benutzerrollen, können bleiben. Plugins, die nur verändern, was Besucher sehen, fliegen meist raus.

Was Ihre Besucher bekommen

Next.js baut Seiten im Voraus oder speichert sie am Edge zwischen, nah beim Besucher. Eine Kundin in Lissabon und ein Kunde in Leeds bekommen dieselbe schnelle Seite, ohne dass WordPress in dem Moment, in dem sie ankommen, irgendetwas tun muss.

Wenn ein Redakteur eine Änderung veröffentlicht, werden nur die betroffenen Seiten neu gebaut. Ihr Blogbeitrag ist in Sekunden online, nicht erst nach einem kompletten Neuaufbau der Website.

Warum es schwerer kaputtgeht

Bei Headless WordPress kann der Admin-Bereich unter einer separaten Adresse liegen, die die Öffentlichkeit nie sieht. Weniger Plugins sind dem Internet ausgesetzt, also gibt es weniger Türen, die ein Angreifer ausprobieren kann.

7 SEO-Prüfungen, die wir bei jeder Migration durchführen

Rankings gehen bei Migrationen aus banalen Gründen verloren, meist wegen einer vergessenen Weiterleitung oder einer Seite, die still und leise ihren Titel verloren hat. Unsere Checkliste ist bewusst kurz, und jeder Punkt wird vor dem Start abgehakt. Sie beruht auf denselben Gewohnheiten wie unsere SEO-Arbeit für kleine Unternehmen.

• Vollständige URL-Bestandsaufnahme. Wir crawlen die Live-Website mit Screaming Frog und erfassen jede URL, die in der Search Console Klicks hatte, einschließlich alter URLs, auf die andere Websites noch verlinken.
• Eine Weiterleitung pro geänderter URL. Jede alte Adresse bekommt eine einzige 301-Weiterleitung auf die am besten passende neue Seite. Keine Weiterleitungsketten und nicht alles auf die Startseite umleiten.
• Titel und Beschreibungen werden übernommen. Wort für Wort, es sei denn, wir vereinbaren, sie zu verbessern.
• Schema bleibt erhalten. Organisations-, Produkt-, FAQ- und Artikel-Markup wird in den neuen Templates neu aufgebaut und getestet.
• Canonical-Tags und hreflang. Seite für Seite geprüft – wichtig, wenn Sie englische und irische oder niederländische Versionen der Website betreiben.
• Sitemaps und robots.txt. Eine saubere XML-Sitemap wird am Starttag in der Search Console eingereicht. Die robots.txt wird geprüft, damit sie nichts Wichtiges blockiert.
• Interne Links aktualisiert. Links in Ihren Inhalten verweisen direkt auf die neuen URLs, sodass Besucher und Google den Umweg über die Weiterleitung sparen.

Fehler, die wir bei anderen Migrationen sehen

Die meisten gescheiterten Migrationen, die wir uns angesehen haben, gehen auf dieselben wenigen Fehler zurück: eine für Google offen gelassene Staging-Website, Weiterleitungen, die erst eine Woche nach dem Start eingerichtet wurden, oder ein neues Template, bei dem die H1 fehlt. Jeder davon lässt sich vermeiden, und jeder steht auf der Liste oben.

Nach dem Start beobachten wir die Search Console täglich auf Indexierungsfehler und Ranking-Verluste. Ein kleines Wackeln in den ersten ein, zwei Wochen ist normal. Ein stetiges Abrutschen bedeutet, dass etwas übersehen wurde, und dann suchen wir danach.

Was mit Ihren Inhalten und Bildern passiert

Ihre Beiträge, Seiten, Kategorien und Medien bleiben in WordPress. Nichts wird in ein neues System kopiert, also besteht kein Risiko, Blogbeiträge oder Produktbeschreibungen bei einem chaotischen Export zu verlieren.

Inhalte, die vorher aufgeräumt werden müssen

Alte Websites sammeln Ballast an: Shortcodes eines Page Builders, den Sie nicht mehr nutzen, Bilder in voller Kameragröße und Seiten, die seit 2019 niemand geöffnet hat. Wir räumen das während des Aufbaus auf, damit das neue Frontend es nicht erbt.

• Page-Builder-Shortcodes werden zu sauberen Blöcken
• Bilder werden verkleinert und in modernen Formaten ausgeliefert
• Dünne oder doppelte Seiten werden zusammengeführt oder weitergeleitet
• Defekte interne Links werden repariert

Seitenlayouts

Ihre neuen Templates werden in Next.js gestaltet und mit Inhalten aus Headless WordPress befüllt. Die meisten Websites brauchen zwischen fünf und fünfzehn Templates: Startseite, Leistung, Blogbeitrag, Kategorie, Kontakt und ein paar Sonderseiten. Redakteure können weiterhin flexible Seiten aus einem gemeinsam festgelegten Satz von Blöcken bauen.

Was bemerken Redakteure nach dem Umzug?

Die erste Woche fühlt sich vertraut an. Redakteure veröffentlichen im selben WordPress-Admin, und neue Beiträge erscheinen innerhalb von Sekunden auf der Live-Website.

Ein paar Dinge ändern sich tatsächlich. Die Page-Builder-Layouts fallen weg, stattdessen gibt es einen Satz Blöcke, den wir mit Ihnen abstimmen. Redakteure verlieren etwas Freiheit, dafür sehen die Seiten auf dem Smartphone immer richtig aus. Die meisten Teams hören nach etwa zwei Wochen auf zu murren.

Wir nehmen eine kurze Bildschirmführung durch den Redaktionsbereich auf, und für jedes Template gibt es eine einseitige Anleitung. Diese Anleitung erspart viele Nachfragen à la „Wo ist denn der Button hin?“.

Kann eine mehrsprachige Website auf Next.js umziehen?

Ja, mit etwas mehr Sorgfalt. Angenommen, Sie betreiben die Website auf Englisch und Deutsch, weil Sie ein Büro in München haben. Jede Sprachversion behält ihre eigenen URLs, hreflang-Tags und ihre eigene Sitemap.

WPML und Polylang funktionieren beide mit einem Headless-Setup, aber Sprachumschalter, Datumsformate und übersetzte Slugs werden in Next.js neu gebaut. Übersetzer arbeiten genau wie bisher in WordPress weiter.

Wir testen vor dem Launch jede Sprache auf der Staging-Umgebung, nicht nur die englischen Seiten.

Formulare, Plugins und Integrationen

Dieser Teil erfordert die meiste Planung. Alles, was ein Plugin im Frontend erledigt hat, muss neu gebaut oder ersetzt werden.

Was wir standardmäßig neu bauen

• Kontakt- und Angebotsformulare, die in Ihrem Postfach, Ihrem CRM oder beidem landen
• Newsletter-Anmeldungen für Mailchimp, Brevo oder Ähnliches
• Google Analytics, Tag Manager und Cookie-Einwilligung
• Buchungs-Widgets und Live-Chat von Diensten, die Sie bereits nutzen
• Suche über Ihre Beiträge und Seiten

Was wir im Einzelfall prüfen

Mitgliederseiten, Kursplattformen und knifflige WooCommerce-Shops brauchen zuerst eine gründliche Prüfung. Manchmal ist die Lösung ein Headless-WordPress-Frontend für die Marketingseiten, während der Checkout auf WooCommerce bleibt. Diese Aufteilung ist üblich und funktioniert gut.

Kunden bemerken den Übergang kaum. Ihr Shop-Team behält den vertrauten WooCommerce-Adminbereich sowie dieselben Bestell-E-Mails und Zahlungseinstellungen.

Im Audit gehen wir jedes Plugin auf Ihrer Website durch und markieren es mit behalten, neu bauen oder entfernen. Diese Liste erhalten Sie vor dem Angebot. Keine bösen Überraschungen mittendrin.

Geschwindigkeit, Hosting und laufende Kosten

Geschwindigkeit ist der Hauptgrund, warum die meisten überhaupt eine Migration von WordPress zu Next.js starten, und Besucher spüren sie zuerst auf dem Smartphone. Wir testen vorher und nachher mit denselben Tools, die Google verwendet, und Sie erhalten beide Berichte. Legen Sie sie nebeneinander und beurteilen Sie den Unterschied selbst.

Google erklärt die Core-Web-Vitals-Metriken gut, und die Next.js-Dokumentation beschreibt, wie das Framework mit Bildern, Caching und Rendering umgeht, falls Sie die technischen Details interessieren.

So sieht ein gutes Ergebnis aus

Eine erfolgreiche Migration ist am Launch-Tag unspektakulär. Der Traffic bleibt stabil, Formulare kommen weiter an, Redakteure veröffentlichen weiter und die Seiten laden einfach schneller. Das erste, was die meisten Inhaber bemerken, sind weniger Beschwerden der Mitarbeitenden über die Website.

Wir prüfen die Website außerdem auf einem Android-Smartphone der Mittelklasse mit langsamer Verbindung, denn das kommt dem Surfverhalten vieler Ihrer Kunden näher als ein neuer Laptop im Büro-WLAN.

Wo sie gehostet wird

Das Next.js-Frontend läuft meist auf Vercel, wo sinnvoll mit vorgeschaltetem Cloudflare. Ihr WordPress-Adminbereich kann bei seinem aktuellen Hoster bleiben, oft sogar in einem kleineren Tarif als zuvor, da er keinen öffentlichen Traffic mehr ausliefert.

Was der Betrieb kostet

Die laufenden Kosten hängen vom Traffic ab und davon, wie oft sich Inhalte ändern. Bei einer typischen Website eines kleinen Unternehmens liegen sie im gleichen Bereich wie ein ordentliches Managed-WordPress-Hosting. Die monatlichen Kosten erhalten Sie schriftlich, bevor Sie sich festlegen.

Ihren Umzug zu Next.js planen

Der erste Schritt ist eine Prüfung Ihrer aktuellen Website. Wir sehen uns Geschwindigkeit, Plugins, Traffic und die Arbeitsweise Ihres Teams an und sagen Ihnen dann, ob eine Migration, eine WordPress-Bereinigung oder ein Neuaufbau der beste Weg ist.

Wenn ein Neuaufbau die bessere Lösung ist, passt unser Service Website-Entwicklung für kleine Unternehmen womöglich besser zu Ihnen als eine Migration. Das Team hinter diesen Projekten lernen Sie auch auf unserer Seite Next.js-Entwickler kennen.

Was wir von Ihnen brauchen

• Admin-Zugang zu WordPress und Ihrem Hosting
• Zugang zur Search Console und zu Google Analytics
• Eine Liste der Formulare, Tools und Integrationen, auf die Sie angewiesen sind
• Eine Ansprechperson, die Fragen beantwortet und Seiten freigibt

Preis und Zeitplan

Jede Migration von WordPress zu Next.js erfolgt zum Festpreis, den wir nach dem Audit und der URL-Zuordnung anbieten. Seitenanzahl, individuelle Funktionen und Integrationen bestimmen den Preis, und unsere Preisseite zeigt typische Einstiegspreise.

Eine kleine Website mit einfachem Blog geht schneller als ein Headless-WordPress-Projekt mit Shop, Buchungen und zwei Sprachen. Die Umstellung planen wir für einen ruhigen Tag in Ihrem Geschäft, niemals in der Woche vor Ihrer stärksten Saison.

Wenn Ihre Website langsam, anfällig oder beides ist, buchen Sie eine kostenlose Prüfung, und wir sagen Ihnen offen, ob sich der Umstieg auf Next.js für Sie lohnt.

Migration von WordPress zu Next.js für Websites in den USA, Großbritannien, Europa und dem Nahen Osten

Eine Migration von WordPress zu Next.js folgt überall denselben Prüfungen. Die Hauptunterschiede liegen bei Hosting-Regionen und Sprachen.

USA

Für Zielgruppen in den USA deployen wir auf Vercel oder einer ähnlichen Plattform mit Edge-Servern in ganz Nordamerika, damit die Seiten von Küste zu Küste schnell laden.

Vereinigtes Königreich und Europa

Für Websites in Großbritannien und der EU wählen wir europäische Hosting-Regionen, wo Datenschutzvorgaben es verlangen, und sorgen dafür, dass die Cookie-Einwilligung nach dem Umzug weiter funktioniert.

Naher Osten und Golfregion

Für Zielgruppen am Golf nutzen wir Hosting mit Servern in der Nähe der Region und übernehmen arabische Inhalte und hreflang-Tags, damit englische und arabische Seiten ihre Rankings behalten.

Unser Team arbeitet von Islamabad aus, das Dubai 1 Stunde, London 4 bis 5 Stunden und New York 9 bis 10 Stunden voraus ist. Gespräche werden in Ihrer Zeitzone gebucht, und die Vormittage in den USA fallen in unseren Abend. Lesen Sie, wie unsere Remote-Projekte für internationale Kunden vom ersten Gespräch bis zum Launch ablaufen.