So migrierst du WordPress zu Webflow – Schritt für Schritt!
Folge unserer Schritt-für-Schritt-Anleitung, um diese Datenmigration korrekt durchzuführen und gleichzeitig deinen Website-Traffic und dein Ranking unbeschädigt zu halten!
Aber zuerst eine kurze Antwort auf die Frage, warum wir diese Migration durchführen wollen.
Warum zu Webflow migrieren?
Obwohl WordPress eine großartige Plattform für die Erstellung von Web-Vorlagen ist, sind der ständige Wartungsaufwand, die Abhängigkeit von Drittanbieter-Hosting-Diensten und die begrenzte Design-Freiheit nur einige der Gründe, warum Webdesigner und Entwickler ihre WordPress-Websites zu Webflow migrieren sollten und es auch tun.
Weniger Programmieraufwand und einfache Drag-and-Drop-Komponenten machen die weitere Entwicklung der Website einfacher und schneller, was letztendlich deinem Unternehmen beim Wachstum hilft.
Unbedingt zu befolgende Schritte bei der Migration deiner Inhalte
Im Folgenden beginnen wir mit einer Schritt-für-Schritt-Anleitung, wie du deine Datenbank vom WordPress CMS zu Webflow exportierst, und gehen danach auf einige SEO-relevante Punkte ein, die du beachten musst. Der erste und wichtigste Schritt bei der Migration deiner Datenbank von WordPress zu Webflow ist der Export deiner Inhalte.
Es gibt zwei Möglichkeiten, dies zu tun:
- Export der Datenbank über die in WordPress integrierte Exportfunktion
- Export der Datenbank über externe CSV-Datenexport-Plugins
Während die Daten über die integrierte WordPress-Funktion exportiert werden können, werden sie standardmäßig im .xml-Format exportiert. Deshalb empfehlen wir die zweite Option über das CSV-Plugin, das deine Website-Daten als CSV-Datei exportiert und damit kompatibel ist, um sie dann in Webflow zu importieren.
1. Das Plugin installieren
Zuerst musst du das Plugin herunterladen. Gehe dazu auf deinem WordPress-Admin-Dashboard auf den Reiter „Plugins“, klicke dann auf den Button „Neu hinzufügen“ und suche nach „Export any WordPress data to XML/CSV“.
Nach Abschluss der Installation klicke auf den Button „Aktivieren“, um das Plugin nutzen zu können.
2. Festlegen, welche Inhalte exportiert werden sollen
Nach der Aktivierung möchtest du auswählen, welche Inhalte du exportieren und welche du ausschließen möchtest. Gehe zu den Einstellungen „All export“ in deinem linken Panel und wähle deine Inhalte aus!
Sobald du das getan hast, klicke auf den Button „Posts migrieren“ und dann auf „Bestätigen & Export ausführen“, und deine CSV-Datei wird in deinen Browser heruntergeladen. Klicke abschließend, wenn die CSV-Datei fertig ist, auf den CSV-Button, um sie herunterzuladen.
3. Deine Inhalte in Webflow importieren
Jetzt, da du deine Inhalte heruntergeladen hast, ist der nächste Schritt, sie in das Webflow CMS zu importieren.
So geht’s:
- Öffne dein Collections-Panel in Webflow
- Wähle eine bereits vorhandene Collection, oder
- Erstelle eine neue Collection
- Klicke auf den Import-Button in deinen Collection-Einstellungen
Bitte beachte, dass Webflow Nutzern die Möglichkeit gibt, bis zu 50 Collection-Einträge kostenlos in einem Starter-Site-Plan zu importieren.
Um mehr hochzuladen, musst du auf den CMS- oder Business-Site-Plan upgraden, der es dir erlaubt, bis zu 2.000 Collection-Einträge beim CMS-Plan und bis zu 10.000 beim Business-Plan hochzuladen.
Beachte auch, dass die maximale Dateigröße für eine CSV-Datei 4 MB beträgt.
- Wähle die Kopfzeile
Nachdem du deine Daten hochgeladen hast, erscheint ein Fenster, in dem du eine Kopfzeile auswählen musst.
Egal welche Option du in diesem Schritt wählst – ob du eine beliebige Zeile als Kopfzeile auswählst oder nicht –, du kannst die Kopfzeile im nächsten Schritt später ändern, indem du den Button „Kopfzeile“ aktivierst oder deaktivierst.
4. Die Felder zuordnen
Der letzte Schritt bei der Übertragung der Daten ist die Zuordnung der Felder aus der CSV-Datei zu denen in deiner Collection. Danach wählst du einfach den Import-Button aus und alles wird in dein Collections-Panel hochgeladen.
Du kannst deinen Inhalt einem vorhandenen Feld in deiner Collection zuordnen, ein neues Feld erstellen oder diese Zeile komplett ignorieren.
Bilder importieren – Was zu beachten ist?
Beim Importieren von Bildern musst du darauf achten, sie korrekt zu formatieren. Wenn die Bilder dem Webflow CMS-Bildfeld zugeordnet sind, zum Beispiel einem Hero-Bild, wird der Upload automatisch durchgeführt.
Wenn der Import jedoch einem CMS-Rich-Text-Feld zugeordnet ist, beispielsweise einem Blog-Beitrag, werden die Bilder von ihren Quell-URLs importiert. Das bedeutet: Wenn die ursprüngliche Website abgeschaltet wird, werden die Bilder nicht mehr angezeigt. Um dies zu vermeiden, lade jedes Bild aus den Rich-Text-Feldern herunter und lade es manuell in das CMS hoch.
Zusätzliche Tipps zu beachten
Neben den technischen Besonderheiten der Migration gibt es einige weitere wichtige Punkte, die du vor der Migration beachten solltest. Der Migrationsprozess kann sich auf dein SEO auswirken, aber wenn er richtig durchgeführt wird, kann er tatsächlich dein Site-Ranking und deinen Traffic verbessern.
Deine bestehende Website dokumentieren und prüfen
Erstelle zuerst eine Backup-Dokumentation deiner WordPress-Website, bevor du mit der Migration beginnst. Das hilft dir im Falle von Komplikationen während des Migrationsprozesses.
Führe dann ein Site-Audit deiner Seiten und URLs durch. Auf diese Weise verstehst du, welche Seiten mehr Traffic erhalten, und kannst entscheiden, ob du sie auf deine neue Website übertragen oder Weiterleitungen einrichten möchtest.
Neue URLs für deine bestehenden Seiten erstellen
Nachdem du entschieden hast, welche Seiten du auf die neue Website übertragen möchtest, solltest du beginnen, diese Seiten den neuen URLs zuzuordnen. Die neuen URLs sollten so ähnlich wie möglich zu den alten sein. Eine vollständige Änderung könnte sich negativ auf deinen Site-Traffic auswirken.
Weiterleitungen einrichten
Fehlerhafte Seiten sind einer der Hauptgründe, warum Besucher abspringen und sich anderswo umsehen. Deshalb solltest du es vermeiden, Seiten zu löschen, ohne Weiterleitungen einzurichten.
Es ist wichtig, 301-Weiterleitungen einzurichten, um deine Nutzer auf deine neue Seite weiterzuleiten, wenn sie versuchen, deine alten URLs aufzurufen. So verlierst du keine Backlinks deiner Seiten und den Besuchern wird keine fehlerhafte 404-Seite angezeigt.
Das kannst du einfach in drei Schritten tun:
- Gehe zu den Projekteinstellungen
- Gib deine Links in die Felder „Alter Pfad“ und „Weiterleitung zur Seite“ ein;
- Klicke auf den Button „Weiterleitungspfad hinzufügen“.
Geeignete Meta-Titel und -Beschreibungen hinzufügen
Google liest die Titel-Tags und Meta-Beschreibungen deiner Website, um zu bestimmen, worum es auf ihr geht und für welche Keywords sie ranken soll. Sie geben Auskunft über den Inhalt deiner Seite.
Auch wenn sie kein direkter Rankingfaktor sind, spielen sie eine entscheidende Rolle bei der Verbesserung der Rankings und sind sehr wichtig für die Verbesserung deiner Klickrate und die Sichtbarkeit deiner Website.
Um sie hinzuzufügen, gehe zum „Seiten-Panel“, klicke auf die SEO-Einstellungen und füge dann einen Titel-Tag oder eine Meta-Beschreibung hinzu.
Alt-Tags aktualisieren
Alt-Tags sind nicht nur sehr wichtig, um die Website für blinde oder sehbehinderte Menschen zugänglich zu machen, sondern auch entscheidend für die Verbesserung der Suchmaschinenoptimierung deiner Website. Je genauer du deine Bilder für alle Besucher beschreibst, desto leichter können Suchmaschinen diese Informationen erkennen und verstehen.
So fügst du Alt-Text hinzu:
- Klicke auf das Bild in der Arbeitsfläche
- Gehe zum Panel „Element-Einstellungen“ und wähle Bildeinstellungen
- Fahre über den Bereich „Alt-Text“ und wähle „Benutzerdefinierte Beschreibung“
- Gib den Alt-Text in das Feld unterhalb des Dropdowns ein
Zusammenfassung
Auch wenn es auf den ersten Blick ein schwieriger Prozess zu sein scheint, werden dich die oben genannten Schritte bei der Migration deiner Website einfacher und weniger kompliziert machen. Auch wenn die Migration etwas Zeit in Anspruch nehmen kann, sind die Ergebnisse die Mühe wert.
Du wirst die unglaublichen Funktionen von Webflow lieben, darunter ausgeklügelte Anpassungsmöglichkeiten, weltklasse Ladegeschwindigkeit, ein benutzerfreundliches CMS ohne Wartungsaufwand, inbegriffenes Hochleistungs-Webhosting, erstklassige Sicherheit und vieles mehr.
Während du zu Webflow migrierst, kannst du dich von unserem kreativen und makellosen Nutzererlebnis in einigen unserer aktuellen Webflow-Vorlagen inspirieren lassen, die für jeden Nutzer und jede Branche geeignet sind. Wir hoffen, dass du diesen Leitfaden hilfreich und informativ findest und die Fehler vermeidest, die viele bei diesem Migrationsprozess machen.
