Performance Tuning in Joomla Teil 5: Qualität der Inhalte

Hast du jemals geglaubt, dass es keine Magie ist, wenn körperlose Daten mit Hilfe von Lasern und elektromagnetischen Feldern über den ganzen Globus hinweg auf deinen Denkapparat übertragen werden, der von Blitzen angetrieben wird, so dass er ein paar Kritzeleien auf ein Stück Glas zaubert, die dich lebhaft halluzinieren lassen, was ich denke?

Nun, Leute, lasst uns über die Quelle dieser Halluzinationen sprechen, das, was wir Inhalt nennen.

Das Internet ist praktische moderne Magie, die dazu dient, unsere Gedanken an Menschen weiterzugeben, die wir möglicherweise nie getroffen haben und mit denen wir nie sprechen würden. In diesem Sinne sind Websites Kommunikationsmittel. Suchmaschinenoptimierung (SEO) ist ein Mittel zum Zweck, kein eigenständiges Ziel. Bei SEO geht es darum, dass mehr Menschen unsere Gedanken finden können.

 Dies ist eine Übersetzung des Artikels «Joomla 4 Performance Tuning Part V- Content Quality» von Nicholas Dionysopoulos aus dem Joomla! Community Magazine 09/22 (Link zum Original)

Lass uns darüber sprechen, was wir tun und vor allem nicht tun sollten, damit unsere Inhalte für unsere Leser, für uns selbst und für die magischen Denkapparate, die unsere Worte abwägen und entscheiden, welche Gehirne sie infizieren sollen, Sinn machen.

Lange Beträge aufsplitten

Ich weiss, dass ich mich schuldig gemacht habe, sehr lange Inhalte zu schreiben. Meine Artikel umfassen in der Regel einige tausend Worte. Ab einem bestimmten Punkt werden sie sowohl für Menschen als auch für Maschinen, die sie lesen, zu anstrengend.

Wenn deine Artikel länger als ein paar Absätze sind, hilft es, sie mit Überschriften zu versehen. Überschriften dienen als Anker für den Leser, sowohl für den ersten als auch für den wiederkehrenden Leser. Apropos Anker: Wenn du in der Lage sein willst, auf bestimmte Überschriften zu verlinken, denke daran, ihnen id-Attribute zu geben. Ich gebe zu, dass ich das in Artikeln nicht oft mache. Bei der Erstellung von Dokumentationen mache ich das aber.

Überschriften bringen dich nur ein paar Schritte weiter. Sobald der Beitrag ein paar Druckseiten lang ist, wird der Inhalt zu lang für einen Menschen. Am besten ist es, den Inhalt in logische Gruppen von Überschriften aufzuteilen und jede dieser Gruppen auf eine neue Seite zu setzen.

Du musst und solltest nicht für jede Seite einen neuen Beitrag erstellen! Joomla hat eine eingebaute Funktion zur Paginierung von Beiträagen. Benutze die Schaltfläche Seitenumbruch-Editor, um deine logischen Seiten zu trennen. Joomla zeigt oben auf jeder Seite ein Inhaltsverzeichnis und Links zur vorherigen und nächsten Seite in deinem Beitrag.

Halte die DOM-Grösse in Schach

Deine gesamte Website und dein Inhalt werden als HTML an den Browser geliefert. HTML ist strukturierter Text. Jedes Tag erzeugt einen Knoten im Document Object Model (DOM)-Baum, der internen Darstellung des geparsten HTML im Speicher deines Browsers. OK, technisch gesehen ist es komplizierter als das, aber für den Anfang ist das eine gute Annäherung.

Ein sehr grosser oder übermässig verschachtelter DOM-Baum führt zu Problemen beim Rendern deiner Website. Der Browser wird mehr Aufwand betreiben müssen, um die Seite darzustellen. Bei Interaktionen mit der Seite muss der Browser eine sehr grosse Anzahl von DOM-Knoten neu berechnen. Die Seiten lassen sich nur langsam laden, anzeigen, scrollen, zum interagieren und verbrauchen dabei viel mehr Energie. Wenn deine Inhalte (was wahrscheinlich ist) von 9 von 10 Personen auf einem mobilen, leistungsschwachen Gerät konsumiert werden, solltest du dies berücksichtigen.

Du kannst die DOM-Grösse auf mindestens zwei Arten verringern. Erstens: Teile lange Beiträge wie oben beschrieben in Seiten auf. Zweitens: Achte auf dein HTML! Verwende keine Inline-Styles, sondern Klassen. Wahrscheinlich sind deine Inline-Styles etwas, das du sowieso immer wieder verwenden wirst und das als CSS-Klasse ohnehin besser funktioniert. Füge Inhalte nicht direkt aus Word oder einer anderen Website ein. Es ist besser, Inhalte als reinen Text einzufügen und etwas mehr Zeit für die Neuformatierung des Inhalts aufzuwenden, als mit einem Rattennest von Tags und unsinnigen CSS-Klassen zu enden.

Was die DOM-Verschachtelung angeht, so fängt das schon bei deinem Template an. Versuche, deine Templates vernünftig zu organisieren, ohne zu viele verschachtelte Tags. Das kann deine CSS-Kenntnisse ein wenig überfordern. Ich sollte es wissen. Ich bin nicht gerade eine führende Autorität, wenn es darum geht, eine Seitenstruktur in CSS aus dem Nichts zu schaffen. Immer wenn ich etwas tun musste, für das ich normalerweise ein halbes Dutzend verschachtelter CSS-Tags verwenden müsste, habe ich meine Frau gefragt, und sie hatte eine Lösung parat, die zunächst wie dunkle Magie aussah, aber nachdem ich sie in ihre Bestandteile zerlegt hatte, ergab sie sehr viel Sinn. Flexbox und CSS Grid sind deine Freunde, wenn es darum geht, leistungsstarke Layouts zu erstellen, die für den Browser und Sie selbst leicht zu verstehen sind. Diese Dinge sind magisch. Wenn du keine Lust hast, CSS von Grund auf neu zu schreiben, kannst du Bootstrap 5 (wird mit Joomla 4 ausgeliefert) verwenden, das im Gegensatz zu seinen Vorgängerversionen einen etwas freundlicheren Wrapper um Flexbox herum darstellt.

Hey, Puristen: Ich weiss, dass Bootstrap 5 ist schwer, blah blah blah. Bitte denke daran, dass die meisten Leute, die diesen Artikel lesen, versuchen, Websites mit einem winzigen Team, mit unmöglichen Fristen und kleinsten Budgets zu erstellen. Ein Verlust von 10 Punkten in Lighthouse ist nicht das Ende der Welt. Eine Website nicht rechtzeitig abzuliefern, könnte es aber sehr wohl sein.

Schreibe in erster Linie für Menschen, nicht für Bots

Viele der Ratschläge, die man zum Schreiben guter Inhalte für das Web findet, konzentrieren sich auf kurzfristige Ziele. In der Regel wird gesagt, wie man Suchmaschinen dazu bringen kann, Inhalte zumindest kurzfristig hoch einzustufen, ohne zu berücksichtigen, wie Menschen das Endergebnis wahrnehmen. Für einige Websites, z. B. für zeitlich begrenzte Marketingkampagnen, ist dies sinnvoll, und wenn man eine solche Website hat, sollten man dies auch weiterhin tun. Für die meisten Websites kann dies jedoch ein kurzsichtiger Ansatz sein.

Suchmaschinen mögen Inhalte hoch einstufen und sie vor mehr Zuschauern platzieren, aber das bedeutet nichts, wenn es nicht zu mehr Besuchern auf deiner Website führt. Ein Mensch, der deine Website schon einmal besucht hat und sie voller Unsinn fand, wird deine wertvollen hochrangigen Suchergebnisse ignorieren, wenn er nach etwas anderem sucht. Menschen erinnern sich eher an schlechte Erfahrungen als an gute. Dies ist ein wesentliches Merkmal der menschlichen Natur, das unsere primitiven Vorfahren am Leben hielt - die Höhle mit dem hungrigen Bären zu meiden war eine wichtige Überlebensstrategie. Ich denke, die Leute halten diesem Projekt immer noch Joomla 1.0 vor - vergiss nicht, dass Joomla in den letzten 15 Jahren weder so ausgesehen noch so funktioniert hat.

Der beste Ansatz für deinen Inhalt ist, ihn so zu schreiben, wie er für dein Zielpublikum am ansprechendsten ist. Meine Inhalte fallen zum Beispiel in zwei grobe Kategorien: technische Anleitungen und Meinungsartikel wie dieser hier. Sie haben unterschiedliche Zielgruppen mit unterschiedlichen Bedürfnissen und Erwartungen. Meine technischen Artikel konzentrieren sich auf das, was du tun musst, mit einer kurzen Beschreibung des Warum und einer längeren Erklärung des Wie, die klar als solche gekennzeichnet ist. Sie sind in der Reihenfolge aufgebaut, in der du die Dinge tun musst. Es wird auf Warnungen hingewiesen. Zahlreiche Überschriften helfen dir, dich zurechtzufinden, wenn du dich verlaufen hast. Der Text ist trocken, technisch und auf den Punkt gebracht. Nun, meistens jedenfalls.

Bei meinen Meinungsbeiträgen ist das anders. Mein Einleitungstext beginnt mit einem kurzen Aufhänger, der sich für eine gute Zusammenfassung unter der Linkkarte eignet, wenn er in den sozialen Medien geteilt wird. Aus demselben Grund verwende ich auffällige Bilder. Im vollständigen Text leite ich mit einem Absatz ein, der die Erwartungen und den Ton angibt. Du kannst es ruhig zugeben: Mein übertriebener Absatz darüber, wie das Internet funktioniert, hat dich dazu gebracht, diesen Beitrag zu klicken und zu lesen. Ich versuche, eine zusammenhängende Geschichte zu erzählen, wobei jeder Abschnitt auf dem aufbaut, was ich bereits behandelt habe. Ich schliesse mit einem abschliessenden Absatz, der den Leser behutsam ins Hier und Jetzt zurückführt und ihn dazu anregt, weiter über meinen Inhalt nachzudenken. Der Inhalt selbst ist in demselben informellen Ton geschrieben, den ich auch bei einer Präsentation verwenden würde.

Finde heraus, welche Erwartungen dein Publikum hat, und passe deinen Ihren Tonfall und die Struktur des Inhalts so an, dass er es anspricht. Vermeide das, was man am ehesten als "hölzerne Sprache" bezeichnen könnte, d. h. übermässige Formalität - es sei denn, du bist Anwalt oder schreibst eine Pressemitteilung für den Premierminister, in diesem Fall lässt sich das nicht vermeiden. Am anderen Ende des Spektrums solltest du übermässigen Jargon, Slang und Umgangssprache vermeiden, es sei denn, dein Publikum erwartet ausdrücklich diese Art von Inhalt. Vermeide Verbalismus; deine Gelehrsamkeit wird nicht in Frage gestellt, wenn du Inhalte für das Web schreiben. Ich verstehe die Ironie, wenn ich dich auffordere, keine grossen Worte zu benutzen, indem ich grosse Worte benutze; das war Absicht und zeigt, wie unpassende Inhalte Ihre Leser innehalten lassen können. Und schliesslich solltest du "Fluff" vermeiden, d. h. etwas Einfaches mit zu vielen Worten sagen. Wenn sich dein Inhalt liest, als hätte ihn ein gelangweilter Student geschrieben, der versucht, ein Wortlimit einzuhalten, verlierst du sofort an Glaubwürdigkeit.

Rechtschreib- und Grammatikprüfung

Überprüfe deine Inhalte immer auf Rechtschreib- und Grammatikfehler. Niemand erwartet von dir, dass du auf dem Niveau eines Linguisten bist, es sei denn, du bist einer, aber bemühe dich, eklatante Fehler zu vermeiden.

Die meisten modernen Browser und Betriebssysteme verfügen über integrierte Wörterbücher und Rechtschreibprüfungen. Ich verwende Safari, um diesen Inhalt zu schreiben. Um meinen Inhalt auf Rechtschreibung und Grammatik zu überprüfen, brauche ich nur mit der rechten Maustaste auf den Inhalt zu klicken und dann auf Rechtschreibung und Grammatik zu klicken, um meine Fehler zu erkennen und Empfehlungen einzuholen.

Darüber hinaus kannst du Drittanbieter-Ressourcen wie Duden und Open Thesaurus nutzen, um deine Texte zu verbessern. Du kannst auch versuchen, eine Amerikanerin zu heiraten, die es mit der Grammatik genau nimmt, so wie ich es getan habe, aber Ressourcen von Drittanbietern sind höchstwahrscheinlich viel praktischer. (Hey, Crystal, wenn du diesen Inhalt liest, gib mir bitte keine schlechte Note).

Unterbrechungen minimieren

Neben dem Ton und der Struktur deines Inhalts solltest du unnötige Unterbrechungen des Leseflusses der Besucher vermeiden. Füge keine Werbung in deinen Inhalt ein. Wenn du es doch tun musst, beschränke sie auf ein Minimum und kennzeichne sie deutlich mit subtilen visuellen Hinweisen (z. B. durch einen undurchsichtigen Hintergrund oder einen leichten Rand). Vermeide grosse, sich bewegende, blinkende, ins Auge fallende oder Popup-, Popover- und Popunder-Anzeigen. Sie sind extrem unfreundlich für Menschen mit kognitiven Behinderungen, Epilepsie oder ADHS, wie ich es bin. Ich verwende einen aggressiven Werbeblocker, weil diese Art von Werbung es mir unmöglich macht, mich auf den Inhalt zu konzentrieren. Verwende keine Werbung, die wie ein Teil deines Inhalts oder deiner Website aussieht. Sie verwirren deine Besucher und sie werden wahrscheinlich die Registerkarte schliessen, weil dein Inhalt plötzlich keinen Sinn mehr ergibt. Verwende keine Werbung, die auf magische Weise erscheint, wenn man die Seite scrollt. Sie unterbrechen den Lesefluss und lösen eine Fluchtreaktion aus. Bei allem, was dir lieb und teuer ist: Verknüpfe unter keinen Umständen beliebige Wörter mit Werbung. Wenn die Leute einen Link sehen, erwarten sie etwas Nützliches, keinen völligen Unsinn.

Verwenden keine automatisch abspielenden Videos, es sei denn, dein Inhalt besteht nur aus Videos, die deutlich als solche gekennzeichnet sind, und deine Nutzer erwarten, dass sie abgespielt werden. Viele von uns haben kleine Kinder, die schlafen wollen, und wir sitzen am Telefon, während sie sich schlafen legen - ein Prozess, der regelmässig über eine Stunde dauern kann. Die automatische Wiedergabe von Videos kann dazu führen, dass unsere Telefone anfangen vor sich hin zu quaken und das Kind aufwecken. Die meisten Eltern empfinden dies als sehr bedenklich, und zwar so sehr, dass es für ihre körperliche Sicherheit sehr schädlich wäre, wenn sie sich im selben Raum wie ihr Kind aufhalten würden, sobald sie sich als Quelle des automatisch abspielenden Videos zu erkennen geben. Ähnliche Reaktionen treten auf, wenn unser Partner schläft, wir im Büro sind, am Bahnhof (dito) und so weiter und so fort. Selbst wenn wir allein sind, sind diese automatisch abspielenden Videos unerwartet, überraschend und ärgerlich und führen dazu, dass wir deine Website nie wieder besuchen wollen.

Bitte übertreibe es auch nicht mit Popups und Popovers. Ich will deine Cookies nicht, ein Punkt, über den ich bereits gesprochen habe. Ich möchte mich nicht für deinen Newsletter anmelden, wir haben uns gerade erst kennen gelernt. Der Rabatt, den du mir vor die Nase hältst, ist mir egal; ich habe Ihre Produktbeschreibung noch nicht gelesen, ich werde dein Produkt nicht einfach kaufen, nur weil du mir mit einem 5%igen Rabatt vor der Nase herumwedelst - ganz zu schweigen davon, dass du gerade zugegeben hast, dass du deine eigenen Produkte für überteuert hältst. Nein, du dürfen mich nicht sperren, weil ich von der Europäischen Union aus auf deine Website zugreife, du interpretierst die DVGO falsch. Oh, verdammt noch mal, ich werde meinen Werbeblocker nicht deaktivieren, um deine Inhalte zu lesen; deine blinkende Werbung, die es mir unmöglich macht, auf deine Inhalte zuzugreifen, ist der Grund, warum ich ihn überhaupt benutze. STOP. MIT. DEN. POPUPS. Argh! *schliesst die Registerkarte in Verzweiflung* Das ist meine typische Erfahrung beim Besuch einer Website heutzutage. Die meisten Menschen verabscheuen diese Art von Websites und haben für ihre Entwickler nur gute Worte übrig. Du erweist deinem Publikum und damit auch dir selbst einen Bärendienst.

Kurz gesagt, beschränke unnötige Ablenkungen auf ein absolutes Minimum. Dein Publikum wird eine weitgehend ablenkungsfreie Erfahrung zu schätzen wissen. Schalte subtile Werbung, wenn du damit deine Rechnungen bezahlen kannst. Bieten deinen Newsletter als Sidebar-Aktion oder als Inline-Werbung gegen Ende deines Inhalts an - wenn er mir gefällt, dann, ja, dann abonniere ich vielleicht sogar deinen Newsletter, um mehr davon zu bekommen. Schon komisch, wie positiv die Vorverurteilung von mir funktioniert! Zeige mir den Erstkundenrabatt, wenn ich auf die Produktkaufseite gehe, nicht auf die Produktbeschreibungsseite. Ich werde es zu schätzen wissen, vor allem, wenn es sich um eine Schaltfläche handelt, mit der ich ihn anwenden kann, anstatt zu versuchen, einen Code auf meinem Smartphone zu kopieren, was immer dazu führt, dass ich ihn aus den Augen verliere. Respektiere meine Privatsphäre und meine Entscheidung, einen Werbeblocker zu verwenden. Wenn du meinen Zugang zu der Menge an Inhalten, die ich konsumieren kann, einschränken musst, dann tu das; die New York Times macht dies und ich besuche ihre Website trotzdem.

Mache deine Inhalte trotzdem bot-freundlich

Qualitativ hochwertige Inhalte, die von Menschen auf einer schnell ladenden Website genossen werden können, werden in Suchmaschinen sehr gut bewertet. Die Wahrscheinlichkeit, dass deine Besucher diese Inhalte weitergeben, ist sehr viel grösser, was zu noch mehr eingehenden Links für dich führt, was die Platzierung weiter verbessert. Es ist, als ob die Suchmaschinen versuchen, den Nutzern die relevantesten, leserfreundlichsten Inhalte zu zeigen, die für ihre Suchanfrage relevant sind...

Sarkasmus beiseite, es gibt ein paar Dinge, die du tun kannst, um Suchmaschinen und Social-Media-Plattformen zu helfen, deine Inhalte zu verdauen und zu verstehen: microdata. Dabei handelt es sich um zusätzliche Attribute in deinem HTML-Inhalt, die Maschinen Hinweise auf die Art Ihres Inhalts geben und weiteren Kontext liefern. So kannst du beispielsweise den Maschinen, die deine Inhalte aufnehmen, mitteilen, wer der Autor ist, wann er erstellt und zuletzt geändert wurde, über welche Art von Produkt du sprichst und wo man weitere Informationen darüber finden kann und so weiter und so fort.

Joomla verfügt über integrierte Unterstützung für Mikrodaten unter Verwendung der Schema.org-Sprache. Sie erschien erstmals 2013 als Core-Bibliothek zur Verwendung durch Plugins von Drittanbietern und wurde um 2017 vollständig in die HTML-Ausgabe der Kernkomponenten integriert. Wenn du ein Drittanbieter-Plugin hast, solltest du prüfen, ob dessen Vorlagenüberschreibungen Microdata enthalten. Alles, was du auf der Registerkarte Veröffentlichung sehen kannst, wenn du einen Beitrag bearbeiten, wird Teil der Mikrodaten.

Apropos Veröffentlichung: Vergiss nicht, die Informationen für deine Inhalte dort einzutragen. Die Meta-Schlüsselwörter sind nicht mehr die einzigen Hinweise für eine Suchmaschine, aber sie helfen dir bei der Disambiguierung, wenn du dir über den Kontext deines Inhalts nicht ganz sicher bist. Die Meta-Beschreibung wird nur noch selten, wenn überhaupt, in den Suchergebnissen verwendet, aber viele Websites von Dritten nutzen sie, um eine Zusammenfassung deines Inhalts zu präsentieren, wenn ein Link darauf verweist. Inhaltsrechte sind eine oft vergessene, aber wichtige Information, die Maschinen und Menschen einen Hinweis auf die Lizenzierung deiner Inhalte gibt und darauf, ob sie wiederverwendet werden können.

Deine Links zu externen Ressourcen sollten ein rel-Attribut haben, das auf [nofollow] gesetzt ist, wenn sie auf etwas verweisen, das du nicht befürwortest oder das kommerzieller Natur ist. Wenn du auf interne Seiten verlinkst, die nicht indiziert werden sollen, wie z. B. eine Einkaufswagen- oder Kassenseite, eine Benutzeroberfläche usw., solltest du das rel-Attribut auf noindex setzen.

Das war's, Leute!

Ich hoffe, dir hat diese Artikelserie genauso viel Spass gemacht wie mir das Schreiben. Wenn ich es richtig gemacht habe, habe ich dir zumindest einen kleinen Anstoss gegeben, mit der Optimierung diner Seiten zu beginnen und dir vielleicht geholfen, etwas Neues zu lernen oder etwas Vergessenes wiederzuentdecken. Viel Spass beim Aufbau deiner Website mit Joomla!

Immer, wenn hier von «ich» die Rede ist, ist selbstverständlich der Autor des Originals des Artikels gemeint.