So können Sie Ihre WordPress -Site neu gestalten (und behalten Sie Ihre SEO)

Website -Redesigns können für Unternehmen sowohl aufregend als auch herausfordernd sein. Es gibt keine geringe Menge an hoher Hoffnung auf das Neugestaltung, aber dies ist ein monumentales Unterfangen. Eine Neugestaltung kann Ihre vorhandenen Probleme lösen, indem Sie Ihnen die Möglichkeit geben, eine Site abzuziehen und sie wieder aufzubauen.

Nehmen Sie es von jemandem, der viele WordPress -Wiederherstellungen gemacht hat - es lohnt sich, erfordert aber auf jeden Fall etwas Arbeit.

Warum Ihre Website neu gestalten?

Eine Neugestaltung ist erforderlich, wenn sich Ihre Website festgefahren anfühlt. Dies kommt in vielen verschiedenen Formen, aber hier sind einige, die eine große Veränderung rechtfertigen:

Wenn Sie mit Ja zu einem davon mit dem Kopf nickten , könnte eine Neugestaltung in Ihrem besten Interesse sein.

Schritte zur Neugestaltung einer WordPress -Site

Es gibt einen narrensicheren Prozess für jede Website -Neugestaltung. Es ist jedoch nicht überraschend, dass wir empfehlen, mit einem Plan zu beginnen.

1. Planen Sie Ihre Redesignbedürfnisse

Zieleinstellung ist ein wichtiger Bestandteil einer Website -Neugestaltung. Es ist einfach ein zu großes Projekt, um ziellos durchzuschweben. Überlegen Sie, was Sie realistisch erreichen wollen.

Häufige Ziele für eine Website -Neugestaltung umfassen häufig Dinge wie:

• Bessere Kern -Web -Vitals -Scores (schnellere Websites sind für alle besser)
• Verbesserte Conversion -Raten (unabhängig davon, ob es sich um Formulareinführungen, Produktkäufe oder andere wichtige Aktionen auf Ihrer Website handelt)
• Verbessertes Benutzerbindung, gemessen an Dingen wie Verweilzeit und Absprungraten
• Erstellen eines skalierbaren Designsystems, das zukünftige Inhalteerstellung vereinfacht
• Hinzufügen neuer Funktionen zur Verbesserung der Benutzererfahrung (wie Kundenbewertungen, schnellerer Auschecken, besserer Weg zum Anzeigen von Videos oder einfacher Navigation)

Einige dieser Ziele, wie Ihre Kern -Web -Vitals -Bewertungen oder Conversion -Raten, können durch Verfolgung von Metriken leicht messbar sind. Andere, wie beispielsweise ein besseres Designsystem, könnten mehr darum gehen, ein bestimmtes Gefühl oder ein bestimmtes Effizienzniveau zu erreichen. Wichtig ist, dass Ihre Ziele gut definiert und niedergeschrieben sind, bevor Sie beginnen.

2. Erstellen Sie eine Staging -Site

Arbeiten Sie niemals an einer Live -Website. Richten Sie stattdessen eine Staging -Site ein. Verwenden Sie Ihre Hosting -Tools, um Ihre WordPress -Site zu klonen. Wenn Sie dies nicht tun, riskieren Sie, Ihre Website zu brechen, während Besucher immer noch versuchen, darauf zuzugreifen. Außerdem nimmt eine Staging -Site den Druck aus, indem Sie Ihre aktuelle Website aufrechterhalten. Ich empfehle auch nicht, eine im Unterbau auf einer Live-Site zu verwenden, es sei denn, die ursprüngliche Website ist ein negatives Net-negativ. Warten Sie einfach, bis die neu gestaltete Website fertig ist.

SiteGround bietet eine der einfachsten Möglichkeiten, eine Staging -Site von Ihrer vorhandenen Website zu erstellen.

Eine Staging -Site ist ein Klon Ihrer Website, der auf einer vorübergehenden URL „lebt“. Es ist völlig getrennt von Ihrer Live -Site, sodass zwischen den beiden keine Störung besteht.

Auf Ihrer Staging-Site möchten Sie es vorübergehend desinnen, damit Google es erst bemerkt, wenn Sie es als Live-Site überschreiten. Gehen Sie dazu zu „Einstellungen> Lesen “ und überprüfen Sie das Kontrollkästchen mit der Aufschrift " Suchmaschinen von der Indexierung dieser Site ". Sie werden Google verwirren, wenn Sie Ihre Staging -Site zusätzlich zu Ihrer Live -Site indexieren lassen.

3.. Erhalten Sie SEO und technische Details

Eine Neugestaltung kann Ihre SEO beeinflussen. Suchmaschinen erstellen ihre Indizes basierend auf Ihrer vorhandenen Site -Struktur. Wenn Sie zu viel ändern, werden Google die Seiten aus seinem Index fallen lassen und den Prozess erneut starten. Aus diesem Grund empfehle ich, eine vollständige Prüfung Ihrer vorhandenen Website durchzuführen. Verwenden Sie die Google-Suchkonsole, um leistungsstarke Seiten, Crawl-Fehler und Keyword-Rankings zu identifizieren. Wenn Sie diese Daten exportieren, können Sie Benchmarks für den Vergleich Ihrer neu gestalteten Website festlegen und die Grundlagen Ihrer Website zu stark ändern.

Stellen Sie sicher, dass Sie für jede Neugestaltung jedes davon tun:

1. Vorhandene URLs erhalten. Behalten Sie jede Seite und veröffentlichen Sie auf Ihrer Website, einschließlich CMS-bauter Seiten (denken Sie an Taxonomien und Geschäftseiten). Ich habe gerne eine Tabelle von all diesen. Sie können sich Ihre Sitemaps für 95% der Seiten Ihrer Website ansehen.
2. Richten Sie 301 Weiterleitungen für Seiten mit einer URL -Änderung ein (sehr wichtig - einige Plugins erledigen dies automatisch).
3. Halten Sie in Bezug auf 301s Ihre vorherigen Weiterleitungen intakt. Möglicherweise möchten Sie auch alle erforderlichen 301s beseitigen (404s sind nicht schlecht, aber verwenden Sie eine 301, wenn sich eine Seite bewegt).
4. Migrieren Sie Ihre Titel -Tags und Meta -Beschreibungen. Sie können sie ändern, aber Sie möchten sie sicherlich nicht verlieren, wenn Sie es nicht tun.
5. Halten Sie jedes zusätzliche Schema auf Ihren Seiten (mehr als standardmäßig von Ihrem SEO -Plugin erstellt). Es ist ein Schmerz, das Schema nachzubilden, wenn Sie einfach vergessen haben, es zu speichern (auch dafür die Tabelle verwenden).
6. Halten Sie Ihre Überschriftenstruktur intakt, da Suchmaschinen sie für den Kontext verwenden. Sie dürfen Inhalteänderungen vornehmen, wissen aber nur, dass sie Ihre vorherige SEO beeinflussen können.

SEO ist oft ein nachträglicher Gedanke mit Neugestaltungen. Während SEO eines der letzten Dinge sein kann, für die Sie eine neue Website optimieren, sollte es eines der ersten Dinge sein, über die Sie bei einem Neugestalter denken. Wenn Ihre vorhandene Website den aktuellen Datenverkehr erhält, möchten Sie keinen Schritt zurückkehren (oder mehrere).

4. Verwenden Sie Divi für Ihr WordPress -Redesign

Während das Ändern eines Themas eine Website drastisch verändern kann, ist die gute Nachricht, dass alle Ihre Medien und CPTs intakt bleiben. Ihre hochgeladenen Bilder und Videos haben den gleichen URL-Pfad wie bei allen von Ihnen erstellten benutzerdefinierten Beitragstypen (obwohl Abfrageschleifen und On-Page-Elemente umgebaut werden müssen, und Ihre Pagination kann sich ändern). Dies sollte Ihnen mehr Selbstvertrauen mit einem Neugestaltung geben, da Sie nicht von Null beginnen.

Jetzt haben Sie Hunderte von Optionen, wenn Sie ein Thema für ein WordPress -Redesign auswählen. Es gibt jedoch keinen besseren, um eine Website als Divi zu entwerfen. Ich habe keinen Seitenbauer für WordPress gesehen, der Benutzern so viele Designoptionen gibt (unabhängig davon, ob sie Anfänger oder jemand, der sehr gut in CSS verfügt oder nicht).

Divi ist eine Designmaschine, und wenn Sie sich wirklich zu einer Neugestaltung verpflichten, schlage ich vor, dass Sie kein Tool auswählen, das Sie in einen weiteren Design -Engpass eindrückt. In erster Linie ist Divi ein Design -Tool. Das heißt, es hat jede Funktion und Funktion, die Sie benötigen, um Ihre neue Website wieder aufzubauen.

Wenn Sie etwas mehr Hilfe benötigen, hat Divi Starter -Sites, die von unserem Team von professionellen Webdesignern entworfen wurden. Sie können auch unseren bewährten AI-Website-Builder für etwas benutzerdefteres verwenden. Das Beste an beiden Optionen ist, dass jedes Design divi-konform ist, was bedeutet, dass in Divis Herausgeber alles bearbeitet werden kann.

Mit einem knappen Budget? Divi gehört tatsächlich zu den günstigsten Webdesign -Tools auf dem Markt. Sie erhalten ein vollwertiges Design-Tool, Cloud-Speicher, AI-Assistent, VIP-Support (und mehr, als ich bereit bin, in diesen Satz in diesen Satz einzulegen) für 7,42 USD pro Monat.

Holen Sie sich Divi für Ihr Redesign

5. Entwerfen Sie Ihre Seiten und Vorlagen

Geben Sie Ihre globalen Farben und Schriftarten ein. Sie können Ihre primäre Farbpalette und Schriftartpaare direkt innerhalb der Divi -Themenoptionen oder im WordPress -Themen -Customizer festlegen.

Als nächstes arbeiten Sie mit dem voreingestellten System von Divi. Voreinstellungen erstellen wiederverwendbare Designstile für alle Ihre gemeinsamen Website -Elemente. Denken Sie über Dinge wie Schaltflächen, Überschriften, verschiedene Textstile, Formfelder usw. nach. Voreinstellungen sind entscheidend für die Gewährleistung der Konsistenz auf Ihrer Website. Ich beginne mit einer Seite mit Elementen, von denen ich weiß, dass ich sie auf der gesamten Website verwenden werde - andere mögen mit ihrer Homepage dafür.

Arbeiten Sie dann an Ihren Header- und Fußzeile -Vorlagen mit Divis Theme Builder. Erstellen Sie globale Header- und Fußzeilenvorlagen, die auf Ihrer gesamten Website (oder bei Bedarf auf bestimmte Abschnitte) angewendet werden. Erstellen Sie auch alle erforderlichen dynamischen Seitenvorlagen . Dynamische Seitenvorlagen werden für Inhalte verwendet, die automatisch auf eine Vorlage angewendet werden (wie Ihre Blog -Beiträge, Kategorie -Archivseiten und Produktseiten).

Danach finde ich es am besten, indem ich Kernstatikseiten entworfen habe. Beginnen Sie mit Ihren kritischsten statischen Seiten wie Ihrer Homepage, über Seite, Kontaktseite, Serviceseite usw. Wenn Sie diese Seiten entwerfen, wenden Sie Ihre globalen Stile und Voreinstellungen an, um die visuelle Konsistenz aufrechtzuerhalten. Konzentrieren Sie sich darauf, klare Layouts mit effektiven Handlungsanforderungen auf jeder Seite zu erstellen.

6. Optimieren Sie Ihre Website für die Leistung

Ich werde diesen Punkt nicht belabern, da Sie eingehend über die Verbesserung Ihrer Google-Seitengeschwindigkeits-Punktzahl und die Plugins für die Geschwindigkeitsoptimierung lesen können. Aber hier sind Dinge, die ich auf meinen eigenen abgeschlossenen Neugestaltungen habe:

Divi

Eine frühere Version von Divi 5 Alpha, die die Ladezeit der Seiten um den Faktor vier verkürzte

Wir haben bereits behandelt, wie Divi ein fantastisches Thema ist, das die Designfreiheit und Kontrolle nicht begrenzt. Aber es gehört auch zu den schnellsten und leistungsstärksten WordPress -Themen auf dem Markt. Wenn Sie während dieser Neugestaltung zum ersten Mal Divi installieren, empfehle ich Ihnen dringend, Divi 5 zu untersuchen - eine vollständig umgebaute Version unseres Website -Builders, die viel, viel schneller ist und bereits mehr neue Funktionen hat als die ältere Version von Divi . Wenn Sie einen WooCommerce -Store neu gestalten, ist die alte Version derzeit die beste Wahl, aber in den meisten anderen Fällen ist Divi 5 das, was Sie verwenden möchten.

Holen Sie sich Divi für Ihr Redesign

Cloudflare cDN

CloudFlare ist ein Content Delivery Network (CDN), das die statischen Assets Ihrer Website auf Servern weltweit speichert und bedient und die Entfernungsdaten für Ihre Benutzer verringert (was es schneller macht). Ich habe die kostenlose Version oft für kleinere Websites verwendet. Das nächste Tool ist jedoch das, was ich für eine Website verwenden würde, auf die ich für das Einkommen meines Unternehmens angewiesen bin.

Holen Sie sich Cloudflare

Nitropack

Nitropack ist eine All-in-One-Plattform, um Websites sehr, sehr schnell zu machen. Es bietet WordPress -Websites intelligente Caching, optimierte Ressourcenzustellung über seine eigene CDN und eine beeindruckende Bildoptimierung. Es wird auch faul laden und konvertieren Bilder in WebP. Mit WordPress stecken Sie oft eine Reihe von Plugins und Drittanbietern zusammen, aber Nitropack ist wirklich ein One-Stop-Shop. Gönnen Sie sich diese erstaunliche Suite integrierter Werkzeuge - Sie werden mir später danken.

Holen Sie sich Nitropack

7. Folgen Sie einer Checkliste vor dem Start

Eine Checkliste vor dem Start ist vorhanden, damit Sie nicht versehentlich etwas verpassen. Es gibt buchstäblich Hunderte von Dingen, die Sie überprüfen können, aber hier sind sechs Hauptkategorien von Dingen, die Sie überprüfen sollten:

• Alle Inhalte Korrekturlesen : Überprüfen Sie, ob Tippfehler, grammatikalische Fehler und alles, was ein genaues Auge erfordert, um zu fangen (ich benutze hier gerne KI, um bestimmte Dinge zu fangen).
• Bild- und Medienübersicht : Stellen Sie sicher, dass alle Bilder und Videos korrekt angezeigt und optimiert werden.
• Mobile Tests : Testen Sie jede Seite auf mobilen Geräten und Tablets, um sicherzustellen, dass das reaktionsschnelle Design wie erwartet funktioniert. Wir leben bis in das 21. Jahrhundert. Testen Sie also auch ultra-weite Displays.
• Cross-Browser-Test : Testen Sie Ihre Website auf verschiedenen Browsern (Chrom, Firefox, Safari, Rand), um die Kompatibilität zu gewährleisten.
• Führen Sie eine Site-Crawl durch : Wenn Sie können, verwenden Sie die kostenlose Version von ScreamingFrog, um Ihre Website zu kriechen und festzustellen, ob offensichtliche Fehler vor dem Start behoben werden müssen.
• Installation Analytics : Kurz vor dem Start ist eine gute Zeit, um Analysen einzurichten. Stellen Sie sicher, dass Sie Conversion -Ereignisse festlegen, damit Sie wirklich sehen können, wie Ihre neu gestaltete Website geht.

8. Geh live

Der Moment der Wahrheit ist angekommen! Sobald Sie Ihre neu gestaltete Website in Ihrer Staging -Umgebung rigoros getestet haben und von ihrer Stabilität und Leistung zuversichtlich sind, ist es Zeit, live zu gehen. Zu diesem Zeitpunkt haben Sie etwas aufgebaut, das gut funktioniert, Ihre Endbenutzer befriedigt und Ihre Geschäftsziele entspricht.

Wenn Sie SiteGround verwenden, können Sie Ihre Staging -Site über ihre Site -Tools live gestalten. Genau wie SiteGround Ihre Staging -Umgebung mit einem Klick erstellt hat, wird die Staging -Site in die Live -Umgebung ausgetauscht.

Es dauert nur ein paar Momente, bis es passiert. Ich finde es toll, wie es umgeht, wie es mit der Veränderung der Staging -URL über die gesamte Website zu Ihrer benutzerdefinierten Domain umgeht. Früher war dies so ein Schmerz, aber jetzt ist es wirklich mühelos.

WordPress -Neugestaltung richtig gemacht

Wir hören oft Benutzer, dass sie sich wünschten, sie hätten Jahre im Voraus auf Divi gewechselt, insbesondere diejenigen, die eine größere Designkontrolle wünschen, als ein typisches WordPress -Thema. Divi macht eine WordPress ein Vergnügen. Mit seinem Drag-and-Drop-Builder , globalen Designeinstellungen und erweiterten Styling-Optionen können Sie Ihre Website neu gestalten, um Ihre Marke und Ihre Ziele widerzuspiegeln. Schneiden Sie keine Ecken ab und erhalten Sie ein WordPress -Thema, das Sie in ein paar Jahren ersetzen werden.

Versuchen Sie es mit Divi

Sobald Sie das richtige Thema haben, konzentrieren Sie sich auf das Hinzufügen neuer Funktionen Ihrer Website, die Aufrechterhaltung (und verbessern Sie) der SEO und das Aufbau von Geschwindigkeit und Reaktionsfähigkeit von Anfang an.

Lass es gehen

Redesigns sind viel Arbeit, aber die Art und Weise, wie wir diese Tools verwenden, erleichtert sie viel einfacher. Wir empfehlen eines dieser folgenden Tools für das Hosting, Design und die Optimierung Ihrer Website.