PWA-Optimierung im Livemodus und CSS-Strukturierung mit KI
Der Live-Test der PWA und die Herausforderungen im Editor
Die Überarbeitung der PWA hat soweit super funktioniert und nun wird sie auch im Livemodus getestet. Es gibt natürlich wieder kleinere Punkte, die einem im Livemodus auffallen und die noch aktualisiert werden müssen. Die Entwicklung steht nie still und wird auch nie fertig sein.
Ein Thema ist zum Beispiel, dass der Editor in meiner PWA immer länger wird, je mehr man schreibt. Das ist auf der einen Seite zwar okay, aber auf der anderen Seite, wenn man einen größeren Text bearbeiten und innerhalb der PWA hin- und her-scrollen möchte, ist es etwas unglücklich. Man muss den gesamten Text erst nach oben scrollen, um Änderungen zu machen, und dann wieder nach unten scrollen. Das ist einfach ungünstig.
Optimierung der Überschriften für Leser und SEO
Was als Weiteres ergänzt werden muss, ist die Thematik der Überschriften. Für den Leser an sich muss eine knackige und schöne Überschrift da sein. Aber für Google selber muss die Seitenüberschrift so angepasst werden, dass sie in den Suchergebnissen noch besser passt und gleichzeitig für den Leser direkt ersichtlich macht, worum es in dem Artikel überhaupt geht.
Interne Verlinkungen und Layout-Überarbeitung mit KI
Die interne Verlinkung funktioniert mittlerweile auch sehr gut und bietet weitere Ausbaumöglichkeiten. Bevor ich mich aber weiter um die PWA kümmere, muss erst mal das Layout der gesamten Seite noch mal überarbeitet werden. Auch das mache ich zusammen mit der KI. Und wie funktioniert das Ganze? Das geht eigentlich relativ einfach: Ich mache Screenshots von den Dingen, die ich geändert haben möchte, gebe meinen Senf dazu und sage, wie was geändert werden soll.
Strukturierung durch eigene CSS-Klassen
Aber auch da gilt: Worauf achtet die KI von alleine nicht? Zum Beispiel auf Themen wie die Übersichtlichkeit durch strukturierte CSS-Klassen. Diese sollten sauber angelegt werden, damit man genau weiß, in welcher Klasse man was ändert. Zum Beispiel möchte ich für die Ansicht der Themenwelten in der Kategorie-Blog-Übersicht eine eigene CSS-Klasse haben. So weiß ich genau, wenn ich in dieser Ansicht etwas ändern möchte, dass es auch nur dort angepasst wird. Auch für die einzelne Artikelansicht möchte ich eine extra CSS-Klasse haben, um gezielte Anpassungen vorzunehmen.
Also, weiter geht’s mit dem lustigen Programmieren!
