Ergebnisse NSOC2021 KW14

Technische Optimierung meines Engineering Blogs.

Jedes Projekt muss entweder laufend oder wenigstens regelmäßig verbessert werden, das hängt von der größe und der Art der Webseite ab. Daher optimiere ich meinen Engineering Blog Industrial Engineering Vision und zeige in diesem Artikel die Ergebnisse der ersten Woche von insgesamt 4 Wochen.

Die Aufgaben für die KW14 wurden aus der Analyse und Planung NSOC2021 für die KW14 abgeleitet und hier stelle ich meine Ergebnisse der technischen Optimierung vor.

Übersicht der konkreten Aufgaben:

  • Die technische Analyse hat ergeben, dass der CLS Wert bei ca. 0,051 liegt und was wirklich nicht viel ist, aber auch verbessert werden kann.
  • Theme Wechsel
  • Bilder Spam unterbinden
  • Plugins installieren/deinstallieren
  • Werbe-Boxen in HTML austauschen
  • Themen-Boxen auf der Startseite
  • Umwandlung aller Seiten in Blöcke (Gutenberg Editor)

CLS Wert reduzieren

Vorher:

CLS Wert

Bei genauerer Analyse hat sich gezeigt, dass der CLS Wert durch die Sidebar verursacht wird. Dieser Wert wird sicherlich nicht ohne tiefe Eingriffe in das Theme änderbar sein. Daher habe ich mich aus zeitlichen Gründen dazu entschlossen einfach das Theme zu wechseln.

Nachher:

Nach der Umstellung vom Astra-Theme auf das Kadence-Theme konnte ich nur Verbesserungen bei der Leistung feststellen. Der CLS-Wert ist jetzt bei Null. Vorher war es auch schon sehr gut, aber jetzt ist es sogar noch besser.

Theme Wechsel

Eigentlich bin ich mit dem Astra-Theme sehr zufrieden und hätte das gerne behalten, aber ich möchte auf der anderen Seite auch nicht enorm viel Zeit mit so relativ unwichtigen Aufgaben wie der Optimierung des CLS Wertes verbringen. Ein CLS Wert von 0,051 ist ok, aber da ich den Blog jetzt ausbauen möchte, könnte sich dieser Wert in Zukunft mit anderen Elementen zu einem höheren Wert summieren und dann nicht mehr so ok sein.

Den Theme Wechsel habe ich am Wochenende durchgeführt, weil dann einfach weniger Besucher auf der Webseite unterwegs sind. Ich habe mich für das Kadence Theme entschieden und auch das Plugin Kadence Blocks installiert. Mehr zu dem Plugin gibt es weiter unten.

Bilder Spam unterbinden

Der Spam auf meine selbst erstellten Bilder und der damit verbundenen Spam-Links von diesen fremden Webseiten ist aus meiner Sicht ein Problem. Das Problem wurde durch eine simple Backlink-Analyse festgestellt. Es kann auch durch eine Bildersuche festgestellt werden. Die Thematik ist auch als Hotlinking bekannt und erzeugt nicht nur Spam-Links, sondern kann auch die Ressourcen des Servers stark belasten.

Plugin-Lösung: Ich habe das Plugin All In One WP Security installiert und hoffe es damit in den Griff zu kriegen.

Prüfung: Mit diesem Tool auf altlab.com habe ich geprüft ob der Hotlinking-Schutz funktioniert. Dazu wird die URL des Bildes dort einfach eingefügt und geprüft. Die getesteten Bilder werden nicht aufgerufen und damit sollte das Thema eigentlich abgehakt sein. Aber nach einer erneuten Backlink-Prüfung habe ich einige Spam-Links verfolgt und festgestellt, dass meine Bilder immernoch dort angezeigt werden.

Aus zeitlichen Gründen werde ich das Thema in ein paar Wochen wieder angehen, da ich mir vorstellen kann, dass es aus technischen Gründen zu Verzögerungen kommen kann und das Plugin so funktioniert wie es soll. Es kann aber auch sein, dass ich die Einstellungen im Plugin nicht vollständig korrekt gewählt habe.

Plugins installieren/deinstallieren

Plugins installieren

Cachify: Ich habe dieses Plugin wieder installiert, weil ich durch WP Fastest Cache keine wesentlichen Vorteile gesehen habe.

Kadence Blocks: Dieses Plugin ist aus dem selben Haus wie das Kadence Theme. Es bietet sehr viele Möglichkeiten und macht aus meiner Sicht in Verbindung mit dem Gutenberg-Editor die Pagebuilder überflüssig.

Plugins deinstallieren

Classic Editor: Der Classic Editor stellt die alte „klassische“ Ansicht beim Erstellen von Beiträgen oder Seiten wieder her. Wer nicht mit dem neuen Gutenberg-Editor arbeiten möchte, sollte sich dieses Plugin installieren. Der Support läuft laut Plugin-Seite noch bis mindestens 2022. Das Plugin läuft zwar noch sehr lange, aber es hat im Grunde schon ein Enddatum, daher habe ich mich entschlossen komplett auf den Gutenberg-Editor umzustellen. Dieses Plugin hat seine Aufgabe damals sehr gut erfüllt, aber nun ist es an der Zeit es aufzugeben. Mittlerweile finde ich den Gutenberg-Editor auch ziemlich gut, da ich damit viele meiner Wünsche umsetzen kann, die mit dem klassischen Editor nicht möglich wären.

WP Fastest Cache: Dieses Plugin wurde wieder entfernt und durch Cachify ersetzt.

Better Search Replace: Dieses Plugin war noch vorhanden und da es gerade nicht gebraucht wird, habe ich es entfernt. Es ist ein sehr nützliches Plugin, aber nur für einmalige Aufgaben und daher habe ich es gelöscht.

Insgesamt wurden 12 Plugins deinstalliert. Viele Plugins wurden nur zu Testzwecken installiert aber nicht genutzt und daher können sie auch wieder weg.

Werbe-Boxen in HTML austauschen

Hier zeige ich wie die Werbung auf meinem Blog vorher ausgesehen hat und nun aussieht. Ich möchte keine aufdringliche oder störende Werbung auf meinem Blog haben und daher nutze ich hier nur Text-Affiliate Links und das eine oder andere Foto mit Affiliate Link, das ich selbst gemacht habe, wie weiter unten zu sehen ist. Die Werbung füge ich mit dem Plugin WPAds ein. Für dieses Plugin gibt es zwar schon einen Nachfolger (Advanced Ads), aber ich finde dieses sehr gut und es erfüllt seinen Zweck.

Vorher: Alte Werbe Box

Alte Werbe Box

Die alte Werbe Box hat einen Rahmen bekommen, um es auch von dem Inhalt abzugrenzen und zu zeigen, dass es nicht direkt zum Inhalt gehört. Ein Rahmen suggeriert oft auch, dass jetzt Werbung folgt. Der Rahmen wirkt wohl wie ein Filter für die Leser und daher wird der Affiliate-Link nicht mehr so oft angeklickt.

Folge: Die Affiliate Einnahmen sind gesunken.

Nachher: Affilate Link ohne Rahmen

Affiliate Link ohne Rahmen

Die neue Werbung besteht im Grunde nur noch aus einem kurzen Absatz und einem Affiliate Link. So ähnlich war es auch vor der Einführung der Werbe Box mit dem Rahmen. Ich möchte das jetzt ein paar Monate testen und dann schaue ich ob ich das so behalte oder wieder ändere.

Teilweise wurden die alten Werbe Boxen schon im März geändert und ein leichter Anstieg der Einnahmen konnte verzeichnet werden, allerdings kann das auch mit dem Semesteranfang zusammenhängen, da viele meiner Leser Studenten sind.

Themen-Boxen auf der Startseite

Auf der Startseite habe ich einheitliche Themen-Boxen eingefügt, damit die Leser schneller finden was sie suchen wenn sie die Startseite besuchen. Wenn das gut funktioniert werde ich das in Zukunft sicherlich auch auf einer weiteren Webseite anwenden.

Umwandlung aller Seiten in Blöcke

Bei der Umstellung vom klassischen Editor auf den Gutenberg-Editor ist die Umwandlung der bestehenden Seiten nicht notwendig, aber ich möchte es einheitlich haben und habe daher alles umgestellt. Jede einzelne Seite wurde dazu geöffnet und in Blöcke umgewandelt. Das hat zwar sehr lange gedauert, aber dafür ist auch das nun auf dem neuesten Stand.

Fazit

Wie viel Zeit genau ich bis jetzt aufgewendet habe, kann ich eigentlich nicht sagen, da ich immer nur nebenbei und an verschiedenen Tagen daran gearbeitet habe. Ich schätze aber, dass es 5-6 Stunden geworden sind. Dieser Artikel hier nicht mit gerechnet.

Zu einem späteren Zeitpunkt werde ich mir noch einmal das Thema Spam vornehmen, weil mich das wirklich stört. Sicherlich werde ich später auch noch an den Affiliate Links optimieren, da das etwas Zeit braucht, um hier zu erkennen ob die Maßnahmen wirklich zu einer Verbesserung geführt haben.

Der Theme-Wechsel war erstmal nicht geplant, aber ich bin mit der Umsetzung insgesamt zufrieden und werde mich jetzt auf die inhaltliche Optimierung in der KW 15 vorbereiten.

Ähnliche Beiträge