Inhaltsverzeichnis
In diesem Leitfaden zeigen wir Ihnen, wie Sie mit dem Plugin Simply Static eine statische Seite in WordPress erstellen.
Von Websites wird erwartet, dass sie gleichzeitig schnell, sicher, personalisiert und aktuell sind. Während Sicherheit und Geschwindigkeit mit statischen Websites erreichbar sind, lassen sich Personalisierung und automatische Aktualisierungen mit dynamischen Websites umsetzen. Eine Möglichkeit, beides zu erreichen, besteht daher darin, eine flexible und vielseitige Website zu erstellen, die die besten Funktionen statischer und dynamischer Websites nutzt.
Eine Möglichkeit dafür ist, statische Seite(n) innerhalb Ihrer dynamischen WordPress-Website zu erstellen. In diesem Beitrag zeigen wir Ihnen, wie das geht.
Bevor wir dazu kommen, sollten wir zunächst verstehen, was eine statische Website und eine statische Seite sind.
Was ist eine statische WordPress-Website bzw. -Seite?
Um zu verstehen, was eine statische Website ist, müssen wir wissen, wie sie im Gegensatz zu dynamischen Websites funktioniert.
Die Dateien einer statischen Website sind fest codiert und auf einem Server gespeichert. Daher sehen Nutzer, die auf diesen Website-Typ zugreifen, unabhängig von ihrer Identität, ihrem Standort oder dem verwendeten Browser denselben Inhalt.
Statische Websites bestehen in der Regel aus drei Dateien:
- HTML – für die Struktur und den Inhalt der Seiten.
- CSS – für die Gestaltung der Seiten (zum Beispiel Schriftfamilie, responsives Design usw.).
- Javascript – für Interaktivität, zum Beispiel zum Vergrößern oder Verkleinern eines Bildes oder zum Ein- und Ausblenden von Informationen per Klick auf eine Schaltfläche.
Dadurch sind statische Websites relativ schlank und schnell. Außerdem sind sie sicherer, da sie die Angriffspunkte für Cyberkriminelle begrenzen. Zudem sind sie skalierbar, weil sie Verkehrsspitzen problemlos bewältigen können.
WordPress-Websites sind von Natur aus dynamisch. Eine standardmäßige WordPress-Website verfügt nicht über vorab codierte und auf dem Server gespeicherte Dateien. Das bedeutet, dass der Code zur Anzeige der Seiten in Echtzeit auf dem Server generiert wird, sobald ein Nutzer durch einen Klick auf die Website eine Anfrage stellt.
Statt eine vollständig statische Website zu erstellen, können Sie einfach eine oder mehrere Seiten Ihrer Website in statische Seite(n) umwandeln und den Rest Ihrer WordPress-Website dynamisch belassen. Nur die ausgewählte(n) Seite(n) werden fest codiert und auf einem Server gespeichert. Die übrigen Seiten der Website werden dynamisch generiert.
Dies eignet sich für Seiten, die keine personalisierten Inhalte oder häufigen Aktualisierungen benötigen, etwa eine Broschürenseite oder eine einmalige Landingpage für Ihre WooCommerce-Website oder Startseite (zum Erstellen einer statischen Startseite). Der Grund dafür ist, dass zum Ändern des Inhalts statischer Seiten die Dateien vom Server abgerufen und der Code angepasst werden müssen.
Nachdem wir nun wissen, was eine statische Seite ist, sehen wir uns an, warum Sie eine solche für Ihre WordPress-Website erstellen möchten.
Warum Sie eine statische Seite in WordPress erstellen möchten
Durch das Erstellen einer statischen Seite auf Ihrer WordPress-Website können Sie die Vorteile statischer und dynamischer Seiten nutzen. Daher sprechen die folgenden Gründe dafür, eine statische Seite zu erstellen.
Sie möchten nicht Ihre gesamte Website statisch machen
In manchen Situationen möchten Sie nicht, dass Ihre Website vollständig statisch ist. Einige Bereiche Ihrer Website würden stark davon profitieren, dynamisch zu sein. Dazu gehören Anmeldeseiten, Foren, in denen Mitglieder Ideen austauschen können, oder „Mein Konto“-Seiten in Ihrem WooCommerce-Shop oder E-Commerce-Website.
In diesem Fall wäre es nicht ideal, die gesamte Website statisch zu machen, da die Inhalte dieser Seiten personalisiert und häufig aktualisiert werden müssen.
Sie können einige Seiten statisch machen und die Vorteile statischer Websites nutzen, während Sie dynamische Seiten dort beibehalten, wo sie benötigt werden. Die statischen Seiten sind schneller und sicherer, während die dynamischen Seiten Kunden personalisierte Inhalte bieten, die sich leicht aktualisieren lassen.
Sie möchten Ihre Website trotzdem beschleunigen
Auch wenn nicht alle Seiten Ihrer Website statisch sind, werden die statischen Seiten schneller sein. Das ist besonders nützlich, wenn Sie diese Seiten nicht häufig aktualisieren müssen. Die durchschnittliche Geschwindigkeit Ihrer Website wird höher sein, als wenn sie vollständig dynamisch bliebe.
Sie möchten, dass Ihre WordPress-Startseite für SEO und Besucher besonders schnell ist
Ihre Startseite ist eine der meistbesuchten Seiten Ihrer Website. Wenn Sie diese Seite statisch machen, verbessern Sie daher SEO und Nutzererfahrung. Eine statische Seite ist gut für SEO, weil Suchmaschinen-Crawler (Bots) dank ihrer Geschwindigkeit schnell darauf zugreifen, sie indexieren und in den Suchergebnissen platzieren können. Außerdem ist die Seitengeschwindigkeit ein direkter SEO-Rankingfaktor, insbesondere seit Googles Algorithmus-Update zur Geschwindigkeit.
Eine schnellere Seite bedeutet, dass Website-Besucher nicht auf das Laden warten müssen. Das verbessert ihre Nutzererfahrung auf Ihrer Website und führt zu mehr Conversions.
WordPress verfügt standardmäßig über eine Version einer statischen Seite, die als statische Startseite bezeichnet wird. Sehen wir uns an, was genau das ist.
Was ist eine standardmäßige statische WordPress-Seite?
Die statische Startseite ist einfach eine Homepage ohne aktuelle Beiträge oder regelmäßig aktualisierte Inhalte, die normalerweise auf der standardmäßigen WordPress-Homepage angezeigt wird. Diese Seite kann beliebige Inhalte enthalten, darunter Text, Bilder und vieles mehr, sofern sie nicht regelmäßig aktualisiert werden müssen. Die Seite bleibt unverändert, bis Sie sie ändern.
Der Zweck dieser Seite besteht darin, Besucher auf Ihrer Website willkommen zu heißen oder bestimmte Informationen anzuzeigen. Zum Beispiel eine kurze Übersicht darüber, was Ihr Unternehmen tut. Sie eignet sich gut für Websites, deren WordPress-Blog nicht im Mittelpunkt steht.
So erstellen Sie diese Seite:
- Erstellen Sie zunächst Ihre Homepage. Bewegen Sie im WordPress-Admin-Dashboard den Mauszeiger über Seiten und klicken Sie auf Neu hinzufügen.
- Fügen Sie Ihrer Seite einen Titel (Homepage) hinzu und veröffentlichen Sie sie.
- Gehen Sie zu Einstellungen > Lesen und ändern Sie das Dropdown-Menü „Ihre Homepage zeigt“ von „Ihre neuesten Beiträge“ zu „Eine statische Seite“.
- Wählen Sie unter den jeweiligen Abschnitten die Homepage und die Beitragsseite aus.
- Klicken Sie zum Abschluss auf die Schaltfläche Änderungen speichern .
Hinweis: Je nach WordPress-Theme oder Page Builder kann diese Seite im Frontend Ihrer Website anders aussehen.
Obwohl WordPress diese Seite als statische Seite bezeichnet, können sich darauf weiterhin dynamische Inhalte befinden. Um sie vollständig statisch zu machen, benötigen Sie die Unterstützung eines Plugins.
So erstellen Sie eine statische Seite in WordPress
Um eine statische Seite auf Ihrer WordPress-Website zu erstellen, benötigen Sie die Unterstützung des Static-Site-Generator-Plugins Simply Static. In diesem Abschnitt des Tutorials erfahren Sie Schritt für Schritt, wie Sie eine statische Seite in WordPress erstellen.
Das WordPress-Plugin Simply Static vorgestellt
Simply Static ist das beste WordPress-Plugin zur Generierung statischer Websites. Damit können Sie Ihre WordPress-Website ganz einfach in eine statische Website umwandeln.
Mit Simply Static verbessern Sie die Performance und Sicherheit Ihrer Website, indem Sie die schnellste und sicherste Version Ihrer Seiten generieren.
Simply Static generiert HTML-Dateien (Struktur und Inhalt), CSS-Dateien (Styling) und JavaScript-Dateien (Interaktivität) für Ihre WordPress-Seiten. Nach der Erstellung dieser Dateien ersetzt es die ursprüngliche URL der konvertierten Seite durch absolute, relative oder für die Offline-Nutzung bestimmte URLs.
Das ist noch nicht alles: Alles wird automatisiert, und Sie können all dies mit einem einzigen Klick erledigen.
Obwohl Simply Static ein Static-Site-Generator für Ihre gesamte WordPress-Website ist, können Sie damit auch nur einzelne Seiten Ihrer Website statisch machen. Dies ist sowohl für eine gerade erstellte als auch für eine bereits vorhandene Seite möglich.
Das Beste daran? Sie können dies mit einem einzigen Klick im Bearbeitungsbereich der Seite erledigen. So können Sie einzelne statische Seiten generieren, während der Rest Ihrer WordPress-Website dynamisch bleibt.
Mit Simply Static können Sie außerdem:
Den Entwicklungsprozess statischer Seiten automatisieren
Die Integration von Simply Static mit Github ermöglicht es Ihnen, durch einen einzigen Klick automatisch eine neue statische Version Ihrer Seite zu übertragen. Sie benötigen lediglich ein GitHub-Konto. Technische Kenntnisse in Git oder GitHub sind nicht erforderlich.
Die Generierung statischer Seiten beschleunigen
Simply Static beschleunigt die Generierung und Aktualisierung statischer Seiten, indem Sie Builds erstellen können, die nur eine Teilmenge Ihrer Seiten oder Beiträge exportieren.
Formularübermittlungen auf Ihren statischen Seiten verarbeiten
Formulare hinzuzufügen, um Benutzerdaten zu erfassen und zu speichern, ist bei statischen Seiten eine Herausforderung, da dafür kein serverseitiger Code verwendet wird. Simply Static unterstützt Contact Form 7 und Gravity Forms, die Sie nutzen können, um Formulare auf Ihre statische Seite zu integrieren.
Kommentare auf Ihrer statischen Seite aktivieren
Mit diesem Plugin können Sie Kommentare aktivieren auf Ihrer statischen Seite, ohne einen Drittanbieter verwenden zu müssen.
Nachdem Sie nun wissen, was Simply Static ermöglicht, sehen wir uns an, wie Sie dieses Plugin verwenden können, um eine statische Seite auf Ihrer WordPress-Website zu erstellen.
Schritt 1: Simply Static installieren
Beginnen Sie mit der Installation der Pro-Version von Simply Static.
- Rufen Sie die offizielle Website auf: simplystatic.com/simply-static und laden Sie Simply Static herunter.
- Laden Sie die Erweiterung aus Ihrer E-Mail herunter.
- Gehen Sie im WordPress-Dashboard zu Plugins > Neu hinzufügen und klicken Sie oben auf die Schaltfläche Plugin hochladen .
- Laden Sie die heruntergeladene Erweiterung hoch und klicken Sie auf Jetzt installieren.
- Klicken Sie nach Abschluss der Installation auf Aktivieren-Plugin. Kopieren Sie Ihren Lizenzschlüssel aus Ihrer E-Mail und klicken Sie auf Zustimmen und Plugin aktivieren.
Das war’s, Sie können jetzt Ihre statische Seite erstellen.
Schritt 2: Eine statische Seite erstellen
- Gehen Sie in Ihrem WordPress-Dashboard zu Seiten > Neu hinzufügen. Alternativ können Sie eine bestehende Seite bearbeiten.
- Fügen Sie der Seite einen Titel und Inhalt hinzu und veröffentlichen Sie sie.
- Scrollen Sie in der rechten Seitenleiste dieser Seite nach unten, bis Sie zu einem Abschnitt namens Simply Static gelangen.
- Hier sehen Sie eine Schaltfläche Statisch generieren . Klicken Sie darauf, und diese Seite wird in eine statische Seite umgewandelt.
- Nach dem Klicken werden Sie zur Seite „Statische Website generieren“ weitergeleitet, auf der Ihre Seite in eine statische Seite umgewandelt wird.
Das war’s, Sie haben eine statische Seite generiert. Wenn Sie weitere Seiten umwandeln möchten, müssen Sie keine neuen Seiten erstellen. Navigieren Sie einfach zum Bearbeitungsbereich der Seite und klicken Sie auf die Schaltfläche Statisch generieren . Dasselbe können Sie tun, wenn Sie Ihre gesamte Website in eine statische Website umgewandelt und neue Seiten hinzugefügt haben.
Wandeln Sie noch heute eine WordPress-Seite in eine statische Seite um
Eine statische Seite auf Ihrer WordPress-Website ermöglicht es Ihnen, deren Vorteile zu nutzen und gleichzeitig die Bereiche Ihrer Website dynamisch zu halten, die dies benötigen.
Das bedeutet, dass Sie von Geschwindigkeit, Sicherheit und Skalierbarkeit auf der statischen Seite profitieren und weiterhin personalisierte Inhalte anbieten sowie die dynamischen Seiten regelmäßig aktualisieren können.
Die standardmäßige WordPress-Installation ermöglicht es Ihnen nicht, eine wirklich statische Seite zu erstellen. Glücklicherweise können Sie dies mithilfe des Plugins Simply Static tun.
