Doch bevor die Ahoi Sauna wirklich ablegen konnte, mussten wir lernen, wie man online sichtbar wird. Denn was nützt die schönste Sauna, wenn niemand davon weiß? Genau da kam der SEO-Workshop bei Collaborato Training ins Spiel – ein entscheidender Moment auf unserem Weg von der Idee zum Unternehmen.

Wir hatten wenig Erfahrung mit Google-Rankings oder Webseiten-Strukturen, wussten aber: Wenn wir langfristig bestehen wollen, brauchen wir ein stabiles Online-Fundament. Im Kurs lernten wir, wie man Inhalte gezielt plant, Keywords sinnvoll auswählt und eine Website aufbaut, die Suchmaschinen – und Menschen – gerne besuchen. Besonders spannend war das Prinzip der sogenannten Cornerstone-Seiten: zentrale Inhalte, die Orientierung geben und das Thema greifbar machen.

Zurück im Büro setzten wir das Gelernte direkt um. Unsere Entscheidung fiel bewusst auf WordPress: Das System ist flexibel, leicht anpassbar und ermöglicht uns, unsere Website selbstständig weiterzuentwickeln. Wir wollten kein starres Baukastensystem, sondern eines, das mit uns wächst – technisch solide, visuell hochwertig und suchmaschinenfreundlich.

Heute, ein Jahr später, sehen wir die Ergebnisse: Unsere Website wird hervorragend gefunden, viele Gäste entdecken uns beim spontanen Googeln nach „Sauna Hamburg“. Wir stehen auf der ersten Seite – und das ohne große Werbebudgets. Diese Sichtbarkeit ist für uns das stärkste Zeichen dafür, dass sich eine klare Strategie, Geduld und Lernbereitschaft auszahlen.

Die Ahoi Sauna ist für uns mehr als ein Ort der Entspannung – sie ist ein gemeinsames Herzensprojekt, das zeigt, was passieren kann, wenn Idee, Mut und Wissen zusammenkommen.

Ein herzliches Dankeschön an Günther A. Biebl für den inspirierenden SEO-Workshop. Er hat uns die Basis gegeben, online den Kurs zu halten.

Und an alle Gründerinnen und Gründer: Wenn ihr euer Herzensprojekt sichtbar machen wollt – Günthers Seminare bei der hei. Hamburg sind ein großartiger Startpunkt.

Der Beitrag Wie ein SEO-Workshop uns half, die Ahoi Sauna ins Netz zu bringen erschien zuerst auf Collaborato Training.

Schrift von Google Fonts laden

Zunächst müssen wir wissen, welche Schriftarten (Fonts) und Auszeichnungen (fett, kursiv…) benötigt werden. Manchmal kommt jedes Schriftgewicht als einzelne Datei, häufiger ist jedoch eine Datei mit einem „Variablen Font“ das alle Schriftgewichte enthält. Manchmal kommtn die kursiven Schriften in ein einer extra Datei. Den Hinweis auf „kursiv“ erkennt ihr meist am Zusatz „italic“ im Dateinamen. Diese Schriften laden wir dann bei Google Fonts wie folgt herunter:

Geht auf https://fonts.google.com/ und tippt euere Schrift in das Suchfeld ein, Klickt die entspechende Schrift und und klickt oben auf „Download Family“. Ein Beispiel für Open Sans seht ihr im Bild. Rechts braucht ihr nichts auszuwählen oder kopieren. Wir brachen nur die Datei(en) aus dem Download, der nach dem Klick auf „Download Familiy“ erfolgt sein sollte.

Die .Zip wird ausgepackt und wir haben jetzt so eine Struktur (siehe Bild)

Wollen wir also „Open Sans“ verwenden genügen uns die beiden .ttf Dateien. Die eine ist für alle regulären (geraden) Schriftgewichte (von dünn bis extrafett) und die mit dem „italic“ im Dateinamen enthält alle Schriftgewichte noch mal in kursiv. (Theoretisch kann der Browser auch aus einer regulären Schrift ein kursive Schrift machen, lass das aber nicht deinen Grafiker hören. Das sieht dann nämlich nur kursiv aus, ist aber nicht das was der Schriftdesigner sich unter kursiv vorgestellt hat.)

WordPress auf die Schriftdatei vorbereiten

Von Haus aus kennt WordPress eine Reihe von Dateitypen anhand der Dateiendungen. Alles andere lässt WordPress dich aus „Sicherheitsgründen“ nicht hochladen. Ein Versuch über „Medien“ und „Datei hochladen“ würde genauso scheitern wie der Versuch schon jetzt im Divi-Builder die Schrift einzubinden. Die Fehlermeldung „Du bist leider nicht berechtigt, diesen Dateityp hochzuladen.“ erscheint in diesem Fall.

Wir müssen also WordPress beibringen, dass eine .ttf Datei nicht gefährlich und sogar gewünscht ist. Dazu nutzte ich ein Plugin „WP Add Mime Type“ https://de.wordpress.org/plugins/wp-add-mime-types/ Mit „Mime Types“ wird beschrieben welche Dateiendung welchen Dateityp bedeutet. Einmal installiert und aktiviert haben wir jetzt unter „Einstellungen“ /  „Mime type Settings“ unser Tool. Oben stehen schon einige Mime-Types die WordPress bereits kennt und ganz unten ist ein großes Eingeabefeld „Add Values“. Hier gebe ich immer ttf = font/ttf  ein und drücke unten auf „save“.  Die „Security Options“ über dem Eingabefeld habe ich so gelassen wie sie waren, sonst gibt es doch noch Probleme z. B. beim Upload. Bei mir sind alle Haken aus. Ist das erledigt kann mit dem Hochladen der Schriften begonnen werden. Das Plugin muss so lange aktiviert bleiben, bis alle Schriften hochgeladen wurden.

Hochladen der Schriften (Google Fonts) in DIVI

Jetzt gehen wir auf eine beliebige Divi-Seite die einen Textblock enthält und aktivieren den Divi-Editor (Divi-Builder). Danach gehen wir in die Einstellungen des Textblocks (=Zahnrad-Symbol) und dort auf den Tab „Design“. Hier im Bereich „Text“ auf „Schriftart“ klicken – die Schriftauswahl erscheint als Dropdown. Nun klicken wir auf den Button „Hochladen“ der in der Auswahlbox angezeigt wird. (siehe Bilder).   

In der Dropdown Box auf den Button „Hochladen“ klicken.

Jetzt erscheint diese Dialogbox „Hochladen Schriftart“ Lasst euch von der wirren Übersetzung nicht irritieren, hoffentlich kommt hiee bald mal eine Korrektur.

Oben in das Feld gehört jetzt der Schriftname hinein. Ich ergänze hier um „Regular“ um es von den Kursivschriftarten abzugrenzen. Ausserdem schreibe ich „lokal“ dahinter. Das in zwar unkonventionell, aber ich sehe dann immer gleich woran ich bin. Danach auf den Button „Datei auswählen“ drücken und die .ttf-Datei (nicht die .zip) hochladen. 

Es sieht zwar anders aus, aber das System lasst nur eine Datei zu. Falls ihr keine variable Schriftdatei habt, müsst ihr den Prozess mit jeder Schrift wiederholen. Für diesen Fall gibt es unten die Checkbox „Alle“, die dann – sobald man den Haken entfernt – umschaltet und die Checkboxen für die einelnen Schriftgewichte (Fontweight) freigibt. 

Der Text den ihr oben eingebt, dient dazu später den richtigen Font auszuwählen. Kryptische Bezeichnungen, die ihr euch nicht merken könnt helfen hier nicht weiter. Jetzt ist nur noch wichtig auf „Hochladen“ zu drücken – das wars. Wir wiederholen das mit der Fontdatei für kursive Schrift oder mit allen Einzelfonts.

Einschub aus der Praxis: DIVI Google Fonts lokal einbinden

Kleiner Einschub aus meiner Praxis: Ich habe festgestellt, dass manchmal bei den variablen Fontdateien ich die einzelnen Schriftgewichte nicht vernünftig ansteuern kann. Also mit dem Wahlkonopf „fett, normal, dünn…“ der unter der gewählten Schriftart steht. Der Support konnte das bisher nicht vernünftig beantworten. Wenn ihr den Fall auch haben solltet: Ich lade in dem Fall dann doch noch die einzelnen Schriftgewichte-Dateien hoch – die sind in der geladenen Schrift – Zipdatei meist im Unterordner „static“.

Lokalen eingebundenen Google Font auswählen

So, das Hochladen wäre erledigt. Jetzt gibt es zwei Optionen. 

1. Will ich Schiften eher automatisch und allgemein vergeben, wählen wir in allen Textboxen – so auch hier – nur „Default“ als Schrift aus. Die Schrift wird dann von der Voreinstellung im Customzier übernommen. (ich erkläre gleich wie das geht). Nachdem auf der Seite alle Texte auf „Default“ stehen, bitte speichern und den Editor verlassen.
2. Will ich jede Textbox einzeln mit dem passenden Font versehen, dann bitte jetzt in allen Textblöcken die jeweils gewünschte Schriftart aus den eben hochgeladenen auswählen. Jetzt speichern und den Builder verlassen.

Abschließend für beide Schritte im Theme Cusomizer die lokalen Schriftarten voreinstellen. Dort stellen wir unter „Allgemeine Einstellungen“ / „Typografie“ je eine Schriftart für Überschriften (=Kopfzeile) und die Schriftart den ganzen Rest (=Hauptschriftart) aus. Jetzt klicken wir oben auf „Veröffentlichen“ und verlassen den Customzier über das „X“ oben links. 

Google Fonts deaktivieren

Ist das erledigt, können wir Google Fonts grundsätzlich abschalten. Das machen wir im Menü „Divi / Theme-Optionen“ im ersten Reiter „Allgemeines“ finden wir den Schalter „Google Schriftarten verwenden“ den wir ausschalten. (Der Screenshot zeigt den ausgeschalteten Zustand)

Ab sofort sind keine externen Google Fonts mehr verfügbar, wenn wir Schriften in den Designeinstellungen auswählen. Technisch läuft das Divi-Theme jetzt auf lokalen Fonts, also so wie wir uns das für den Datenschutz wünschen. Es ist aber ratsam, alle Seiten noch mal zu prüfen, und zu schauen, wo jetzt eine Schrift nicht wie gewünscht aussieht. Dort haben wir ggf. noch eine falsche Schrift eingestellt.

Viel Erfolg mit euerer Webseite. Fragen und Anregungen einfach in die Kommentare schreiben.

Über mich 

Ich bin Günther A. Biebl und gebe WordPress-Seminare, erstelle Webseiten und unterstütze euch gerne mit euerer WordPress Webseite. Bei Fragen einfach melden.

Der Beitrag Google Fonts im Divi Theme lokal einbinden erschien zuerst auf Collaborato Training.

Damit das Problem nicht offensichtlich vor allen Besuchern der Webseite passiert, wäre es klasse, solche Probleme frühzeitig zu erkennen und Ausfälle zu vermeiden, richtig? Es gibt ja schon seit gut zwei Jahren die Funktion „Website-Zustand“ in WordPress die uns zu Updates, entfernen nicht genutzter Plugins und Themes, update der PHP-Version und dergleichen ermahnt. (Im Backend unter dem Menüpunkt „Werkzeuge“ zu finden) Das ist natürlich eine gute Sache. Aber es gibt da noch ein System das nicht so offensichtlich ist: Fehlermeldungen bzw. Warnungen des Browsers oder Webservers. 

Offensichtliche und verdeckte Probleme

Manche Probleme auf der Webseite sind offensichtlich – da stimmt was nicht, da sieht was komisch aus oder da ist eine Funktion kaputt, klar. Da hilft häufig ein Blick in die Fehlerconsole des Browsers. (Ich spreche nicht von 404 oder 500er-Fehlermeldungen im Browser, sondern „niedrigschwelligeren“ Meldungen.) In Chrome oder Firefox am Desktop ist das einfach: Rechte Maustaste im Browserfenster drücken, „Untersuchen“ anklicken und auf den Reiter „Console“ gehen. Jetzt die Seite neu laden oder den fraglichen Prozess auf der Seite durchführen und es sollte eine verwertbares Ergebnis kommen: Eine Fehlermeldung oder eine Warnung. (Dabei ist der Eintrag in Chrome: „DevTools failed to load source map“ zu ignorieren, der kommt so gut wie immer.)

Soweit, so gut. Aber was ist jetzt, wenn ein Fehler auftritt, wenn ich gar nicht dabei bin? Ein Nutzer ein Formular ausfüllt und im Prinzip zwar alles läuft, aber im Hintergrund ein paar „rote Fahnen“ gehisst werden, die sagen sollen, dass hier was nicht ganz korrekt ist? Es wäre doch gut, das früh zu erkennen, noch bevor wichtige Daten verloren gehen oder Funktionen unbrauchbar werden. In meinem Beispiel (unten) wären das Anmeldedaten für meinen Newsletter oder sogar die Anmeldung für meine WordPress Seminare.

WordPress Ausfall vermeiden: Logfiles auswerten

Für solche Fälle gibt es in der IT die Logfiles. Das sind separate Dateien, in die die Software alle Meldungen des laufenden Prozesses schreibt. Natürlich macht es keinen Sinn, diese Meldungen jedem Besucher der Webseite um die Ohren zu hauen und wirre Meldungen auszuspucken. Das ist der Grund warum ein normaler Besucher üblicherweise von so etwas verschont bleibt. Im Standardfall ist die Logfile-Generierung in WordPress sogar deaktiviert.

Es gibt die Möglichkeit, das reine generieren des Logfiles direkt in der wp-config.php zu aktivieren und dort eine Datei für die Speicherung anzugeben. Das hat den Nachteil, dass ich in diese Datei auch gelegentlich reinschauen muss. Ich weiss nicht wie das bei Euch ist, aber ich würde das vergessen. Ich bin ja meistens im Backend unterwegs und nicht auf Dateiebene.

Lösung per Plugin „Error Log Monitor“

Die Lösung dafür ist ein Plugin: „Error Log Monitor“ von Janis Elsts (https://de.wordpress.org/plugins/error-log-monitor/). Nach der Installation und Aktivierung, mochte es mich für Newsletter und Tracking gewinnen, was ich mit „Skip“ überspringen kann, oder per „Allow & Continue“ erlaube.

Danach befinden wir uns in der Liste der aktivierten Plugins und werden oben aber darauf hingewiesen, dass wir das Error Log Monitor Plugin noch konfigurieren müssen. Um es einfach zu haben, hier auf „Use Recommended Settings“ drücken. (Über „Manual Configuration“ gibt es mehr Einstellmöglichkeiten. Unter anderem kann man einstellen, wo das Logfile auf dem Server liegen soll. Das ist aus Sicherheitsgründen gar nicht schlecht, ich bleibe hier aber bei der einfachen Lösung. Die Anleitung liefert das Plugin auf englisch mit sobald man auf den Knopf drückt. Und: Falls Ihr jetzt „Recommended“ gedrückt habe und zu „Manual“ wollt: Einfach im Backend noch mal auf den Menüpunkt „Plugins“ klicken)

Etwas Code dann doch

Nach dem Klick auf „Use Recommended Settings“ fordert es den Nutzer auf, ein paar Zeilen Code in die wp-config.php einzutragen und ggf. einen Eintrag anzupassen. Das geht am besten über einen FTP-Zugang. (Web-FTP im Backend des Providers oder z.B. die kostenlose Software „Filezilla“ mit den Zugangsdaten des Providers. (Aus Sicherheitsgründen empfehle ich euch bevor es weitergeht, ein Backup anzulegen – Veränderungen im Dateisystem können euer WordPress lahm legen und wir wollen ja Ausfälle vermeiden. Ein Option ist hier beschrieben: Backup per Updraft Plus)

Seid ihr per FTP eingeloggt, navigiert in das WordPress-Hauptverzeichnis, kopiert euch die wp-config.php auf den lokalen Computer (Bei Filezilla wird die Datei von der Server-Seite auf die andere mit dem lokalen Dateisystem gezogen.) Legt bitte zusätzlich eine Backup-Kopie der wp-config.php an, die unberührt bleibt, sollte was sein (Ausser ihr habt jetzt tatsächlich ein Backup, dann wäre das doppelt 😊). Jetzt öffnet ihr die lokale Datei in einem geeigneten* Editor. 

Bearbeiten der wp-config.php

*Mit „geeignet“ ist keinesfalls Word oder ähnliches gemeint. Gemeint ist ein reiner Text-Editor oder auch ein Code-Editor. Also: MS-Editor (=Notepad unter Windows) oder Textedit (auf Mac). Oder wahlweise als Extraprogramme zum kostenlosen download: BB-Edit (Mac) oder Notepad++ (Windows). Jetzt kopiert Ihr den Code, den das Plugin vorsieht, an das Ende der Datei und speichert die veränderte Datei ab.

Eine Leerzeile darüber ist OK, dann wird es übersichtlicher. Für den Fall dass euch Fehlermeldungen und Warnungen nicht reichen, kann auch noch die Zeile „define( ‚WP_DEBUG‘, false );“ auf define( ‚WP_DEBUG‘, true ); gesetzt werden. Dann wird das Log aber schnell voll. Das macht für mich nur Sinn, wenn ich grade auf der Suche nach einem Fehler bin – für meine Frühwarnfunktion lasse ich das aber aus, also auf „false“. Sonst bekomme ich so viele Meldungen, dass die wirklichen Fehler unter den Meldungen begraben werden, befürchte ich. (Obwohl ich grade sehe, dass bei den Konfigurations-Einstellungen es eine Filteroption gibt, falls ihr die testet, lasst mir einen Kommentar da.)

Bitte keine weiteren Änderungen ohne Knowhow vornehmen – hier reagiert WordPress empfindlich. Danach wird die wp-config.php wieder hochgeladen und damit die bestehende Datei überschrieben und im Plugin (WordPress-Backend) der Vorgang bestätigt. (Button „Done“ anklicken“)

Hat alles geklappt, nimmt das Programm seine Arbeit auf. Es ist gibt jetzt eine neue Anzeige auf der Backend-Seite “Dashboard“ die zunächst leer ist – und idealerweise leer bleibt. Weitere Konfigurationen können über dieses Dashboard-Widget vorgenommen werden. Dazu mit der Maus über die Kopfzeile des Widgets fahren und „Konfigurieren“ anklicken.

Es gibt eine Funktion sich die Einträge über Mail senden zu lassen – die bei mir aber nicht funktioniert.

Meine Erfahrung damit: Es wurde beim Test recht schnell klar, dass das Plugin, das die Mailadresse über das Anmeldeformular für Seminare an die Newsletter-Software weitergibt ein Problem hat. Und das, obwohl alles (noch) sauber ankommt und funktioniert. Um welches Modul es sich handelt, war an dem Pfad zur problematischen Datei zu erkennen der in der Fehlermeldung angegeben ist. Daraufhin habe ich auch gesehen, dass für das Plugin seit 1 Jahr kein Update mehr herausgebracht wurde. Einen Fehlerreport habe ich an den Autor über die Plugin-Support-Seite auf WordPress.org zwar gesendet, dort gibt es aber seit einiger Zeit kaum noch Rückmeldungen. Sprich: Früher oder später muss ich das Plugin ersetzen. Was sich gut trifft, denn ich wollte ja ohnehin ein Veranstaltungsplugin ausprobieren.

Letzte Worte zum Thema „Sicherheit“: Neben diesem Tool gibt es zusätzlich für Sicherheitslücken das sehr gute Sicherheitsplugin „iThemes Security“ das Sicherheitslücken frühzeitig anzeigt und inzwischen auch in der kostenlosen Version einen automatischen Scan auf und 2-Faktor Anmeldung anbietet.

Über mich

Ich bin Günther A. Biebl und gebe WordPress-Seminare und unterstütze Unternehmen dabei Ihre WordPress Webseite selbst zu erstellen und eigenständig zu publizieren. Bei Fragen einfach melden.

Headerbild: von Rudy and Peter Skitterians auf Pixabay

Der Beitrag WordPress Ausfälle vermeiden – ein Frühwarnsystem erschien zuerst auf Collaborato Training.

Meine Meinung – keine Rechtsberatung – ist: Wenn keine persönlichen Daten (dazu gehört die IP-Adresse) der Besucher aufgezeichnet werden und auch kein Cookie gesetzt wird, gibt es hier keine Notwendigkeit per Popup darauf hinzuweisen. Alles was man macht, ist zu zählen wie oft die Webseiten an (anonyme) Besucher ausgeliefert werden.

Bisher habe ich als WordPress Besucherstatistik-Tool Statify empfohlen. Das Plugin ist recht simpel, kann aber auch (zu) wenig. Über das Tool von Verona Labs habe ich auch schon gesprochen – das ist aber etwas zu neugierig. Für den Fall gibt es jetzt Koko Analytics. Die Statistik ist fundierter und man kann auf einzelne Tage herunter brechen. Der Nachteil, wenn man ohne Cookies trackt ist, dass man „wiederkehrende Besucher“ nicht erfassen kann. Das System kann sich ja die Besucher dann nicht merken.

Die Installation und Konfiguration ist supersimpel (Bild unten, klicken vergrößert das Bild):

Oben erstmal die eigenen Nutzerrollen ausschließen. Das ist wichtig, sonst zählt man sich immer selbst mit. Cookies ausschalten, klar. Dann noch Berichtszeitraum einstellen und ab wann gelöscht wird – 30 Monate sollten reichen.

Ab sofort finden sich dann die WordPress Besucherstatistik unter „Einstellungen / Analytics“. Probiert es einfach mal aus. Neben den Überblick über Besucher und Seitenaufrufe gibt es auch eine Übersicht über die Anzahl der einzelnen Seitenaufrufe. Auch die Herkunft der Besucher wird unter „Verweise“ angegeben.

Viel Erfolg!

Headerfoto: Lukas via Pexels

Der Beitrag WordPress Besucherstatistik mit Koko Analytics – ohne Popup und Cookies erschien zuerst auf Collaborato Training.

Vorbereitung für den WordPress Umzug

Es gibt ein paar Sachen, die das Plugin nicht mag. Dazu gehören Dateiennamen die Sonderzeichen und Umlaute enthalten. Das sollte aber sowieso guter Standard sein: Dateinamen können aus Buchstaben und Zahlen bestehen. Zusätzlich gibt es den Unterstrich „_“ und Bindestrich „-“. Ein Punkt trennt den Namen vom Dateityp. Keine Sonderzeichen, Umlaute oder Leerzeichen. 

Jetzt können wir das Plugin installieren und aktivieren. 

WordPress Umzug: Ausführung

Das Plugin legt einen Hauptmenüpunkt im Backend unten links an. Wir starten mit dem Button „Neues erstellen“ rechts.

Der Prozess besteht aus drei Stufen. In der ersten Stufe können wir Änderungen vornehmen oder einfach alles belassen wie es ist. Alles so lassen und auf „Weiter“ drücken wäre mein Tipp.

Danach erfolgt ein Scan. Hier kommt es ggf. zu Warnungen wegen zu großer Dateien oder Dateinamen mit Sonderzeichen / Umlauten. In dem Fall entweder noch mal abbrechen und korrigieren oder die Warnung ignorieren und es probieren. Die Dateigrößenwarnung rührt daher, dass das Tool vermutet, der Provider schafft das Komprimieren der großen Dateinen nicht. Das muss ja nicht stimmen. Aufklappen erklärt mögliche Probleme genauer. Mit „Erstellen“ geht es weiter. Eventuell müsst ihr das ignorieren der Warnungen vorher noch bestätigen.

Jetzt wird das Archiv erstellt und es gibt einen Ladebalken. Etwas Geduld ist angesagt. Nachdem der Prozess fertig ist, bietet es zwei Dateien zum Download an. Eine Archivdatei und ein Installationsprogramm. Beides laden wir jetzt auf unseren Rechner.

WordPress Umzug: Vorbereitung Zielsystem

Beim neuen System benötigen wir Zugang zur Webspace-Verwaltung. Hier kann ich nachsehen oder anpassen mit welchem Unterverzeichnis auf dem Webspace unsere Domain verknüpft ist. Jetzt solltet Ihr noch eine neue Datenbank anlegen – der Menüpunkt könnte auch „MySQL“ heissen. 

Meist werdet Ihr in diesem Dialog gebeten, ein (möglichst komplexes) Passwort zu vergeben. Im Anschluss werden die wichtigen Parameter wie Username, Datenbankname und falls nötig die URL der Datenbank verraten. Diese Angaben benötigt Ihr während der folgenden Installation.  

Falls die FTP-Zugangsdaten unbekannt sind, kann man hier im Provider-Backend jetzt noch die Parameter nachschlagen oder ein neues Passwort oder einen neuen Account anlegen. Das ist wichtig für den nächsten Schritt. Falls euere Domain noch eine Fehlermeldung anzeigt, wenn sie mit der Vorsilbe https:// im Browser aufgerufen wird, ist jetzt die Gelegenheit das entsprechnde SSL-Zertifikat zu aktivieren. Vielleicht müsst ihr das vorher kaufen – das kommt auf eueren Hostingvertrag an.

Besonderheit Providerwechsel

Geht es nicht darum die Domain während des Umzugs zu ändern, sondern soll die Domain vom alten Provider übernommen werden, gibt es einen Zwischenschritt: Zunächst wird die Domain beim alten Provider gekündigt. Das kann man auch „den Auth-Code der Domain anfordern“ nennen. Liegt euch der Auth-Code dann vor, kann die Domain vom neuen Provider übernommen werden. Das führt automatisch zu einer Zwangspause, da der alte Provider meist nicht sofort reagiert und die Übernahme der Domain erst im Internet bekannt gemacht werden muss. Letzteres kann 1-2 Tage dauern. Handelt es sich nicht um eine .de – Domain wird häufig von beiden Parteien per Mail noch eine Zustimmung eingeholt. Ein Hinweis: Denkt an euere Mails, wen Ihr den Provider wechselt. Das Postfach muss beim neuen Provider angelegt werden, die Mails gesichert und das Mailprogramm auf den neuen Provider eingestellt werden. 

Upload auf Zielsystem

Ein FTP-Programm ist eine Software die Dateien von und zum Webserver kopieren kann. Habt ihr keines zur Hand, dann schaut euch das gute und für alle Plattformen kostenlose Filezilla an. Das Programm muss jetzt eine Verbindung zum Webspace aufbauen. Dazu benötigt es Serveradresse, Benutzername und Passwort. Eine kleine Gemeinheit ist, dass es nicht nur reguläres, unverschlüsseltes FTP, sondern auch verschlüsselte Varianten wie SFTP und FTP-SSL gibt. Das sollte der Provider bei der FTP-Accounteinrichtung verraten oder ihr probiert es durch. Möglicherweise müsst Ihr noch den Port mit angeben. Unverschlüsseltes FTP wird schon mal genutzt – Verschlüsselung wäre aber der empfohlene Weg. Euer Coworking- oder WLAN-Cafe Nachbar könnte sonst euere Dateien abgreifen.  Filezilla-Anleitung

Steht die Verbindung, müsst ihr nur noch zum richtigen Serverordner navigieren und in dem Verzeichnis, in das das WordPress später laufen soll die beiden Dateien hochladen. Bei Filezilla geschieht das per „Drag and Drop“. Dateien links anfassen und nach rechts auf den Server „schieben“.

WordPress Installation auf Zielsystem starten

Nach erfolgreichem Upload der Dateien ruft einfach mit dem Webbrowser eure Domain (am besten per HTTPS://) auf und ergänzt die Adresse um „/installer.php“. Zunächst folgt ein einen kurzer Systemtest und die Bestätigung der Lizenzbedingungen mit “Next“. Danach könnt ihr die Datenbank-Parameter aus dem vorhergehenden Schritt eingeben. 

Steht die Datenbankverbindung wird im Schritt 3 noch mal Titel, URL und Installationspfad editierbar angezeigt. Die Angaben sollten aber bereits korrekt sein. Nach drücken auf „Next“ startet die Installation und bestätgt nach ein paar Minuten den erfolgreichen Abschluss. 

Sicherheit: Duplicator löschen

Zur Sicherheit solltet ihr nach dem erfolgreichen WordPress Umzug das Duplicator-Plugin und die Installationsdateien aus dem Webspace löschen. Das muss nicht händisch passieren. Duplicator zeigt genau dafür einen „Admin Login“-Knopf auf der Seite „Installatin fertig“ an. Wenn ihr diesen Knopf jetzt für die Anmeldung klickt, werden die Dateien automatisch gelöscht. Viel Spass mit euerem neuen WordPress 

Fazit

Das Tool hilft mir, die für Kunden gebauten Seiten vom Test-/Staging-Server auf den Liveserver umzuziehen. Ich erspare mir Datenbank-Aktionen mit Suchen und Ersetzen, die immer etwas fehleranfällig sind. Es beschleunigt den Vorgang, weil statt tausender winziger und unkomprimierter Dateien nur eine komprimierte Archivdatei kopiert wird. Das lässt sich viel schneller laden. Und: Wenn man das nicht regelmäßig macht, vereinfacht es den Prozess erheblcih. Einen Nachteil gibt es: Da man die Installation erst aufrufen kann, sobald die Domain auf dem Zielsystem verfügbar ist – Beispiel: Providerwechsel mit Domainübernahme – gibt es einen kurzen Ausfall von ein oder zwei Tagen für die Webseite. Schliesslich kann ich mein WordPress nicht schon vorher vorbereiten, so dass es beim Domainwechsel schon auf dem neuen System vorhanden ist. Das Problem trifft vor allem Seiten, die nicht lange ausfallen dürfen wie gut besuchte Onlineshops oder Seiten, die stark vom erworbenen SEO-Rang leben.

Über mich

Ich bin Günther A. Biebl und gebe WordPress-Seminare und unterstütze Unternehmen dabei Ihre WordPress Webseite selbst zu erstellen und eigenständig zu publizieren. Bei Fragen einfach melden.

Foto im Header: skeeze auf pixabay

Der Beitrag WordPress Webseiten per Plugin umziehen – kostenlos mit Duplicator erschien zuerst auf Collaborato Training.

Updraft Plus ist ein WordPress Plugin und direkt über euer WordPress installierbar. Backups lassen sich nach der Installation mit einem Knopfdruck erstellen und die Konfiguration ist einfach. Alles was Ihr wissen müsst, damit Euch auch nach einem schief gelaufenen Update oder Hackerangriff die gute Laune nicht vergeht erkläre ich Euch hier.

Installation und erstes WordPress Backup

Die Installation erfolgt wie gewohnt über den Menüpunkt „Plugin“ und „Installieren“ im Backend. Sucht nach dem Begriff „UpdraftPlus Backup“. Das richtige Plugin sieht wie im Foto aus. 

Danach „Jetzt Installieren“ anklicken, kurz warten und „Aktivieren“ anklicken.

Das Plugin führt bei der ersten Installation nach einer kurzen Willkommensmeldung mit dem Button „Drücke hier um zu starten“ zum ersten manuellen Backup. Die beiden Haken „Deine Datenbank zur Sicherung hinzufügen“ und „Deine Dateien zur Sicherung hinzufügen“ sind schon angehakt. Jetzt nur noch auf „Jetzt sichern“ klicken und das erste Backup läuft. 

Jetzt einfach kurz warten bis das WordPress Backup fertig ist – dann gratuliert Euch der Assistent zum ersten Backup ?. 

Der Dialog führt Euch weiter zu den Einstellungen mit dem Button „Gehe zu den Einstellungen“. Dabei sind die nächsten beiden Punkte interessant: Datei-Sicherungsplan und Datenbank-Sicherungsplan. Die Anzahl der Backups steht auf 2 das finde ich zu wenig – ich stelle hier mindestens 15 ein – meist ist heute ja noch reichlich Speicherplatz auf dem Webserver vorhanden – und das Intervall stelle ich auf „wöchentlich“ weil bei mir auf der Seite nicht täglich Neues passiert. Das mache ich synchron für „Dateien“ und „Datenbank“ – da ich immer beides benötige, um WordPress wieder vollständig herzustellen.

Konfiguration des WordPress Backups

Der Dialog weist mich noch auf weitere Einstellmöglicheikeiten hin, die aber im Standard schon gut konfiguriert sind. Ausser Ihr hättet etwas, was explizit NICHT gesichert werden soll. Jetzt fehlt nur noch „Änderungen speichern“ und schon ist die Konfiguration abgeschlossen – Jetzt kommt die Werbung – bzw. die kostenpflichtigen „Premium Features“.  Als Beginner mit einer ersten WordPress-Seite benötigt Ihr die nicht unbedingt. Als erstes kommt „Updraft Central“ – falls man mehrere Webseiten betreuet und die Backups zusammenfassen will. Das ist ein externer Dienst auf deren Server. Mit „Weiter“ weisst das Tool jetzt noch auf die Möglichkeit hin, die Dateien extern zu speichern. Allen voran die Premium-Option „Updraft Vault“. Ein externes Backup ist natürlich wünschenswert – lässt sich aber ggf. über Dropbox erreichen oder noch simpler – Ihr ladet es manuell herunter. Das erkläre ich Euch gleich, vorher sehen wir nach Klick auf „Weiter“ noch „Updraft Plus Premium“ und ignorieren das freundlichen Angebot mit dem Button „Fertigstellen“.

Im Backup-Plugin zurechtfinden

Nachdem die Führung beendet ist, seht Ihr das Plugin zum ersten mal „normal“. Wichtig zu wissen, dass Euch der Dialog über die „Reiter“ die Ihr oben seht, geführt hat. Hier kommt Ihr über den Tab „Sicherung / Wiederherstellen“ wieder zum Anfang zurück. Unter „Einstellungen“ finden sich Einstellungen zum Datei- und Datenbank-Sicherungsplan. Das ganze Plugin – wenn Ihr ganz frisch nach dem Backend-Login zugreifen wollt – findet sich etwas versteckt unter dem Menüpunkt „Einstellungen“ und dann „UpdraftPlus Sicherungen.

Backup-Dateien für manuell downloaden

Dazu als erstes auf der ersten Plugin-Seite (Reiter „Sicherung / Wiederherstellen“) bis zur Liste der vorhandenen Backups scrollen und auf die einzelnen Teile der jeweiligen Backups klicken. Die Knöpfe heissen „Datenbank“, „Plugins“, „Themes“, „Uploads“ und „Andere“ . Jedes mal entsteht oberhalb der Buttonliste ein Dialog „Herunterladen db (Datum….)“ und kurz darauf kommt ein Button „Auf deinen Computer herunterladen“ den Ihr noch drücken müsst (zweitens), um den Download zu starten. Bitte nicht ohne Not auf den anderen Button „Vom Webserver löschen“ drücken – dann bleibt die Kopie direkt im Plugin erhalten. Das macht Ihr dann für jeden einzelnen Button. Ist die Website recht umfangreich, kann es sein, das Updraft Plus die Datei in mehrere Pakete verteilt – dann bitte ausnahmslos alle herunterladen.

Bitte überprüft, ob beim zweiten Download auch wirklich ein Download stattfindet. Chrome hat die Eigenart, dass er nur einen Download pro Webseite zulässt. Will man mehr Dateien herunterladen, muss man in der Browser-Adressleiste auf das Icon klicken und mehr Dowloads zulassen. (Foto)

Nach klick auf das markierte Icon öffnet sich dieser Dialog. „…gestatten“ auswählen und mit „Fertig“ bestätigen.

Macht euer Browser die Downloads wie gewünscht, gibt es das Icon gar nicht und Ihr müsst auch nichts machen.

Und: Habt Ihr eine große Seite mit großen Datenmengen, teilt Updraft Plus den Datei-Download in viele kleine Datei-Häppchen auf. Bei großen Installationen kann das viel werden und schlicht nerven.

Im Erstfall: der WordPress Restore aus dem Backup

Ist mit Euerer Webseite etwas schief gelaufen und die Seite „spinnt“ oder der Datenstand ist nicht der richtige und Ihr habt ggf. Daten verloren könnt Ihr jederzeit ein vorhandenes WordPress Backup einspielen. Hinweis: Wenn Ihr nicht sicher seid, ob die Version die zurückgespielt wird besser ist als euere aktuelle, dann bitte zuerst ein Backup von der jetzigen Version machen. Denn, nur dann kommt ihr wieder auf den Stand vor dem Restore zurück. Für das Einspielen eines ältenen Standes einfach den Haken bei der gewünschten Version machen und auf „Wiederherstellen“ drücken und bestätigen

Danach kommt eine Auswahlbox in der ich für ein komplettes Restore alles anklicke: 

Nach Bestätigung mit „Weiter“ kommt in der gerade aktuellen Version einer Warnung die ich ignoriere. Es wurden keine Tabellen beim Backup ausgelassen. Vielleicht hängt der Fehler mit dem kurz vorher durchgeführten WordPress-Update zusammen.

Danach läuft der Restore-Prozesse mit einem Protokoll und zum Schluss ist das System wieder im ursprünglichen Zustand. Jetzt rufe ich einfach meine Domain wieder auf und ich bin wieder auf meiner Webseite im Zustand am Backup-Zeitpunkt.

Wird die Sicherung gar nicht mehr im Plugin angezeigt, könnt Ihr die auf dem lokalen Rechner gespeicherten Dateien hochladen. Das ist besonders wichtig, wenn WordPress nach einem Fehler gar nicht mehr ansprechbar ist. Sollte das der Fall sein und Ihr habt ein aktuelles Backup, dann könnt Ihr WordPress neu installieren, das Plugin installieren und aktivieren. Danach seid Ihr bereit, Euere Backup-Dateien hochzuladen und das Zurückspielen des Backups zu starten.

Nachteile des WordPress Backups Updraft Plus

Ein Nachteil ist, dass es viele Dateien erzeugt die man beim Restore alle wieder zusammenbekommen muss. Ausserdem muss WordPress und das Plugin funktionieren, sonst klappt auch das Einspielen des Backups nicht. Der Vorteil dabei ist aber, dass User die sich vor dem direkten Einspielen der Dateien per FTP und dem Importieren der Datenbank über Oberflächen wie PHPMyAdmin scheuen trotzdem ein Restore hinbekommen können. Ausserdem ist die Konfiguration extrem simpel und bisher hat es mich mit Zuverlässigkeit überzeugt. Etwas lästig sind die Hinweise auf die Premium-Dienste und nicht optimal finde ich, dass so ein wichtiges Plugin seine Oberfläche unter „Enstellungen / Updraft“ versteckt. Kostenpflichtige Dienste wie hier der Domainwechsel – z. B. vom Testserver zum Livebetrieb unter der richtigen Domain gibt es nur mit Aufpreis – oder mit anderen Plugins wie z.B. „Duplicator“ – ein extrem praktisches Plugin über das ich auch einen Artikel plane. 

Vergleich mit BackWPup

Ein anderes gutes Tool ist BackWPUp von Inpsyde GmbH. Es hat viele Einstellmöglichkeiten und das macht es auch schon komplexer alles zu durchschauen. Vorteil hier: Es wird nur eine Datei pro Backup erzeugt. Und: Man kann mehrere Backupjobs parallel konfigurieren – z. B. nur alles aus 2020. Bei größeren Installationen macht das Sinn. 

Letze Worte

Wenn Ihr bis hierher gelesen habt dann gibt es künftig keine Ausrede mehr im Notfall kein Backup euerer Webseite zu haben. Ich empfehle, immer bevor Ihr eines euerer regelmäßigen Updates macht, vorher auf den „Backup erstellen“ Button zu klicken. Ist die Seite in einem Zustand, den Ihr auch länger aufbewahren wollt – z.b. kurz nach dem Relaunch – dann setzt den Haken „Backup behalten“. Dann wird es nicht automatisch gelöscht sondern aufbewahrt. Und: Testet den Restore-Vorgang gelegentlich – einfach um zu prüfen, ob es auch im Notfall klappt.  

Über mich

Ich bin Günther A. Biebl und gebe WordPress-Seminare und unterstütze Unternehmen dabei ihre WordPress Webseite zu erstellen und eigenständig zu publizieren. Bei Fragen einfach melden.

Der Beitrag WordPress Backup einfach und kostenlos einspielen mit Updraft Plus erschien zuerst auf Collaborato Training.

Bei der Keywordanalyse geht es darum, die Strategie für die Webseite festzulegen. Genauer: Mit welchen Keywords wir es auf die vorderen Ränge bei Google schaffen wollen. Die Frage ist also wie hoch wird der Aufwand – also wie stark sind die Mitbewerber und welchen Erfolg versprechen wir uns davon – also wie hoch ist das Suchvolumen.

Auftritt Google Keyword Planner

Wer das alles genau weiss und auch wie genau sich die Reihenfolge der Suchergebnisse errechnet ist natürlich die bei uns in Europa beliebteste Suchmaschine Google. Nur leider wird hier nur von „über 200 Signalen“ gesprochen aber nichts genaues verraten. Auch die eigene Auswertung „Keyword Planner“ ist nur noch von Adwords Kunden nutzbar. (Adwords sind die bezahlten Suchmaschinenanzeigen, die gelegentlich über der Suche erscheinen und per Klick abgerechnet werden.) Also nur sobald man seine Kreditkarte zückt und sich beim Adwords-Programm eine Anzeige zusammenbaut bekommt man diese Infos angezeigt.

Welche Werkzeuge für die Keyword Analyse gibt es noch?

Will man das nicht, wird es schwierig ein gutes Tool zu finden. Viele Werkzeuge sind darauf angelegt, den geneigten SEO-Optimierer in das eigene Premium-Programm zu locken. Das ist klar, denn es erfordert Aufwand die Tools zu entwickeln, zu warten oder auch nur aktuell zu halten. Auch der Server kostet Geld und ist ein Tool zu gut führt das dazu, dass alle gleichzeitig zugreifen wollen und den Server ausbremsen. Sprich: Erfolg bedingt Investitionen in Hardware und Software und die Betreiber wären schlechte Kaufleute, wenn sie nicht versuchen würden aus einem beliebten Tool eine Einnahmequelle zu erschließen.

Auftritt kostenloses Keyword Analyse Tool von Ubersuggest.io

Aus diesem Grund gibt es ein ständiges Kommen und Gehen was solche Tools anbelangt. Für mich als Trainer ist es immer schwierig Einsteigern gleich zum Kauf vom Premium-Tools zu raten ohne zu wissen wo die Reise hingeht – unabhängig davon, ob sie ihr Geld wert sind oder nicht. Bleiben also Tools, die dem Einsteiger wertvolle Tipps geben und dem Profi einen Premiumbereich für seine gehobenen Ansprüche bieten. Auch ubersuggest.io hat eine Historie als einfaches Keyword-Ergänzungstool das nur ausgeworfen hat was Google sowieso beim Eintippen des Keywords + Leerzeichen + ein weiterer Buchstabe als Vorschlag aufklappt. (= Google Suggest) Und das von A-Z – als Liste sortiert. Das sind dann sozusagen die Begriffe die Google schon als relevant mit dem Thema verknüpft bzw. die schon häufig in diesem Zusammenhang gesucht wurden.

Ruft man heute die Domain ubersuggest.io auf landet man automatisch bei https://neilpatel.com/de/ubersuggest/. Und findet dort ein Eingabefeld das Keywords oder ganze Domains verarbeiten kann. Tippt man eine Domain ein, bekommt man eine Übersicht über die geschätzten Zugriffe auf die Domain, die Anzahl der Keywords, Domain Score und die Anzahl der Backlinks. Domain Score ist dabei ein Zahl von 1 – 100 und zeigt welche Autorität die Seite bei Google hat.

Scrollt man etwas nach unten, findet man die beliebtesten Seiten und die wichtigsten Keywords auf der Seite. Über den Bereich im Menüabschnitt „Traffic Analyzer“ können Keywords und Top-Seite auch noch detaillierter betrachtet werden. Da dieses Tool nur die URL erfordert, kann man auch mal versuchen seinen Kollegen oder Mitbewerber zu analysieren. Was wird dort besser gemacht? Was kann man lernen und verbessern?

Keyword Analyse

Gibt man nur ein Keyword ein landet man im Menübereich „Ubersuggest“ und bekommt eine grafische Auswertung über das Suchvolumen. Ausserdem wird angezeigt wie aufwändig die SEO-Optimierung auf dieses Wort / diese Phrase wird und was den Adwords-Werbetreibenden ein Klick auf den Link Wert ist. Das alles gibt einen Überblick, ob es sich lohnt die Seite auf ein Keyword hin zu optimieren.

Hat es ausreichend Suchvolumen? Dann kann man etwas Aufwand hineinstecken. Ist die SEO Difficulty zu hoch? Dann wird das ggf. aufwändig oder scheitern. Was jetzt genau „zu hoch“ ist hängt vom Projekt und den verfügbaren Ressourcen ab. (aka: Zeit & Geld)
In diesem Bereich gibt es auch noch Keyword Ideen und Content Ideen. Ist das Keyword hier zu komplex, kann es sein das nicht allzu viel kommt, dann kann man für diese Analyse ggf. die Keyword Phrase vereinfachen. Vielleicht findet man ja so noch ein besseres Keyword und kommt auf neue Ideen für Blogbeiträge oder Landingpages.

Extras

Die Funktionen werden von einem Seiten-Audit ergänzt der Probleme auf der Webseite anaylsiert und aufzeigt. Sollte man bis hierher noch nichts gefunden haben was man auf seiner Seite verbessern kann, bekommt man jetzt bestimmt ein paar Tipps…
Final gibt es darunter noch eine Übersicht über die Backlinks der Seite. Auch Backlinks mit dem „No Follow“-Attribut werden mit „NF“ markiert. Das sind Backlinks bei denen der Linkgeber Google anweist die Verlinkung nicht zu honorieren. Das kann verschiedene Gründe wie z. B. bezahlte Werbung haben – meist sind es aber Blogkommentare, öffentliche Supportanfragen oder ähnliches. Grund: Der Anbieter will sich davor schützen, dass ein Kommentar / Eintrag nur wegen des Backlinks vorgenommen wird. (Spamschutz)
Weitere Backlinks sowie die Übersicht über eine Seite über eine bestimmte Zeit wird nur freigeschaltet sobald man sich anmeldet.

Fazit

Ich finde das Tool sehr gelungen. Man kann damit wunderbar seine Keywords analysieren und lernt die eigene Seite im Vergleich zum Mitbewerber besser einzuschätzen. Bestimmt gibt es gegen Abogebühr viel bessere Werkzeuge, aber für meine Bedürfnisse reicht das erstmal aus. Ich frage mich allerdings wo für den Betreiber das Geschäftsmodell ist. Nomalerweise sind die SEO-Leute ja sehr geschäftstüchtig. Ich bin gespannt wie sich das Tool weiterentwickelt und ob es uns lange erhalten bleibt. Von mir ein herzliches Dankeschön an die Betreiber.

Über mich

Ich bin Günther A. Biebl und gebe WordPress-Seminare und unterstütze Unternehmen dabei ihre WordPress Webseite zu erstellen und eigenständig zu publizieren. Bei Fragen einfach melden.

*Der Begriff „Keyword Analyse“ statt Keywordanalyse hat mehr Suchvolumen und ist einfacher zu optimieren – deshalb die alternative Schreibweise im Text.

Der Beitrag SEO-Tool Ubersuggest zur kostenlosen Keyword-Analyse erschien zuerst auf Collaborato Training.

Fundstellen:

(a) die knappe Pressemitteilung: https://curia.europa.eu/jcms/upload/docs/application/pdf/2019-10/cp190125de.pdf

(b) das Urteil in voller Länge: http://curia.europa.eu/juris/document/document.jsf?text=&docid=218462&pageIndex=0&doclang=de&mode=req&dir=&occ=first&part=1&cid=1436279

(c) Zusammenfassung bei Heise: https://www.heise.de/newsticker/meldung/EuGH-Keine-Cookies-ohne-Zustimmung-4543630.html

(d) Etwas ausführlicher bei Golem: https://www.golem.de/news/eugh-urteil-jeder-cookie-erfordert-einwilligung-der-nutzer-1910-144187.html

(e) Am ausführlichsten bei Spiegel Online mit Stellungnahme von Bitkom: https://www.spiegel.de/netzwelt/netzpolitik/europaeischer-gerichtshof-cookies-brauchen-aktive-einwilligung-des-nutzers-a-1289439.html

Aussagen des EuGH:

Ohne übertrieben komplizierten Begründungsaufwand verweist das Gericht mehr oder weniger klar auf nachvollziehbare Sprache der einschlägigen EU-Normen. Und kommt zu folgenden fünf Ergebnissen:

(1) Cookies: Für alle Cookies (die nicht unter die enge Ausnahme nach Art. 5 Abs. 3 Satz 2 der ePrivacy-Richtlinie in der Fassung von 2009 fallen) muss eine aktive Einwilligung über ein Opt-in erfolgen. Sprich: Das Zustimmungshäkchen darf nicht schon vorab gesetzt sein.

(2) Voraussetzung für eine wirksame Einwilligung ist eine klare Information darüber, in was man einwilligt.

(3) Die Cookie-Vorschrift gilt sowohl für Cookies, die personenbezogene Daten speichern, wie für solche, die nur nicht-personenbezogene Daten erfassen. Also für alle Cookies (die nicht unter die enge Ausnahme nach Art. 5 Abs. 3 Satz 2 der ePrivacy-Richtlinie in der Fassung von 2009 fallen).

(4) In den Datenschutzinformationen muss auf jeden Fall auch über die Speicherzeit der Cookies im Browser informiert werden. Und über alle Dritten, an die Daten weitergeleitet werden und deren Verwendungszwecke.

(5) Weil vom deutschen Gericht nicht als Frage vorgelegt, sagt das Urteil ausdrücklich (siehe Randnummer 64) nichts zur Frage, ob ein Angebot (z.B. eine kostenfreie Nutzung einer Website) gekoppelt werden darf an die Einwilligung in ein Cookie (für Werbetracking). Das wird diskutiert unter dem für wirksame Einwilligungen erforderlichem Merkmal „ohne Zwang“ (in der Fachliteratur unter dem Schlagwort „Koppelungsverbot“).

Fazit:

Da viele Besucher der Websites die Einwilligungen nicht erteilen werden, wird sich wahrscheinlich das gesamte System des Onlinemarketings neu aufstellen. Ein Freund von mir bei Teads (einem großen Dienstleister für Videowerbung) sagte heute Morgen schon: „Zurück in die Online-Steinzeit.“

Handlungsbedarf:

Nach diesem Urteil sind alle einfachen Cookie Banner irrelevant. Zugespitzt formuliert: Man kann Websites auch genauso gut ganz ohne ein Banner betreiben.

(1) Jeder Onlinedienst (Website, App, etc.), der mindestens ein Cookie setzt, muss eine Funktion für Cookie Consent anbieten (das ist deutlich mehr als ein herkömmliches Cookie-Banner). Die Einwilligung muss erfolgt sein, BEVOR der Cookie gesetzt wird.

(2) Jeder Cookie muss mit ausreichenden Informationen in den Datenschutzinfos vorgestellt werden.

(3) Für alle Third Party-Cookies müssen – falls nicht bereits vorliegend – (belastbare) Informationen von deren Anbietern zur Verarbeitung der Daten in deren Bereich eingeholt werden. Nur so kann man diese Angaben in die eigene DS-Info aufnehmen. Sprich: Google, Facebook, Oracle und diverse andere Dienstleister, mit denen man zusammenarbeitet, müssen unter Umständen weitere Informationen zur Verfügung stellen.

Der einfache Weg:

Dies ist die große Stunde der Cookie Consent-Tools. Deren Anbieter sollten die notwendigen Informationen zusammentragen, soweit das noch nicht geschehen ist, und über das Consent-Tool anbieten.

Die Betreiber von Websites müssen dann „nur“ ein leistungsstarkes Consent-Tool in ihre Seiten einbauen.

Und abhängig vom eigenen Geschäftsmodell muss man schauen, wie hart Einbußen dadurch sind, dass bisherige Funktionen zur „zielgruppengerechten“ Ausspielung von Inhalten und Kampagnen nicht mehr möglich ist.

______________________________

Mark Rüdlin

Rechtsanwalt + Datenschutzbeauftragter 

https://markruedlin.de

Headerbild: Brigitte Tohm/Pexels via Canva

Der Beitrag Gastbeitrag RA Mark Rüdlin: Keine Cookies ohne Einwilligung erschien zuerst auf Collaborato Training.

Inhalt

• Ankunft
• Unbezahlbar und dabei kostenlos
• WordPress Training Team
• Ziel des Teams
• Arbeitsorganisation
• WordPress Theme Review Team
• Kongress WCEU
• Ausblick

Ankunft

Der Kongress war Ende Juni „Estrel“, einem großen Kongress-Hotel in Berlin Neukölln. Viel Glas und relativ schick – sowas hatte ich in der Gegend nicht vermutet – aber das ist eben Berlin. Gegenüber war ein Schrotthändler und auf der anderen Seite waren Schrebergärten – ehemalige Grenze. Trotzdem gab es rund um den Veranstaltungsort schon vor dem Beginn einige „Warm-Up-Treffen“ zu verschiedenen Themen. Neukölln erinnerte mich noch an das „alte Berlin“ – das noch nicht komplett modernisiert war. Trotzdem mit guter Infrastruktur und Kneipendichte.

Unbezahlbar und dabei kostenlos

WordPress ist ja eine Software die von Freiwilligen lebt, die kostenlos Inhalte beisteuern, das ist bekannt. Aber wer sind diese Leute und wie ist das organisiert? Das lässt sich hier leicht herausfinden, denn dafür gibt es den Contributor Day am Tag vor dem Kongress. Hier wurden auf 610 Stück begrenzte aber kostenlose Tickets „verkauft“ und ich war schnell genug, eines zu ergattern. Für den nächsten Schritt – nämlich der Frage: „Wo möchte ich mich einbringen?“ Gibt es einen simplen Selbsttest. Korrektur: den Selbsttest gibt es nicht mehr, hier ist ein allgemeiner Einstieg für Freiwillige: https://make.wordpress.org/ Für mich kamen aus den erhaltenen Empfehlungen die Bereiche „Training“ und „Theme Review“ in die engere Auswahl. Hier die Liste der Teams auf der offiziellen Webseite.

WordPress Training Team

Als ich morgens frühzeitig ankam ging alles recht problemlos. Schnell hatte ich meinen Ausweis mit Namen drauf und war zum ersten mal in den Räumen. Der Contributor Day war ganz am anderen Ende der Kongressfläche auf zwei Stockwerke verteilt. Unten die Programmier- Teams (mit dunklerem Licht, ohne Bühne und Luftballons dafür mit mehr Ruhe) und oben alles andere. Der Raum war voller runder Tische für 6-8 Personen. Je nach erwarteten Teilnehmern waren einer oder mehrere Tische für je ein Team reserviert. Neben einer Übersichtskarte vor dem Raum zur Orientierung waren oben auch noch Schilder an Luftballons befestigt. Für das Training Team gab es zunächst nur einen Tisch – später haben wir uns allerdings noch einen weiteren Tisch dazu geholt um in Ruhe zu arbeiten.

Nachdem sich der Raum und unser Tisch langsam füllte haben wir uns kurz gegenseitig vorgestellt. Durch die Eigenheit des Kongresses waren wir schnell in einer vertrauten Arbeitsatmosphäre und gefühlt beim „Du“. Denn es wurde ohnehin nur Englisch gesprochen und die Wurzeln von WordPress liegen unverkennbar in den USA. Auch die Kleidung war eher leger – ich habe auf dem gesamten Kongress niemanden in Krawatte und Anzug gesehen. Trotzdem gab es einen Team Lead für den Tag – danke für die gute Arbeit an Jesse Owens aus Chicago. Ihn konnten wir mit unseren Fragen löchern.

Ziel des Teams

Das Training Team möchte Schulungsmaterialien zur Verfügung stellen. Jeder kann dort Slides und Trainer-Notizen herunterladen und für ein Seminar einsetzen. Derzeit ist die Seite aber aktuell noch verwaist (inzwischen ist hier schon frischer Inhalt zu finden) und besticht mit einem Eintrag aus 2013. Die Training-Gruppe wird deshalb derzeit auch nicht auf der offiziellen WordPress.org – Seite erwähnt. Aber: Daran wird gearbeitet. Es gibt schon eine neue Webseite im Beta-Stadium, die bald online gehen soll. Auch neue Kursen werden entwickelt. Der Kurs „Geschichte von WordPress“ ist ein interner Leitfaden und wird dann wahrscheinlich einer der ersten sein, die online gehen werden.

Arbeitsorganisation

Vor der Veranstaltung wurden wir schon darauf hingewiesen, welche Accounts wir benötigen werden. Dafür gibt es extra eine Team-Onbording-Seite – die inwzischen offline ist – und jedes Team arbeitet etwas anders. Im wesentlichen ist die Struktur so: Meetings finden wöchentlich per Textchat auf #Slack statt. Daten liegen auf GitHub – das war mir bisher als zentraler Speicher für Programmcode an dem dezentral gearbeitet wird, bekannt. Beim Training-Team wird das auch für Anleitungen und Präsentationen benutzt. So ist sicher gestellt, dass niemand die Arbeit des Kollegen zerstört. Dann gibt es noch Trello – hochtrabend kann man es als „Kanban-Board“ bezeichenen. Faktisch kann man hier Aufgaben von einem Status in den nächsten schieben, kommentieren und Personen zuweisen. Ich verwende das selber gerne für meine Kundenprojekte. So kann ich immer transparent berichten wie hoch die angefallenen Aufwände sind oder welche Schritte noch zu erledigen sind. Zu diesem speziellen WordPress-Training-Bord muss man von der Gruppe allerdings erst eingeladen werden. Dann gibt es noch Zenhub – das ist ein bisschen wie Trello, aber man kann von hier direkt auf die Dateien in GitHub zugreifen. Das erspart den Umweg über Trello. Zenhub ist zwar nicht kostenlos, aber WordPress hat dort einen Account, so dass der einzelne keine eigene Lizenz kaufen muss. 

Für uns waren einige Aufgaben vorbereitet worden, um mit den Abläufen klar zu kommen. Kollege Claus hatte sich mit einem Kollegen einen Kurs zu CSS-Basics für Einsteiger ausgesucht. Dieser war nur als rudimentäre Idee angelegt aber es fehlten noch Struktur, Lerneinheiten, Übungen, Folien und die Hinweise für den Dozenten. Nach einer Weile stellen sie fest, dass es zu viel Material für einen einzelnen Kurs ist. Kein Problem – beim nächsten #Slack-Meeting wurde das Thema diskutiert und eine Aufteilung in mehrere Kurse beschlossen.

Ich hatte um die Abläufe zu lernen mir zunächst eine kleine Aufgabe ausgesucht: Es ging darum den Fehler im Verzeichnispfad einer Kursstruktur zu finden. Dazu musste ich die Aufgabe in Zendesk als meine Aufgabe markieren (lassen) und den entsprechenden Kurs aus Github in mein lokales Verzeichnis laden (auschecken). Nachdem ich den Fehler behoben hatte, konnte ich den Kurs wieder bereitstellen. Dazu werden die Änderungen mit einem „Commit“ von mir bestätigt ein „Pull-Request“ erzeugt um den Code wieder in Github als aktuellen Stand hochzuladen.

Nachdem ich diesen Ablauf einmal durchlaufen hatte, habe ich mich mit einem anderen Kollegen am Kurs mit dem Thema „Google Fonts zu WordPress hinzufügen“ beschäftigt. Zielgruppe: Einsteiger. Aus einer internationalen Sicht mag das in wenigen Stunden erklärt sein. Mit der DSGVO im Nacken wäre es für europäische Nutzer aber meiner Meinung nach fahrlässig nicht auf das dadurch entstehende Datenschutzproblem aufmerksam zu machen. Insofern haben wir unter anderem für den Kurs vorgeschlagen, das Thema mit aufzunehmen und auch auf die Möglichkeit der lokalen Einbindung von Google Fonts hinzuweisen.

Der Einblick in die Arbeitsweise und der Austausch mit den durchwegs netten Kollegen aus USA, Schweiz, Deutschland und Japan im Team haben mir gut gefallen. Auch die Abläufe – die zunächst sehr sperrig wirken – machen Sinn. So professionell, agil und digital arbeiten sonst nur wenige internationale Grosskonzerne. Nur dass es sich hier um eine Freiwilligenorganisation handelt. Auf diese Weise dauert es etwas, bis man sich eingearbeitet hat – aber danach kann man zum Projekt beitragen. Ich selbst habe bisher nur wenig helfen können, mangels Zeit – aber ich will auf jeden Fall den Kontakt halten und in der Zukunft weitere Beiträge leisten.

WordPress Theme Review Team

Gestärkt durch leckeres Fingerfood in der Mittagspause habe ich mir mal das Theme Review Team aus der Nähe angesehen. So ein Wechsel ist für Neueinsteiger auch tatsächlich vorgesehen. Diese Gruppe testet alle von Autoren eingereichten, kostenlosen Themes. Bei Erfolg werden die Themes in das offizielle Verzeichnis eingetragen und sind danach für alle dort und über das WordPress-Backend auffindbar / abrufbar. Ich finde es beruhigend, dass die Themes – wie auch die Plugins – tatsächlich vorher getestet werden.

Im Vorfeld habe ich gelesen, dass es für das Team spezielle Software gibt, um die Themes auf bestimmte Mindestanforderungen zu testen. Mein Ausflug war aber nur von kurzer Dauer, da ich mit den Leuten und den Aufgaben in „meinem“ Training-Team sehr zufrieden war und mich nicht schon wieder in ein neues Team und deren Abläufe einarbeiten wollte.

Kongress WCEU

Der Kongress selbst war dann noch mal erheblich größer. Bei über 2700 Besuchern entstand bei der Registrierung am Morgen nur eine kleine Schlange. Auch sonst war der Ablauf recht reibungslos ohne größere Pannen. Neben den größten Sponsoren Google, WooCommerce und Jetpack gab es noch viele kleinere Sponsoren. Schön war, dass ich z.B. mit dem netten Team von Polylang über ein aktuelles Problem sprechen und lösen konnte. Auch hat mich erstaunt wie groß Yoast – das SEO-Plugin – hier aufgetreten ist. Vielen Dank an alle Sponsoren.

Bei den Veranstaltungen gab drei verschiedene Tracks mit Vorträgen, ein Cafe mit Themen und 3 Workshopbereiche. Daneben wurde auch die Kinderbetreuung mit WordPress-Kurs oder Yoga nicht vergessen. Die Themen gingen von sehr speziellen, techlastigen Themen wie Git-Tools des Team-Kollegen David und dem Entwickeln von Gutenberg-Blöcken über SEO, Preisgestaltung, Design für Non Profit Organistaion bis zu einen Ausblick wohin die Reise gehen wird. Es macht keinen Sinn meine Notizen zu bemühen – ein paar Vorträge gibt es auch auf WordPress TV. Jeder Talk wurde gefilmt, vielleicht kommt also noch mehr hinterher. Einen Vortrag darüber wie man Text für sein Blog schreibt fand ich gut und habe ich Euch hier noch im Video eingebunden.

Für mich war es ein Erlebnis wie nett und hilfsbereit hier die WordPress-„Gemeinde“ zusammenstand. Alle hatten gute Laune und jeder war hilfsbereit, egal ob Kollege, Mitbewerber, Freelancer oder große Agentur. Nach dem Kongress bin ich auf dem aktuellen Stand der WordPress Entwicklungen und haben neue spannende Kontakte geknüpft.

Ausblick

Das nächste WCEU ist in Portugal und ich wäre gerne wieder dabei, Vielleicht klappt es ja? Vorher gibt es ein WordPress-Retreat in Soltau. Vielleicht ist da ja auch was für Euch dabei? Schreibt es gerne in die Kommentare, vielleicht sieht man sich ja dort.

Über mich

Ich bin Günther A. Biebl und gebe WordPress-Seminare und unterstütze Unternehmen dabei ihre WordPress Webseite zu erstellen und eigenständig zu publizieren. Bei Fragen einfach melden.

Der Beitrag WCEU – WordCampEurope 2019 – meine Eindrücke erschien zuerst auf Collaborato Training.

Logo tauschen, kein Problem?

Zuhause habe ich mir den besagten Artikel angesehen und auf einem Testsystem nachgebaut. Also FTP-Programm angeworfen und auf dem Server ein Verzeichnis „polylang“ unterhalb von „wp-content“ erzeugt. Dort hinein eine Datei mit Namen „wpml-config.xml“ und diesem Inhalt dort abgelegt:

<wpml-config>
  <admin-texts>
    <key name='theme_mods_twentytwelve'>
      <key name='header_image' />
    </key>
  </admin-texts>
</wpml-config>

Und tatsächlich: Wenn ich das selbe Theme verwende (Twenty Twelve) und das Headerbild ansprechen möchte klappt das. Easy, dachte ich noch, aber dann kam es anders. Als ich versucht habe das Gelernte auf das Divi Logo anzuwenden ist gar nichts passiert. Es sind einfach keine zusätzlichen Felder unter „Sprachen“/“Zeichenfolgen-Übersetzungen“ aufgetaucht. (zum Glück ist unten rechts auf der Seite ein Zähler, dann sieht man den Misserfolg wenigstens gleich.)

Welcher String war das doch gleich?

Mit den üblichen Methoden wie Browser-Debugger oder studieren des Quellcodes dachte ich, kann ich den richtigen String für die vierte Zeile herausfinden – und die dritte Zeile ist dann einfach „theme_mods_Divi“. Ja, oder? Falsch. Die beiden Werte kommen nicht aus dem HTML oder dem CSS, nein. Die stehen in der Datenbank!

Ab jetzt (vorher auch schon) auf eigene Gefahr, bitte macht ein Backup vorher. Es gibt keinen Grund etwas in der Datenbank zu ändern. Wir lesen nur.

WordPress Datenbank, Divi Optionen

Also schnell den phpMyAdmin angeworfen und die Datenbank untersucht. Das sollte über das Webspace-Verwaltung beim Provider unter „Datenbanken“ zu finden sein.
Es gibt in der Tabelle „wp-options“ tatsächlich einen Eintrag (unter den mehr als 200 Einträgen, nach vorne blättern nicht vergessen) „theme_mods_Divi“. Der enthält aber genau gar nichts was nach „Logo“ klingt. Hier hätte es also im Standard sein sollen, aber wo hat Elegantthemes den Eintrag versteckt?
Mein Trick: Eine Datei mit einem eindeutigen Namen als Logo im Backend unter „Divi“/“Theme-Optionen“ einstellen & speichern. Im nächsten Schritt diesen Dateinamen in der Datenbank suchen. PhpMyAdmin bietet dafür oben den Menüpunkt „Suche“ an. Dateiname einfüllen, unten noch die Tabelle „wp-options“ auswählen und suchen lassen.

Hinweis: Diesen und andere Tipps bekommt Ihr automatisch wenn Ihr meinen Newsletter bestellt.

Gesucht, Gefunden!

Jetzt sollte sich die Suche mit einem Treffer melden. Noch kurz auf „Anzeigen“ klicken und wir haben den ersten gesuchten Wert unter „option_name“ stehen. Im Fall des Divi Themes ist das „et_divi„!

Als nächstes kopieren wir uns den Eintrag des Feldes. Dazu auf den Inhalt unter der Überschrift „option_value“ doppeklicken, den gesamten Inhalt markieren (Strg+a) und kopieren (Strg+c). Dann ESC drücken um dieses Bearbeitungsfenster ohne Bearbeitung zu schließen. (Wichtig!).

Sobald wir den Inhalt der Zwischenablage in einem Editor geladen haben können wir noch mal nach dem Bildnamen suchen und haben einen Treffer. Direkt (zumindest fast) davor in dem unleserlichen Kauderwelsch steht jetzt divi_logo – und das ist der zweite Wert. Heureka.

Gleich klappt das mit dem Divi Logo

Sobald wir jetzt unser beiden Werte in unsere wpml-config.xml auf dem Server wie folgt eingetragen haben, erscheint unter „Sprachen“ / „Zeichenfolgen-Übersetzungen“ ein zusätzlicher Eintrag.

<wpml-config>
  <admin-texts>
    <key name='et_divi'>
      <key name='divi_logo' />
    </key>
  </admin-texts>
</wpml-config>

Das war der schwierige Teil, ab jetzt wird es einfacher: Im WordPress Backend zunächst alle Logos in allen Sprachversionen unter „Medien“ hochladen. Die URL der Logos merken / kopieren. Den Link findet Ihr wenn Ihr nach dem Upload auf das kleine Vorschaubild in der Mediathek klickt. Dort steht er unten rechts unter „Link kopieren“.

Diese Links werden jetzt in die neue Felder unter „Sprachen“ / „Zeichenfolgen-Übersetzungen“ eingetragen (bzw. das Standardlogo das da jetzt drinsteht damit überschrieben.) Jetzt könnt Ihr das Ergebnis testen: Bei jeder Seite und jedem Blogbeitrag wird jetzt das Logo angezeigt, das seiner Spracheinstellung entspricht. (Das findet ihr unten rechts bei den Dokumenteneinstellungen der Seite / des Beitrag, nachdem Polylang installiert und über das Menü „Sprachen“ die benötigten Sprachen angelegt wurden)

Klappt das bei euch auch? Habt ihr Fragen? Hinterlasst mir einfach einen Kommentar. Wenn ich euch bei der Umsetzung für andere Felder oder Themes helfen kann, einfach melden.

Über mich

Ich bin Günther A. Biebl und gebe WordPress-Seminare und unterstütze Unternehmen dabei ihre WordPress Webseite selbst zu erstellen und eigenständig zu publizieren. Bei Fragen einfach melden.

Der Beitrag Logo sprachabhängig austauschen mit Sprachplugin Polylang erschien zuerst auf Collaborato Training.