So migrieren Sie WordPress zu Webflow — Folgende Schritte sind zu beachten!

So migrieren Sie WordPress zu Webflow — Folgende Schritte sind zu beachten!
Published
Nov 23, 2022

Folgen Sie unserer schrittweisen Anleitung, wie Sie diese Datenmigration richtig durchführen und gleichzeitig dafür sorgen, dass Ihr Website-Traffic und Ihr Ranking nicht beeinträchtigt werden!

Aber zuerst eine kurze Antwort auf die Frage, warum wir diese Migration durchführen wollen.

Warum zu Webflow migrieren?

Auch wenn Wordpress eine großartige Plattform zum Bauen ist Web-Vorlagen, die Belastung durch die ständige Wartung der Website, die Abhängigkeit von externen Hosting-Anbietern und die eingeschränkte Gestaltungsfreiheit sind nur einige der Gründe, warum Webdesigner und Entwickler sich dafür entscheiden sollten und werden, ihre WordPress-Seiten auf Webflow zu migrieren.

Der geringere Programmieraufwand und die einfachen Drag-and-Drop-Komponenten machen die Weiterentwicklung der Website einfacher und schneller, was letztendlich Ihrem Unternehmen zum Wachstum verhilft.

Du musst die Schritte befolgen, wenn du deine Inhalte migrierst

Im Folgenden beginnen wir mit einer schrittweisen Anleitung zum Exportieren Ihrer Datenbank aus dem WordPress-CMS nach Webflow. Anschließend werden wir einige SEO-bezogene Extras erläutern, die Sie beachten müssen. Der erste und wichtigste Schritt bei der Migration Ihrer Datenbank von WordPress zu Webflow ist das Exportieren Ihrer Inhalte.

Es gibt zwei Möglichkeiten, dies zu tun:

  • Exportieren der Datenbank über die in WordPress integrierte Exportfunktion
  • Exportieren der Datenbank über externe CSV-Datenexport-Plugins

Die Daten können zwar über die integrierte WordPress-Funktion exportiert werden, werden jedoch standardmäßig im XML-Format exportiert. Daher empfehlen wir, die zweite Option über das CSV-Plugin zu verwenden, das Ihre Website-Daten als CSV-Datei exportiert und daher kompatibel ist, um sie anschließend in Webflow zu importieren.

1. Das Plugin installieren

Zuerst musst du das Plugin herunterladen. Gehen Sie dazu in Ihrem WordPress-Admin-Dashboard auf die Registerkarte „Plugins“, wählen Sie dann die Schaltfläche „Neu hinzufügen“ und suchen Sie nach“Exportiere alle WordPress-Daten nach XML/CSV“.

xml and csv Plugin installation in Wordpress

Nachdem die Installation abgeschlossen ist, klicken Sie auf die Schaltfläche „Aktivieren“, um sie verwenden zu können.

export any wordpress data to xml/csv

2. Angeben, welcher Inhalt exportiert werden soll

Nach Abschluss der Aktivierung sollten Sie auswählen, welche Inhalte Sie exportieren und welche Sie ausschließen möchten. Gehen Sie in Ihrem linken Bereich zu den Einstellungen für „Alle Exporte“ und wählen Sie Ihren Inhalt aus!

The process of exporting the wordpress content to XML/CVS when migrating to Webflow

Sobald Sie dies getan haben, klicken Sie auf die Schaltfläche „Beiträge migrieren“ und dann auf „Export bestätigen und ausführen“. Ihre CSV-Datei wird in Ihren Browser heruntergeladen. Nachdem die CSV-Datei fertig ist, klicken Sie abschließend auf die CSV-Schaltfläche, um Ihre Datei herunterzuladen.

export the wordpress content to XML/CVS when migrating to Webflow

3. Importieren Sie Ihre Inhalte in Webflow

Nachdem Sie den Download Ihrer Inhalte abgeschlossen haben, besteht der nächste Schritt darin, sie in das Webflow-CMS zu importieren.

Hier erfahren Sie, wie Sie das machen können:

  • Öffne dein Sammlungs-Panel auf Webflow
  • Wählen Sie eine bereits bestehende Sammlung, oder
  • Eine neue Sammlung erstellen
Process of Importing your content to Webflow from wordpress
  • Klicken Sie auf den einführen Schaltfläche in deinen Sammlungseinstellungen
importingthe content when migrating wordpress to Webflow

Seien Sie sich bewusst dass Webflow Benutzern die Möglichkeit bietet, bis zu 50 Sammlungselemente kostenlos in einen Starter-Siteplan zu importieren.

Um mehr hochzuladen, müssen Sie ein Upgrade auf den CMS- oder Business-Site-Plan durchführen, mit dem Sie bis zu 2.000 Sammlungselemente für den CMS-Plan und bis zu 10.000 für den Business-Plan hochladen können.

Beachten Sie auch dass die maximale Dateigröße für eine CSV-Datei 4 MB beträgt.

  • Wählen Sie die Kopfzeile

Nach dem Hochladen Ihrer Daten erscheint ein Fenster, in dem Sie aufgefordert werden, eine Kopfzeile auszuwählen.

uploading CSV file in Webflow when migrating from Wordpress

Unabhängig davon, welche Option Sie in diesem Schritt des Prozesses wählen, ob Sie eine beliebige Zeile als Kopfzeile auswählen oder nicht, können Sie die Kopfzeile später im nächsten Schritt ändern, indem Sie die Schaltfläche „Kopfzeile“ aktivieren oder deaktivieren.

mapping the fields when migrating wordpress to Webflow - Wedoflow

4. Zuordnung der Felder

Der letzte Schritt bei der Übertragung der Daten besteht darin, die Felder aus CSV denen in Ihrer Sammlung zuzuordnen. Nachdem Sie dies getan haben, klicken Sie einfach auf die Schaltfläche „Importieren“ und alles wird in Ihr Sammlungen-Panel hochgeladen.

mapping the fields when migrating wordpress to Webflow

Sie können Ihre Inhalte einem vorhandenen Feld in Ihrer Sammlung zuordnen., erstelle eine neue oder ignoriere diese Zeile vollständig.

how to migrate Wordpress to Webflow, process explained

Bilder importieren — Was ist zu beachten?

Wenn Sie Bilder importieren, müssen Sie darauf achten, sie korrekt zu formatieren. Wenn die Bilder dem Webflow CMS-Bilderfeld zugeordnet sind, z. B. einem Hero-Bild, erfolgt der Upload automatisch.

Wenn der Import jedoch einem CMS-Rich-Text-Feld zugeordnet ist, z. B. einem Blogbeitrag, werden die Bilder aus ihren Quell-URLs importiert. Das heißt, wenn die ursprüngliche Website entfernt wird, werden die Bilder nicht mehr angezeigt. Um dies zu vermeiden, laden Sie jedes der Bilder aus den Rich-Text-Feldern herunter und laden Sie sie manuell in das CMS hoch.

Zusätzliche Tipps, die Sie beachten sollten

Trotz der spezifischen technischen Aspekte der Migration gibt es einige andere wichtige Tipps, die Sie vor der Migration beachten sollten. Der Migrationsprozess kann sich auf Ihre Suchmaschinenoptimierung auswirken, aber wenn er richtig durchgeführt wird, kann er das Ranking und den Traffic Ihrer Website tatsächlich erhöhen.

Dokumentieren und prüfen Sie Ihre bestehende Website

Bewahren Sie vor der Migration zunächst eine Sicherungsdokumentation Ihrer WordPress-Website auf. Dies hilft Ihnen bei Komplikationen während des Migrationsprozesses.

Fahren Sie dann mit einem Website-Audit Ihrer Seiten und URLs fort. Auf diese Weise erfahren Sie, welche Seiten mehr Traffic erhalten, und entscheiden, ob Sie sie auf Ihre neue Website übertragen oder Weiterleitungen einrichten möchten.

Neue URLs für deine bestehenden Seiten erstellen

Nachdem Sie entschieden haben, welche Seiten Sie auf die neue Website übertragen möchten, sollten Sie damit beginnen, diese Seiten den neuen URLs zuzuordnen. Die neuen URLs sollten mit den alten identisch oder so ähnlich wie möglich sein, da sich sonst eine vollständige Änderung auf den Traffic Ihrer Website auswirken kann.

Weiterleitungen einrichten

Kaputte Seiten sind einer der Hauptgründe dafür, dass Ihre Besucher abgelenkt werden und woanders hingehen. Aus diesem Grund sollten Sie vermeiden, Ihre Seiten zu löschen, ohne Weiterleitungen einzurichten.

Es ist wichtig, 301-Weiterleitungen einzurichten, um Ihre Benutzer auf Ihre neue Seite zu leiten, wenn sie versuchen, Ihre alten URLs zu besuchen. Auf diese Weise verlieren Sie nicht die Backlinks Ihrer Seite und ihnen wird keine defekte 404-Seite angezeigt.

Sie können dies einfach in drei Schritten tun:

  1. Gehe zu den Projekteinstellungen
  2. Geben Sie Ihre Links in die Felder „Alter Pfad“ und „Zur Seite weiterleiten“ ein;
  3. Klicken Sie auf die Schaltfläche „Weiterleitungspfad hinzufügen“.

Fügen Sie die richtigen Metatitel und Beschreibungen hinzu

Google liest die Titel-Tags und Meta-Beschreibungen Ihrer Website, um festzustellen, worum es geht und welche Keywords für das Ranking geeignet sind. Sie geben Aufschluss über den Inhalt Ihrer Seite.

Auch wenn sie kein direkter Faktor für das Ranking Ihrer Website sind, spielen sie eine entscheidende Rolle dabei, zu den Rankings beizutragen. Sie sind sehr wichtig, um Ihre Klickrate zu verbessern und Ihrer Website Bekanntheit zu verleihen.

Um sie hinzuzufügen, gehen Sie zum „Seiten-Panel“, klicken Sie auf die SEO-Einstellungen und fügen Sie dann ein Titel-Tag oder eine Meta-Beschreibung hinzu.

adding meta tags in Webflow when migrating from Wordpress to Webflow platform

Alt-Tags aktualisieren

Alt-Tags sind zwar sehr wichtig, um die Website für blinde oder sehbehinderte Menschen zugänglich zu machen, aber sie sind auch wichtig, um die Suchoptimierung Ihrer Website zu verbessern. Je genauer Sie Ihre Fotos für alle Besucher beschreiben, desto einfacher können Suchmaschinen diese Informationen erkennen und verstehen.

Gehen Sie wie folgt vor, um Alternativtext hinzuzufügen:

  • Klicken Sie auf das Bild auf der Leinwand
  • Gehen Sie zum Bereich Elementeinstellungen und wählen Sie Bildeinstellungen
  • Zeigen Sie mit der Maus auf den Abschnitt Alt-Text und wählen Sie Benutzerdefinierte Beschreibung aus.
  • Geben Sie den Alt-Text in das Feld unter dem Dropdown ein
how to update alt tags when migrating Wordpress site to Webflow
Zusammenfassung

Auch wenn es auf den ersten Blick schwierig erscheint, wird es für Sie einfacher und unkomplizierter, Ihre Website zu migrieren, wenn Sie die oben genannten Schritte befolgen. Obwohl die Übertragung etwas Zeit in Anspruch nehmen kann, sind die Ergebnisse die Mühe wert.

Sie werden die unglaublichen Funktionen lieben, die Webflow bietet, darunter ausgeklügelte Anpassungsoptionen, erstklassige Ladegeschwindigkeit, benutzerfreundliches CMS ohne Wartung, leistungsstarkes Webhosting, erstklassige Sicherheit und vieles mehr.

Während Sie zu Webflow migrieren, können Sie unsere kreative und makellose Benutzererfahrung auf einigen unserer neuesten Webflow-Vorlagen für jeden Benutzer und jede Branche bestimmt. Wir hoffen, dass Sie diesen Leitfaden hilfreich und informativ finden und die Fehler vermeiden, die viele bei diesem Migrationsprozess machen.

Thank you! Your submission has been received!
Check your inbox and confirm your email!
Oops! Something went wrong while submitting the form.
Share This

Other Insights

Amazing Webflow
templates 🤩