Stell dir bitte folgendes vor: Du hast deine Website in unzähligen Stunden mit vollem Einsatz aufgebaut und das Ergebnis kann sich sehen lassen. Doch nun, ganz plötzlich, ist deine Website nicht mehr erreichbar oder das Seiten-Layout ist total zerstört.

Ein absoluter Alptraum (das weiß ich leider aus eigener Erfahrung), es sei denn, man hat eine Sicherheitskopie erstellt. Ein solches Backup lässt sich im Fall der Fälle einspielen, wodurch die Website wieder hergestellt ist.

Leider werden WordPress Backups oftmals vernachlässigt. Doch wer hier die Extrameile geht und regelmäßig den Status Quo seiner Website absichert, der spart sich mit Sicherheit das ein oder andere sehr frustrierende Erlebnis.

In diesem Beitrag zeige ich dir, wie du ein WordPress Backup in wenigen Minuten erstellst und dieses dann bei Bedarf wieder einspielen kannst.

Webseiten schnell und einfach absichern

Datensicherungen mit WPvivid

Es gibt sowohl kostenpflichtige  als auch kostenlose Plugins, mit denen sich ein WordPress Backup erstellen lässt. Ich möchte dir an dieser Stelle nun das Plugin WPvivid vorstellen.

Die Entwickler von WPvivid setzen auf das sogenannte Freemium-Modell. Hierbei sind die Basisfunktionen kostenfrei, für die Verwendung von Zusatzfunktionen wird jedoch die kostenpflichtige Pro-Version benötigt.

Du kannst mit diesem Plugin in der kostenfreien Variante manuelle Backups erstellen. Diese kannst du dann als Zip-Datei auf deinen PC herunterladen und bei Bedarf wieder in dein WordPress-System einspielen, wodurch der gespeicherte Status wieder hergestellt wird.

Zudem besteht auch die Möglichkeit, die Datensicherungen automatisiert auszuführen. In den Einstellungen von WPvivid kannst du unter dem Menüpunkt Schedule festlegen, in welchen Zeitabständen ein Datensicherung erfolgen soll. 

Der Menüpunkt Remote Storage bietet dir zudem die Möglichkeit, die Datensicherungen automatisch auf einen remote-Speicher abzulegen (zum Beispiel Dropbox, Google Drive, etc.).

Bisher haben mir diese Funktionen der kostenlosen Plugin-Variante stets ausgereicht. Eine Übersicht der weiteren Funktionen, die unter anderem in der Pro-Version enthalten sind, kannst du auf der Webseite von WPvivid einsehen.

Ein manuelles Backup erstellen

Nach der Installation von WPvivid Backup Plugin erscheint ein neuer Reiter in deinem Menü im Dashboard. Wenn du nun auf WPvivid Backup klickst, gelangst du zu den Einstellungen für deine Datensicherungen.

Im Grunde kannst du alle Standard-Einstellungen beibehalten.

Um eine erste, manuelle Datensicherung zu erstellen, klicke einfach auf den blauen Button Backup Now.

Achte darauf, dass sowohl die Datenbank als auch die WordPress Dateien gesichert werden. (Hierfür muss der Einstellungs-Punkt Database + Files (WordPress Files) ausgewählt sein. Dies ist standardmäßig voreingestellt.)

Ist das Backup fertig erstellt, so wird dir die Datensicherung nun angezeigt (unten auf der Seite).

Datensicherungen herunterladen

Wenn du die Backups auf keinen remote-Speicher ablegst, dann solltest du diese auf jeden Fall auf deinen PC herunterladen. Auf diese Weise hast du deine Datensicherung stets verfügbar, auch wenn du keinerlei Zugang zu deiner WordPress-Installation mehr hast.

Um nun ein Backup herunterzuladen, musst du einfach auf Download klicken. Deine Datensicherung wird nun als Zip-Datei komprimiert und steht danach zum Herunterladen bereit (je nach Datenvolumen in mehreren Teilen, die alle heruntergeladen werden müssen). Klicke nun erneut auf Download, und die Datei wird auf deinen PC heruntergeladen.

Remote Speicher einbinden

Wenn du die Sicherungen nicht jedes Mal manuell auf deinen PC herunterladen möchtest, kann ein remote-Speicher (zum Beispiel Dropbox) eingebunden werden. Auf dem gewünschten Speichermedium werden die Backups dann automatisch gespeichert. Die Einstellungen hierfür können unter dem Menüpunkt Remote Storage festgelegt werden.

Automatische Datensicherungen

Ein automatisches Backup ist eine sehr praktische und sinnvolle Lösung. Ist diese Funktion einmal eingerichtet, so werden die Backups der Website in festgelegten Abständen von ganz allein durchgeführt.

Gehe zu den WPvivid Einstellungen und klicke auf den Reiter Schedule, um diese Funktion zu aktivieren. Setze nun einen Haken bei der Einstellung Enable backup schedule. Anschließend kannst du festlegen, ob die automatisierten Datensicherungen im 12-Stunden-Rythmus, täglich, wöchentlich, alle zwei Wochen oder monatlich erfolgen sollen.

Eine Datensicherung einspielen

Tritt nun der Fall der Fälle ein und du möchtest auf deine WordPress Datensicherung zurückgreifen, so ist dies sehr einfach:

• Ist die Datensicherung direkt über WPvivid erreichbar, so musst du nur unter dem Reiter Backup & Restore bei deiner Datensicherung auf Restore klicken. Die gespeicherten Daten werden nun von WPvivid hergestellt.
• Ist der vorherige Schritt nicht möglich, da die Datensicherung nicht in WordPress hinterlegt ist, dann muss das Backup hochgeladen werden. Klicke hierfür unter dem Reiter Backup & Restore auf Upload. Nun kannst du das Backup, dass du hoffentlich auf deinem PC oder einem remote Speicher gesichert hast, hochladen. Anschließend gehst du wie im vorherigen Schritt vor.

Sollte leider ein Szenario eingetreten sein, bei dem du nicht mehr auf dein WordPress Backend (dein Dashboard etc.) zugreifen kannst, so wird es etwas aufwändiger.

Um die Ursache des aufgetretenen Fehlers gänzlich zu beseitigen, gehe ich persönlich wie folgt vor:

• Ich installiere WordPress komplett neu (alle vorherigen Daten sind gelöscht).
• Nun logge ich mich in die neue WordPress-Installation ein und installiere das Plugin WPvivid.
• Jetzt lade ich das Backup hoch (wie zuvor schon beschrieben)
• und klicke anschließend auf Restore.
• Hurra! Nun sollte wieder alles so funktionieren, wie zu dem Zeitpunkt der Datensicherung.

Tipps bezüglich Datensicherungen

So gehe ich vor

Ich bin ein großer Fan regelmäßiger, automatisierter Backups. Dabei verwende ich oftmals den 14-Tage-Rythmus und halte mir die letzten sechs Sicherungen bereit.

Warum? Ganz einfach: Oftmals weiß man leider nicht, wann sich ein Fehler oder Schadsoftware etc. ins WordPress-System eingeschlichen hat. Manchmal bemerkt man Fehlfunktionen erst Tage oder Wochen später. In diesem Fall bin ich sehr glücklich, dass meine Backups mindestens drei Monate in die Vergangenheit reichen. Und damit ich das Erstellen der Backups nicht vergesse, lasse ich diese automatisch ausführen und in meiner Dropbox abspeichern  

An dieser Stelle sei aber auch erwähnt, dass Datensicherungen Speicherkapazitäten binden. Aus diesem Grund ist es ratsam, unnötige Backups zu löschen.

Wann du WordPress sichern solltest

Trotz automatisierter, regelmäßiger Datensicherungen, gibt es einige Ereignisse, vor denen du auf jeden Fall ein (zusätzliches) Backup erstellen solltest:

• Updates der WordPress Version oder Updates deiner Plugins
• Installation neuer Plugins
• Installation / Umstellung auf ein anderes Theme
• größere Veränderungen bezüglich der Struktur deiner Website

Fazit

Das Erstellen einer Datensicherung von deiner Website ist heutzutage ein Kinderspiel. In wenigen Minuten kann mit dem Plugin WPvivid ein Backup erstellt und bei Bedarf auch wieder hergestellt werden. Zudem lassen sich mit Hilfe der Automatisierung die Datensicherungen in Intervallen erstellen, ohne dass dabei Arbeit anfällt.

–>  Gehe kein unnötiges Risiko ein, erstelle regelmäßig Backups deiner WordPress Website.

Hast du WPvivid schon getestet oder Erfahrungen mit anderen Backup-Plugins gesammelt? Dann schreibe mir doch einen Kommentar. Ich freue mich von dir zu hören!

Benjamin Bode

Die Website kann ein entscheidendes Marketing-Instrument sein, wenn sie entsprechend optimiert und auf dein Unternehmen ausgerichtet ist.

onestep-webdesign.de

PDF verlinken mit dem WordPress Blog-Editor

PDF verlinken mit Elementor

Das Verlinken einer PDF mit Elementor funktioniert ähnlich einfach. So kannst du vorgehen:

1. Klicke in deinem WordPress Dashboard auf Medien. Wähle anschließend „Datei hinzufügen“ aus und lade deine PDF hoch.
2. Klicke nun auf die soeben hochgeladene PDF-Datei. Jetzt sollten dir in einer rechten Leiste Informationen zur Datei angezeigt werden. Dort findet sich auch eine Eintrag namens Datei-URL. Dieser Eintrag zeigt dir an, unter welchem Link die PDF abgerufen werden kann. Kopiere dir diesen Link in die Zwischenablage.
3. Im nächsten Schritt öffnen wir die Seite oder den Beitrag, auf dem der Link zur PDF erscheinen soll, mit Elementor. Klicke dafür im Dashboard auf Seiten und wähle dann eine entsprechende Seite aus oder erstelle eine neue Seite. Klicke dann auf den blauen Button mit der Aufschrift Mit Elementor bearbeiten.
4. Ziehe das Element Button an jene stelle, wo die PDF verlinkt sein soll. Alternativ zum Button kannst du auch andere Elemente (beispielsweise eine Überschrift) verwenden.
5. An der linken Bildschirmseite ist nun die Leiste zur Bearbeitung des Buttons. Füge dort unter Link jenen Link zur PDF ein, den wir in die Zwischenablage kopiert hatten.
6. Rechts neben dem Feld, in dem der Link eingefügt wurde, ist ein Zahnrad. Klicke das Zahnrad an. Du kannst nun festlegen, dass die PDF ein einem neuen Tab öffnet.
7. Zu guter Letzt drücke einmal unten links auf Speichern, damit die getroffenen Einstellungen übernommen werden.

PDF als Katalog einbinden – 3D FlipBook

Das Verlinken einer PDF ist oftmals zweckdienlich: Dem Webseiten-Besucher werden so zusätzliche Informationen zum Download bereitgestellt. Doch wie sieht es aus, wenn die PDF als Katalog direkt auf der Webseite integriert werden soll?

Hier kann das kostenfreie Plugin „3D FlipBook – PDF Flipbook Viewer, Flipbook Image Gallery“ weiterhelfen. Der Name ist zwar etwas lang und sperrig, die Funktionsweise ist allerdings smart. Mit diesem Plugin können PDF Dateien als Kataloge (Bücher) mit Umblätter-Funktion auf den Seiten / Blog-Beiträgen deiner Wahl eingebunden werden.

Folgendermaßen kannst du hierbei vorgehen:

• Installiere das Plugin 3D FlipBook – PDF Flipbook Viewer, Flipbook Image Gallery.

• Nachdem das Plugin installiert und aktiviert wurde, findest du in deinem Dashboard einen Reiter namens 3D FlipBook. Klicke diesen Menü-Eintrag an und wähle anschließend Erstellen aus.

• Füge nun einen Titel ein. Anschließend muss noch die URL zur PDF angegeben werden. Klicke dafür einfach auf „Select PDF“ und wähle dann eine PDF aus, die du zuvor in deine Mediathek geladen hast.

• Klicke nun auf den Button „Veröffentlichen“ in der rechten Spalte. Anschließend wird ein Shortcode eingeblendet. Kopiere nun den angezeigten Shortcode in die Zwischenablage.

• Öffne nun die Seite, auf welcher die PDF eingebettet werden soll, im Bearbeitungsmodus (beziehungsweise in Elementor, falls du Elementor verwendest). Platziere nun den „Shortcode“ Block bzw. das „Shortcode“ Element an der Stelle deiner Wahl. Füge anschließend den Shortcode aus deiner Zwischenablage ein.

• Nun der letzte Schritt: Speichere bzw. aktualisiere deine Seite. Fertig! Wird nun die Seite (nicht im Bearbeitungs-Modus) aufgerufen, so erscheint die eingebettete PDF in einer eleganten Buch-Optik.

Ein paar Anmerkungen

Das Verlinken und Einbetten von PDF Dateien in die Webseite kann mitunter sehr sinnvoll sein und lässt sich relativ einfach umsetzen.

Dabei sollte jedoch darauf geachtet werden, dass die PDF Dateien in Bezug auf die Datengröße so klein wie möglich gehalten werden. Andernfalls kann dies zu verärgerten Webseiten-Besuchern führen, da große Dateien die Ladezeiten negativ beeinflussen. Dies gilt insbesondere dann, wenn die PDF mit einem Plugin wie 3D FlipBook direkt auf der Webseite eingebettet ist.

Zudem hat das PDF-Format einige weitere Nachteile in Bezug auf Nutzer- und Suchmaschinenfreundlichkeit. Ein guter Beitrag, der diesbezüglich einige Aspekte beleuchtet, ist auf dem Blog von ahrefs erschienen: https://ahrefs.com/blog/de/seo-fuer-pdfs/ .

Ich wünsche nun viel Spaß bei der Umsetzung. Bei Fragen und Anregungen freue ich mich über eine Rückmeldung von dir.

Benjamin Bode

Die Website kann ein entscheidendes Marketing-Instrument sein, wenn sie entsprechend optimiert und auf dein Unternehmen ausgerichtet ist.

onestep-webdesign.de

Was ist Caching?

Spricht man von einem Cache in der Welt des Internets, dann ist damit eine Art Puffer oder Zwischenspeicher gemeint. Hat eine Website also einen Cache, dann spricht man also von einer Art virtuellem Zwischenspeicher, in welchem Daten gespeichert / abgelegt werden.

Der Vorteil daran: Die zwischengelagerten Daten (Daten im Cache) können wesentlich schneller abgerufen werden, was zu einer deutlichen Steigerung der Performance der Website führt.

Die Funktionsweise von Caching

Umso mehr Inhalte und Elemente auf einer Website platziert wurden, umso länger sind die Ladezeiten. Das liegt daran, dass die Daten in Form einer Mischung aus Stylesheets, JavaScript, etc. vorliegen. Es müssen so zu sagen viele Dateien ausgelesen werden, aus deren Informationen sich dann die Webseite zusammensetzt. Und genau dieser Prozess des Auslesens und berechnens der verschiedenen Daten kostet Zeit.

Ein Cache sorgt nun dafür, dass diese Informationen (aus den verschiedenen Dateien) in ein statisches HTML-Dokument (zwischen-)gespeichert werden. Ein solches HTML Dokument kann sehr viel schneller ausgelesen werden und Berechnungen entfallen. Ebenso müssen nun weniger Anfragen an den Server und die Datenbanken gestellt werden, schließlich befinden sich die Daten ja nun im Cache (also dem Zwischenspeicher). Auf diese Weise kann die Webseite wesentlich schneller laden und jeder Webseitenbesucher bekommt nun die selben Inhalte angezeigt.

Was sollte beim Caching beachtet werden?

Es gibt durchaus auch einige Dinge, die beim Einsatz eines Cache beachtet werden sollten. So ist einer der großen Nachteile, dass die Informationen, welche im Cache gespeichert sind, sich nicht selbstständig aktualisieren. Als Betreiber der Seite sollte man also immer darauf achten, dass diese Daten auf dem neuesten Stand sind. Ansonsten kann es vorkommen, dass die Besucher der Website veraltete Informationen erhalten. Beim Einsatz eines WordPress Caching Plugins muss also, nach jeder Änderung auf der Webseite, der Cache gelöscht und neu generiert werden. Dafür bieten diese Plugins die Funktion „Cache löschen“ oder auch „Purge Cache“. Dies muss aber jedes mal durch euch (als Webseiten-Betreiber) manuell ausgewählt werden.

Weiterhin sollte beim Einsatz eines Cache bedacht werden, dass dynamische Elemente nicht zwischengespeichert werden können. Dynamische Elemente sind zum Beispiel jene Inhalte, die jedes Mal neu generiert werden müssen und individuell an den Webseiten-Besucher angepasst sind (ein Warenkorb von einem Online-Shop ist beispielsweise ein dynamisches Element).

Geschwindigkeit der Webseite testen

Wenn man einen Cache einsetzt, um die Geschwindigkeit und Performance seiner Website zu optimieren, sollte man auch wissen, wie man diesen Leistungszuwachs messen kann. Dafür gibt es unterschiedliche Tools, auf die kostenfrei zurückgegriffen werden kann.

Egal mit welchem Tool du die Geschwindigkeit deiner Webseite misst, bedenke dass die Werte stets etwas schwanken. Dies liegt an verschiedenen Faktoren, wie zum Beispiel der aktuellen Auslastung der Server deines Hosting-Anbieters. Worauf du bei der Auswahl deines Hostings achten solltest, erfährst du in meinem Beitrag WordPress Hosting.

Google Pagespeed Insights

Google Pagespeed Insight ist ein kostenfreies und sehr nützliches Werkzeug zur Optimierung der eigenen Website. Unter https://developers.google.com/speed/pagespeed/insights/ kann die url der Webseite eingegeben werden, deren Geschwindigkeit dann getestet wird. Anschließend erhält man zwei Auswertungen: eine für die mobile Version (Darstellung auf dem Smartphone) und eine für die Desktop Version (Darstellung am PC).

Weiter werden auf der Seite von „Google Pagespeed Insight“ auch Empfehlungen und weitere Informationen der Diagnose angezeigt. Diese können durchaus sehr hilfreich sein: Wird einem beispielsweise angezeigt, dass die Bilder der Webseite nicht optimal codiert sind oder einfach zu groß sind, dann weiß man als Webseiten-Betreiber, wo man ansetzen kann, um die Performance weiter zu optimieren.

Pingdom

Auch das Analyse-Tool von Pingdom überzeugt mit einer detailreichen Geschwindigkeitsanalyse der eigenen Website und bietet viele nützliche Funktionen. Das Tool kann unter https://tools.pingdom.com/ aufgerufen werden. Hier sollte nicht nur die url der zu testenden Webseite eingegeben werden, sondern auch ein Serverstandort. Schließlich macht es alleine aufgrund der räumlichen Entfernung einen Unterschied, ob die Ladegeschwindigkeit der Webseite für den Standort San Francisco oder Frankfurt getestet wird.

Wie sich Geschwindigkeitsverluste aufgrund räumlicher Distanzen vermeiden lassen, so dass deine WordPress Webseite auch am anderen Ende der Welt schnell lädt, kannst du in meinem Blog-Beitrag CDN – Content Delivery Network nachlesen.

Welches WordPress Caching Plugin

Für WordPress gibt es eine Vielzahl an Caching-Plugins. Zwei dieser Plugins möchte ich hier kurz vorstellen. Ebenfalls werde ich zeigen, wie diese Caching-Lösungen die Performance einer Webseite verbessern.

Damit ich in diesem Bolg-Beitrag die Optimierung der Geschwindigkeit mit einem Cache veranschaulichen kann, habe ich eine WordPress Testinstallation vorgenommen. Dabei liegen folgende Einstellungen zugrunde:

• günstiges WordPress Hosting bei 1Blu
• verwendetes Theme: Astra
• installierte Plugins: Elementor, WPForms Lite, Starter Templates (Astra), Limit Login Attempts Reloaded
• Zudem habe ich das Astra Template „Outdoor Adventure“ mit samt Unterseiten importiert.

Nun habe ich, ohne den Einsatz von einem Cache, die Geschwindigkeit der Webseite mit „Google Pagespeed Insights“ getestet. Dabei erhielt ich für die Startseite folgendes Ergebnis:

Betrachten wir nun, wie Caching-Plugins diese Werte verbessern können.

WP Fastest Cache

Mein persönlicher Favorit, den ich auf meinen Webseiten einsetze, heißt WP Fastest Cache (ich verwende allerdings die kostenpflichtige Premium Version). Die kostenfreie Variante des Plugins kann ganz einfach in WordPress unter „Plugins –> installieren“ gesucht, installiert und aktiviert werden. Anschließend können verschiedene Einstellungen getroffen werden.

Ich habe das Plugin wie folgt eingerichtet:

Die „ausgegrauten“ Optionen sind nur in der kostenpflichtigen Pro-Variante von WP Fastest Cache verfügbar. Gleiches gilt für die Bildoptimierung. Mit der Pro-Version wird die Webseite deutlich beschleunigt und der Einsatz eines Plugins zur Bildoptimierung ist nicht nötig.

Ein erneuter Speed-Test der Webseite, bei dem nun WP Fastest Cache in der kostenfreien Variante aktiviert ist, ergab nun folgendes Ergebnis:

Wie wir sehen, wurde der Wert für Mobil um 6 Punkte und der Wert für Desktop um 5 Punkte verbessert. Wie schon erwähnt, ist dies die kostenfreie Version von WP Fastest Cache. Die kostenpflichtige Premium Version führt zu einem deutlich stärkeren Performance-Zuwachs.

Autoptimize

Dies ist auch ein super Caching Plugin für WordPress und zudem ist es kostenfrei. Wer an dieser Stelle also kein Geld ausgeben möchte, ist meiner Meinung nach bei diesem Plugin gut aufgehoben.

Autoptimize bietet viele Einstell-Möglichkeiten, die einen Laien schnell verwirren können. Gleichzeitig hat man so aber den Vorteil, dass man den Cache gut auf die Website abstimmen kann. Für meinen Test habe ich Autoptimize folgendermaßen eingerichtet:

Zusätzlich zu diesen Einstellungen habe ich, unter dem Reiter „Bilder“ das verzögerte Laden von Bildern aktiviert. Das führt dazu, dass bei einem Aufruf der Webseite zuerst der Code geladen wird und dem User schon erste Inhalte angezeigt werden, während die Bilder minimal verzögert nachgeladen werden. Das hat durchaus einen positiven Einfluss auf den Google Page Speed Score.

Bei einem erneuten Test der Geschwindigkeit, bei dem nun Autoptimize im Einsatz ist, wurden mir von „Google Pagespeed Insights“ folgende Werte angezeigt:

Das Caching mit Autoptimize hat für einen deutlichen Anstieg der Performance gesorgt: Gegenüber der Variante ohne Caching wurde der Wert für Mobil um 10 Zähler verbessert, der Wert für den Desktop stieg sogar um 15 Punkte.

Fazit

Lange Ladezeiten schrecken Besucher schnell ab und werden auch von Suchmaschinen wie Google mit schlechteren Rankings abgestraft. Deshalb ist es für alle Seitenbetreiber enorm wichtig, die Geschwindigkeit der Website zu beobachten und bei Bedarf entsprechend zu optimieren.

Durch einen effizienten Cache können Webseiten einen enormen Geschwindigkeitszuwachs erhalten. Als Seitenbetreiber sollte man dabei jedoch beachten, dass die Daten, welche gecacht werden, nicht automatisch aktualisiert werden. Ein Update der Daten muss also manuell erfolgen. Ansonsten ist ein durchdachter Cache eine perfekte Möglichkeit, die Ladezeiten zu reduzieren. Ob dies auch wirklich gelingt, kann dann im Anschluss mit Tools wie Google Pagespeed Insights oder Pingdom überprüft werden.

Benjamin Bode

Die Website kann ein entscheidendes Marketing-Instrument sein, wenn sie entsprechend optimiert und auf dein Unternehmen ausgerichtet ist.

onestep-webdesign.de