Ganzheitlicher Ansatz zur Optimierung einer Joomla 5 Website

Seien wir ehrlich, der Aufbau einer Website im Jahr 2024 ist auf der einen Seite einfacher und leichter als je zuvor ... vor allem mit Lösungen wie Joomla 5 ... aber auf der anderen Seite, sobald du deine schöne Website gebaut hast, ist es schwieriger als je zuvor, sie bekannt zu machen, um qualitativ hochwertige Besucher zu erhalten und Besucher in Kunden zu konvertieren.

Dies ist die Übersetzung der Artikelserie "A holistic approach to optimizing your Joomla 5 Website" aus dem Joomla Community Magazine 10/24, 11/24 und 12/24 von Emmanuel Lemur.
Um zu versuchen, die Dinge zu organisieren, ist dieser Artikel in Kapitel unterteilt (siehe Inhaltsverzeichnis, Anm. Übersetzer). Die 3 Teile des Original dieses Artikels erschienen im JCM October 2024, November 2024 und December 2024

Eine wichtige Methode, um eine Website auf sich aufmerksam zu machen, sie besser einzubeziehen und die Konversionsrate zu erhöhen, ist die Optimierung der Seite, aber im Jahr 2024 geht es beim Optimieren nicht nur um die Verwendung eines hochwertigen Open-Source-CMS wie Joomla oder das Hinzufügen einer Meta-Beschreibung hier und da - es geht um eine ganze Reihe von Dingen.

Schauen wir uns zunächst einmal an, was Optimieren bedeutet: optimal machen, so gut wie möglich machen; den besten oder effektivsten Nutzen daraus ziehen.

In dieser Serie werde ich versuchen, diese Definition zu entmystifizieren und zu beantworten. Ich werde auch versuchen, umfassend zu sein und dabei nicht allzu viele Dinge zu vergessen. Wir werden uns all die verschiedenen Bereiche ansehen, die (meiner Meinung nach) eine moderne Joomla 5 Website aus einer globalen Optimierungsperspektive sein sollte. Es geht darum, die gesamte Website aus einem ganzheitlichen Blickwinkel zu betrachten und zu verstehen, dass Optimierung mehr ist als die Summe ihrer Teile.

Kapitel 1: Hosting als Grundlage

Obwohl es für manche offensichtlich sein mag, gibt es oft Kunden oder Leute, die mit Webdesign zu tun haben und die Bedeutung von Qualitäts-Hosting als Fundament, auf dem ihre Website aufgebaut ist, nicht verstehen oder berücksichtigen... Dabei ist dies mit Sicherheit ein wichtiger Teil (und kann je nach Website ein kritischer Teil sein), um sicherzustellen, dass die eigene Website reibungslos läuft und vollständig optimiert werden kann, um ihren Zweck zu erfüllen, sei es, einen Kunden zum Kauf zu bewegen oder einen guten Eindruck von einer Dienstleistung oder einem Produkt zu vermitteln, das beworben wird...

Hier sind einige Dinge, die heutzutage in Bezug auf Qualitäts-Hosting beachtet werden sollten:

- Hosting-Typ und -Standort - (siehe Abschnitt unten über die verschiedenen Arten von Hosting)
- Moderne Hardware für optimale Leistung
- Genügend RAM, Festplattenspeicher und Bandbreite für den aktuellen und zukünftigen Bedarf der Website
- Unterstützung von mindestens PHP 8.2 und neuer, MySQL 8.0 und neuer oder MariaDB 11.0* (und Serversoftware, die auf dem neuesten Stand gehalten wird)

Unabhängig davon, ob ein Shared Hosting oder eine VPS-Umgebung genutzt wird, ist es natürlich wichtig, dass man über schnelle Prozessoren und genügend Kerne, ausreichenden Arbeitsspeicher und Speicherplatz verfügt, um den Datenverkehr und die Daten der Website zu bewältigen.

Obwohl Cloud Computing heutzutage immer beliebter wird, ist es nicht immer die beste Option im Vergleich zu traditionellen Hosting-Unternehmen - es hängt wirklich davon ab, was der Zweck der Website ist und welcher Kundenkreis angesprochen werden soll. So macht es zum Beispiel wenig Sinn, Cloud Hosting zu nutzen und die Website in mehreren Regionen zu spiegeln, wenn man Dienstleistungen anbietet, die eine physische Präsenz in DACH-Raum erfordern. Bei einem lokalen Hosting-Unternehmen erhältst du eine bessere Leistung, einen besseren Preis und hast ein fixes Budget.

Wenn es um Leistung geht, sollte dein Hoster eine hohe Uptime oder Verfügbarkeit haben, die mindestens 99,99 % betragen sollte. Heutzutage geben leider immer weniger Anbieter ihre Verfügbarkeit an - die Zeiten, in denen Unternehmen 99,999 % oder 99,9999 % Uptime auf ihrer Website als Pluspunkt angaben, sind lange vorbei - und wenn sie es heute tun, sind es 99,9 %, was fast 9 Stunden Ausfallzeit bedeutet - je nachdem, wann diese Ausfallzeiten auftreten und welchen Zweck Ihre Website hat, könnte das problematisch sein.

Neben der richtigen Hardware, die die richtige Technologie unterstützt, ist es wichtig, dass deine Website schnell lädt. Aus Sicht des Hosting-Anbieters bedeutet dies, dass fortschrittliche Caching-Mechanismen (entweder auf der Ebene des Apache-Moduls oder durch Lösungen wie LiteSpeed und andere) sowie der Zugang zu Content Delivery Networks (CDNs) bereitgestellt werden.

Dein Hosting-Provider sollte mindestens über kostenlose Let's Encrypt SSL-Zertifikate für deine Website verfügen (und Optionen für andere, die einfach installiert werden können, sind immer willkommen), über automatische tägliche Backups (idealerweise mit Optionen für Onsite- und Offsite-Backups) sowie über DDoS-Schutz.

Und natürlich ist spezifisches Wissen über Joomla nicht nur auf der Verkaufsseite, sondern auch über den Support-Service sehr hilfreich. Von der Installation bis zum optimierten Betrieb auf dieser Hosting-Plattform (beste PHP-Einstellungen und optimierte Datenbankkonfigurationen) und darüber hinaus darf man vom richtigen Hosting-Partner alles erwarten.

Kapitel 2: Das CMS

Joomla gibt es seit mehr als 19 Jahren und seit den guten alten Tagen von Joomla 1.0 sollte es eine Menge Verbesserungen, Erweiterungen und Optimierungen gegeben haben...

Hier sind einige, die dazu beitragen, eine optimierte Website-Erfahrung zu bieten und die man richtig konfigurieren sollte:

1. Codebase Cleanup wird kontinuierlich optimiert und bereinigt, was die Leistung und Wartbarkeit verbessert.
2. Unterstützung für PHP 8.2, was zu schnelleren Ausführungszeiten und einer verbesserten Gesamtleistung führt.
3. Umstellung auf MySQL 8.0.11+ Kompatibilität, die eine bessere Datenbankleistung und -funktionen ermöglicht.
4. Verbesserte URL-Behandlung und Verbesserungen im Verhalten des abschließenden Schrägstrichs tragen zu einer besseren Suchmaschinenoptimierung bei.
5. Rich Snippets Enhancement im neuen Schema-Plugin-System ermöglicht eine einfachere Konfiguration von strukturierten Daten und verbessert die Sichtbarkeit in den Suchergebnissen.
6. Jooa11y Accessibility Checker Update wurde integriert und verbessert die Erkennung und Korrektur von Zugänglichkeitsproblemen.

Dies sind einige der Optimierungsverbesserungen in Joomla 5, die dazu beitragen, dass deine Website reibungsloser, schneller, besser und...

Die eingebauten Funktionen deines Templates oder Frameworks wie CSS- und/oder Javascript-Minifizierung, Seiten-Caching und andere Optimierungstechniken haben den Vorteil, dass sie eingebaut sind, können aber im Laufe der Zeit eine Menge kontinuierlicher Tests und Anpassungen erfordern. Um das Leben ein wenig zu automatisieren, zu vereinfachen und oft erhebliche Geschwindigkeitsverbesserungen zu erzielen, gibt es einige grossartige Erweiterungen, die man in Betracht ziehen kann: JCH Optimize, Instant Page, JSpeed und Speed Cache. (Anmerkung des Übersetzers: JCH Optimize macht m.E. ab Joomla 4 keinen Sinn mehr.)

Kapitel 3: Framework oder kein Framework

Wenn es um Website-Optimierung und Frameworks geht, gibt es eine weit verbreitete Vorstellung, dass die Verwendung eines Frameworks eine Website verlangsamt oder sich negativ auf deine GTMetrix-, Pagespeed- oder andere Rating-/Benchmark-Ergebnisse auswirkt... (wie aus einer Diskussion hervorgeht, die ich kürzlich gelesen habe):

Aber wie es oft der Fall ist, gibt es mehrere Wege, die nach Rom führen.

Natürlich ist es absolut richtig, deine Joomla 5-Website nur mit dem Core, ein paar Overrides, einer sehr beschränkten Anzahl von Erweiterungen und optimierten Bildern (und ein paar anderen Schritten) zu erstellen, und man wird von Anfang an grossartige und schnelle Ergebnisse erzielen.

Aber wie in einer früheren Serie, die ich für JCM über Templates, Frameworks und mehr (ab Mai 2024) geschrieben habe, besprochen wurde, sind einige moderne Frameworks auch sehr gut geeignet, um dir die Werkzeuge in die Hand zu geben, die du zum Aufbau einer optimierten Website benötigst.

Egal für welchen Weg du dich entscheidst, du kannst wirklich nichts falsch machen wenn du Joomla als CMS-Grundlage verwendest, aber um die besten Ergebnisse zu erhalten wird immer ein gewisses Mass an Befolgen der besten Praktiken vorausgesetzt. Hoffen wir, dass bis du alle Kapitel dieser Serie gelesen hast, zumindest ein paar neue Praktiken hängen bleiben, die du zu deiner Routine hinzufügen kannst.

Kapitel 4 - Der Inhalt ist König

Text

Nun, da du das richtige Hosting hast, eine grossartige moderne Joomla 5.2.x-Installation, und dass du sehr nahe an Joomla 5 Core oder ein grossartiges Framework/Template gegangen bist, gibt es einige Dinge zu tun, um sicherzustellen, dass deine Website das Niveau der Grossartigkeit erreicht, das du suchen.... du musst deinen Inhalt mit qualitativ hochwertigen Inhalten (Text und Bilder) füllen und das bedeutet nicht nur den richtigen Inhalt für das, was du versruchst zu erklären, zu fördern, zu vermarkten oder zu beizubringen, sondern stelle sicher, dass bestimmte Dinge nicht an der Seite gelassen werden...

Verwende qualitativ hochwertige, ansprechende Texte, die Ihr Publikum ansprechen (lasse dich sich nicht dazu verleiten, KI zur Generierung deiner Inhalte zu verwenden - sicher, ein Entwurf mag mit generativer KI einfach sein, aber die Essenz des Textes ist zu oft hohl, ohne Seele und (zu oft) mit sachlichen Fehlern, je nach Thema - besser ist es, deine authentische Stimme zu verwenden (und KI nur zu verwenden, um deine Gedanken zu ordnen oder einige Übersetzungsprobleme und dergleichen zu korrigieren). Das Kopieren/Einfügen von KI-generiertem Text ohne Überprüfung könnte dich wirklich in Teufels Küche bringen... Integriere relevante Schlüsselwörter auf natürliche Weise in deine Inhalte, einschliesslich Titel, Überschriften und Fließtext. Erstelle aussagekräftige Meta-Beschreibungen, die den Inhalt der Seite zusammenfassen und eine klare Aufforderung zum Handeln enthalten.

Konzentrieren dich sich darauf, qualitativ hochwertige Backlinks (idealerweise 1-Wege-Backlinks) von Websites mit einer höheren Autorität als deiner zu erhalten. Es gibt gute Tools, die dabei helfen können, die Qualität deiner Inhalte und Backlinks zu ermitteln, z. B. Ahrefs, SEMrush, Majestic, Moz Link Explorer und andere...

Bilder

Wenn es um Bilder geht, vergewissere dich, dass sie die richtige Grösse für die Stelle haben, an der Sie sie platzieren - es ist weder sinnvoll noch gut für deine Website, ein Bild mit 572'461 Pixeln für eine Spaltenüberschrift zu haben... es wird langsam geladen und viel zu verschwenderisch sein. Die Verwendung des richtigen Bildformats ist ebenfalls wichtig, .webp, .png oder .jpg sind heute die gängigsten Formate. Es gibt einen übermässigen Gebrauch von .png Bildern, auch dort, wo keine Notwendigkeit für Transparenz besteht - (das Ergebnis mag vielleicht schöner aussehen, aber die Dateigrösse ist definitiv höher), stelle dann aber sicher, dass du solche Bilder optimierst.

Für die Bildoptimierung gibt es ein paar Möglichkeiten:

Bei der Stapelverarbeitung leistet TinyJPG/TinyPNG ziemlich gute Arbeit bei der Optimierung (das Ziel ist eine erhebliche Verringerung der Dateigrösse ohne Verlust der visuellen Qualität). Optimole Image Compressor leistet ebenfalls gute Arbeit, meistens sogar besser als TinyJPG/TinyPNG.

Für bessere Resultate (allerdings ohne Stapelverarbeitung) bietet sich Squoosh.app an:

Ich verwende folgende Einstellungen für die Kompression: default (MozJPEG), Quality: 68

Advanced Settings:
Separate chroma quality: ja
Chroma quality: 68
Trellis multipass: ja
Optimize zero block runs: ja

Ich habe festgestellt, dass die oben genannten Einstellungen bei 85 % bis 90 % der Bilder funktionieren. In etwa 5-10 % der Fälle kannst du die Quality und die Chroma quality herabsetzen, wodurch sich die Bildgrösse weiter verringert, ohne dass ein visueller Unterschied entsteht. Die Glättung (smoothing) ist etwas schwierig und kann sich bei vielen Bildern negativ auf die Qualität auswirken, aber wenn dies nicht der Fall ist, kann man mit einer Einstellung von 5-22 weitere 1k-11k einsparen. Trellis multipass: In etwa 30 % der Fälle verringert sich die Dateigrösse um weitere 1kb-4kb. Und vergiss nicht den beschreibenden Alt-Text für deine Bilder.

WICHTIG: Je komplexer ein Bild ist, desto höher muss der Wert für den Qualitätsparameter sein, um keine negative visuelle Beeinträchtigung zu erfahren. Der Bereich reicht von 55 (weniger komplex) bis 84 (komplexer).

Videos

Für Videos gilt das Gleiche - Man muss das Video optimieren und an den Bedarf anpassen. Während Video-/Streaming-Plattformen wie YouTube und Vimeo dir einen Teil der schweren Arbeit abnehmen, das Video mit variabler Bandbreite und Qualität an Ihr Publikum anzupassen, beinhalten sie keinen Video-Optimierungsprozess für das Quellvideo, so dass du, egal ob du eine dieser Plattformen nutzt oder das Video als Teil deiner Domain hostest, wahrscheinlich auf Tools wie Beamr 5, Veed, Clipcompress (oder Handbrake für die Experten) zurückgreifen solltest.

Kapitel 5 - SEO nicht vergessen

Wenn du eine Website haben willst, die einfach nur im Internet existiert, und nur das, dann ist SEO etwas, dem du keine Aufmerksamkeit schenken musst. Aber für die grosse Mehrheit von uns wird das (leider) wahrscheinlich nicht funktionieren, da du nicht viel qualifizierten oder echten menschlichen Verkehr auf deiner Website bekommen wirst, geschweige denn in der Lage sein wirst, unter den Millionen anderer Websites gefunden zu werden....

Hier kann die Suchmaschinenoptimierung (SEO) eine grosse Hilfe sein (natürlich solltest du auch viele der anderen in dieser Artikelserie aufgeführten Massnahmen ergreifen).

Es ist wichtig zu verstehen, dass es beim Betreiben einer Website im Jahr 2024 nicht darum geht, ein paar gute Dinge zu tun und dann die Website zu vergessen, weil man glaubt, dass sie auf magische Weise Besucher anziehen wird, weil man in den sozialen Medien präsent ist, vor sieben Monaten ein paar Blogartikel geschrieben hat und ein grossartiges Produkt oder eine Dienstleistung nach dem Motto "Wenn du sie baust, wird er kommen" verkauft. (wobei "er" in diesem Zusammenhang ein Kunde oder zumindest ein Interessent/Lead ist). Leider wird die schön gestaltete Website ohne ernsthafte (und zumindest regelmässige) Arbeit an der Suchmaschinenoptimierung (SEO) nur im kleinen Kreis von dir und deinen Freunden und m怀glicherweise deren Freunden zu geniessen sein, oder sie wird nur sehr, sehr langsam an Zugkraft gewinnen.

Also, sprechen wir über SEO. Wenn ich mit meinen Kunden über SEO spreche, unterteile ich es in 3 Hauptbereiche:

Technisches SEO

Die Grundlagen:

• Aktiviere die suchmaschinenfreundliche URL.
• Schalte SSL ein: Let's Encrypt ist für die meisten Websites für die Vorderseite (und das Backend) Ihrer Website genau richtig.
• Aktiviere die Gzip-Komprimierung, optimieren Sie Ihre Bilder (wie im obigen Kapitel erwähnt).
• Vergiss nicht, CSS- und JavaScript-Dateien zu minimieren und zu kombinieren.
• Nutze das Browser-Caching, um die Ladezeit deiner Website zu verbessern.

Das Ziel der oben genannten Schritte ist natürlich die Optimierung der Seitenladegeschwindigkeit.

• Erstelle eine übersichtliche Seiten-/Menüstruktur für deine Nutzer - dies erleichtert Nutzern und Suchmaschinen die Indizierung der Website. Es wird viel über die Notwendigkeit von Sitemaps geredet, die mit Erweiterungen wie JSitemap, Aimy Sitemap, JL Sitemap, OSMap oder sogar mit einer nicht-erweiterten Lösung wie https://www.xml-sitemaps.com erstellt werden können, aber basierend auf einem kürzlichen Vortrag von Yannick Gauthier auf dem JoomlaDay France 2024, rät er, dass Sitemaps nur für grössere Websites notwendig sind.
• Verwende die robots.txt, um Suchmaschinen zu leiten.

On-Page SEO

• Optimiere die Meta-Beschreibungen: Arbeite daran, einzigartige, schlüsselwortreiche Titel und Meta-Beschreibungen für jede Seite zu erstellen, die auf natürliche Weise zu Klicks anregen (natürlich kein Click-Baiting).
• Optimiere die Titel-Tags: Gestalte deine Titel-Tags prägnant, beschreibend und mit Ihrem wichtigsten Schlüsselwort.
• Kopfzeilen-Tags: Verwende Header-Tags (H1, H2, H3), um deinen Inhalt zu strukturieren und Schlüsselwörter auf natürliche Weise einzubinden. Achte darauf, keine Header-Tags auszulassen - d. h. eine Seite sollte nicht erst ein H2 und dann ein H3 haben, während ein H1 fehlt.
• Schlüsselwort-Recherche: Recherchiere relevante Schlüsselwörter, nach denen deine Zielgruppe sucht, und setze diese gezielt ein. Es gibt viele Lösungen, die bei dieser Suche helfen, einige davon kostenlos wie Google Keyword Planner, Answer The Public, Google Trends, KeywordTool.io, QuestionDB (Long-Tail-Keyword-Recherche) und kostenpflichtige Lösungen wie Semrush, Ahrefs, Moz Keyword Explorer, und andere.
• Hochwertiger Inhalt: Wie bereits erwähnt, kommt es auf den Inhalt an - erstelle wertvolle, einzigartige und ansprechende Inhalte, die die Bedürfnisse deiner Zielgruppe ansprechen.
• URL-Struktur: Verwende SEO-freundliche URLs, die kurz sind, Schlüsselwörter enthalten und beschreibend sind.
• Bild-Optimierung: Wie bereits erwähnt, optimiere deine Bilder UND verwende beschreibende Dateinamen, Alt-Text und Bildunterschriften (wo nötig).
• Interne Verlinkung: Verwende interne Links, damit deine Nutzer andere relevante, hochwertige Inhalte auf Ihrer Website finden können.
• Mobile-Friendly: Im Jahr 2024 sollte Ihre Website besser responsive sein und ein grossartiges Erlebnis auf dem Handy bieten und möglicherweise je nach Erfahrung unterschiedliche Inhalte auf dem Handy anzeigen.
• Schema Markup: Um den Suchmaschinen zu helfen, deine Inhalte besser zu verstehen, ist es sinnvoll, Schema Markup zu implementieren.

Off-Page SEO

• Gast-Blogging: Biete den Besuchern an, Gastbeiträge für Qualitätsblogs zu schreiben. Dies wird helfen, dich zu präsentieren und Backlinks zu erhalten.
• Social Media Marketing: Um die Sichtbarkeit deiner Marke zu verbessern und die Besucherzahlen zu erh怀hen, solltest du mit deinem Publikum auf Social-Media-Plattformen in einen Dialog treten.
• Backlinks: Hole dir sich One-Way-Links von qualitativ hochwertigen Websites, die wichtiger sind als deine (mehr Autorität haben als du).
• Influencer-Marketing: Je nach deinem Ziel, Glaubwürdigkeit zu erlangen und ein breiteres Publikum zu erreichen, kann die Zusammenarbeit mit Influencern sinnvoll sein.
• Markenerwähnungen: Wenn andere deine Marke in ihren Inhalten, Artikeln und Bewertungen erwähnen, ist das natürlich immer ein Pluspunkt.
• Lokale SEO: Um lokale Unternehmen anzuziehen, sind Google My Business und lokale Verzeichnisse eine gute Idee.
• Inhaltsmarketing: Das Verlinken und Teilen von qualitativ hochwertigen Inhalten, die andere gerne verlinken und teilen, ist ein grossartiger, kostenloser Weg, um mehr Menschen für deine Dienstleistung, dein Produkt usw. zu begeistern.
• Online-Bewertungen: Google, Yelp, TripAdvisor und andere sind eine gute Möglichkeit, mehr Besucher auf deine Website zu locken.
• Foren: Finde relevante Foren und Online-Communities, um dein Fachwissen zu teilen und Beziehungen aufzubauen.
• Pressemeldungen: Bei wichtigen Ereignissen in der Entwicklung deines Unternehmens, bei Produkteinführungen oder wichtigen Meilensteinen solltest du nicht vergessen, Pressemitteilungen herauszugeben, die dir helfen, die Aufmerksamkeit der Medien zu gewinnen.

Kapitel 6 - Es dreht sich alles um die User Experience

Die besten Websites sind viel mehr als eine Ansammlung von Texten, Bildern, dem richtigen CMS (natürlich Joomla ?? ) und der Durchführung aller richtigen technischen Schritte.

Es geht darum, es dem Besucher leicht zu machen, das zu finden, wonach er sucht - seien es Informationen über ein Produkt oder wertvolle Tipps für sein nächstes Projekt oder eine Vielzahl anderer Dinge, die Websites für uns tun können - und am Ende des Tages einen Eindruck beim Besucher zu hinterlassen!

Es ist wichtig, ein unvergessliches Erlebnis zu schaffen.

Dinge wie:

• eine zugängliche Website,
• eine einfache Navigation,
• eine Suchfunktion (wie die intelligente Suchfunktion von Joomla),
• ein gutes visuelles Branding,
• klare Call-to-Actions (CTAs) und vieles mehr...

Stelle sicher, dass du keine Seiten hast, die den Benutzer zu einem gefürchteten, nicht hilfreichen 404 oder einem anderen Fehler wie diesem führen:

Eine solche 404-Seite hilft dem Benutzer nicht wirklich... er weiss nicht, was er als Nächstes tun soll.
Etwas in dieser Art ist da viel hilfreicher:

Sie verweist auf das Hilfezentrum und hat viele Links in der Fusszeile, damit der Benutzer den Weg findet. Die 404-Seite könnte sogar ein Suchfeld enthalten, damit der Benutzer den Weg zum richtigen Ort finden kann.

Es gibt viele Tools, die dir helfen, herauszufinden, ob deine Website 404-Seiten hat, einschliesslich eines integrierten Redirect Managers in Joomla: Sitechecker's Broken Links Checker, Deadlink Checker oder Screaming Frog SEO Spider unter vielen anderen.

Alles in allem geht es darum, sich in die Lage des Benutzers zu versetzen, während er durch deine Website navigiert:

• Ist sie leicht zu verstehen?
• Sind die Botschaften klar?
• Ist die Website visuell ansprechend?
• Kann ich die wichtigsten Informationen auf dieser Website finden?

Bei E-Commerce-Websites: Verfügt die Website über eine Gast-Checkout-Funktion, ist der Kaufvorgang klar und übersichtlich, gibt es zusätzliche Schritte, die den Nutzer am Kauf hindern, usw.?

Wie Sie sehen, geht es bei der Optimierung nicht immer um eine technische Funktion oder ein Tool, das Sie verwenden müssen... es geht vielmehr um eine Geisteshaltung, eine Reihe von Prozessen, die dazu führen, dass Sie Ihre Lösungen, Ihr Produkt oder Ihre Dienstleistung in den Weiten des World Wide Web so gut wie möglich präsentieren können...

Kapitel 7 - Barrierefreiheit ist nicht optional

Was ist Barrierefreiheit wirklich und warum ist sie wichtig?

Rein von der Definition her bedeutet Barrierefreiheit im Web, dass Websites so gestaltet werden, dass Menschen mit Behinderungen (sichtbar oder unsichtbar) sie produktiv und einfach nutzen können.
Die wichtigsten Grundsätze der Barrierefreiheit im Web konzentrieren sich auf folgende Punkte:

Der Grund, warum Barrierefreiheit (kurz: A11Y) für alle wichtig ist, liegt darin, dass es nicht nur darum geht, auf Nutzer mit Behinderungen einzugehen, sondern vielmehr darum, ein Web-Erlebnis zu schaffen, das für alle Menschen zugänglich ist. Die Vorteile sind vielfältig: Alle Nutzer haben es leichter, sich auf einer Website zurechtzufinden, sie geniessen ein besseres Nutzererlebnis - das führt zu weniger Frustration, mehr Zeit, die auf der Website verbracht wird, und alles in allem zu höheren Umsätzen. Indem ALLE einbezogen werden, hat man eine bessere Chance, die Reichweite einer Website zu erhöhen: 100 % eines Kuchens sind immer besser als 85 %. Es gibt auch Vorteile für die Suchmaschinenoptimierung (SEO) und für die Anpassung an aktuelle oder künftige Rechtsvorschriften.

Die Gesetzgebung ändert sich zwar nur langsam, aber es tut sich was... Zum Beispiel schreibt das Europäische Gesetz zur Barrierefreiheit (EAA) vor, dass E-Commerce-Websites ab dem 28. Juni 2025 für alle Unternehmen mit mindestens 10 Mitarbeitern und einem Jahresumsatz oder einer Jahresbilanz von mindestens 2 Millionen Euro barrierefrei sein müssen... Du kannst sicher sein, dass dieser Schwellenwert im Laufe der Zeit gesenkt wird und immer mehr Bereiche des Webs barrierefrei sein müssen, bis hoffentlich eines Tages keine Website mehr hochgeladen oder erstellt wird, die nicht barrierefrei ist...

Einige Fallstricke, Mythen oder Missverständnisse, denen man nicht zum Opfer fallen sollte, wenn es um Barrierefreiheit geht:

1. Die Verwendung eines Overlay-Systems löst alle Probleme der Zugänglichkeit.
2. Eine zugängliche Website zu haben bedeutet, dass meine Website hässlich und langweilig sein wird.
3. Automatisierte Tests zur Überprüfung der Zugänglichkeitsanforderungen sind ausreichend.
4. Eine Website barrierefrei zu gestalten ist teuer und sehr zeitaufwendig.
5. Die Zugänglichkeit meiner Website hilft nur Menschen mit Behinderungen...
6. Wenn ich meine Website einmal erstellt habe und sie zugänglich ist, muss ich mich nicht mehr um die Zugänglichkeit kümmern.

Wie du vielleicht schon erraten hast, sind alle obigen Aussagen FALSCH.

Zu Nr. 1 empfehle ich Ihnen die Lektüre von https://overlayfactsheet.com/. Ich denke, man wird nach der Lektüre dieser Ressource erkennen, dass Overlays wahrscheinlich keine gute Idee sind, dass sie zu vermeiden sind und mehr Probleme verursachen als lösen.

Zu Nr. 2 und 4: Wenn die Barrierefreiheit von Anfang an als integraler Bestandteil des Website-Designs oder der Neugestaltung betrachtet wird, wird sie nicht nur keine zusätzlichen Kosten verursachen, sondern deine Website wird auch optisch ansprechend und angenehmer sein und gleichzeitig die Barrierefreiheitsstandards erfüllen.

Zu Nr. 3: Automatisierte Testtools können hilfreich sein, aber die bessere Herangehensweise ist die menschliche Herangehensweise - manuelle Tests und menschliche Bewertung.

Zu Nr. 5: Wie ich bereits weiter oben in diesem Kapitel erwähnt habe, profitieren alle davon.

Zu Nr. 6: Dies ist wahrscheinlich eines der größten Missverständnisse, denn obwohl es grossartig ist, dass deine Website barrierefrei gestaltet wurde, musst du auch weiterhin alles richtig machen, wenn du neue Inhalte, Abschnitte oder Seiten zur Seite hinzufügst oder änderst. Es handelt sich um eine kontinuierliche Praxis, die erst dann endet, wenn du sich zurückziehst oder die Website abschaltest.

Kapitel 8 - Umweltfreundlichkeit für einen PLANETEN

Du hast also ein paar Wochen oder Monate mit der Erstellung deiner Website verbracht - und sie geht online - herzlichen Glückwunsch! Nun bist du Teil der 120-140 Millionen Tonnen CO2 pro Jahr, die zu den globalen CO2-Emissionen des gesamten Planeten durch alle menschlichen Aktivitäten beitragen. Wie wäre es also, dazu beizutragen, dass die Energie- und CO2-Menge für deine Website so gering wie möglich ist? Es ist NICHT nur das Websiten-Hosting, das beim direkten und indirekten ökologischen Fussabdruck deiner Website eine Rolle spielt, sondern auch das Design und die Entwicklung deiner Website im Laufe der Zeit...

Die Befolgung bewährter Praktiken beim Webdesign trägt viel zu den oben genannten Zielen bei:

• Optimierung der Website-Leistung zur Verringerung des Energieverbrauchs und der Datenübertragung.
• Minimierung der Verwendung energieintensiver Funktionen (z. B. übermässige Animationen, Missbrauch von Bildformaten, hochauflösende Bilder usw.).
• Anwendung nachhaltiger Kodierungspraktiken: Code-Optimierung, Minimierung unnötigen Codes, Entfernung von nicht benötigtem CSS usw.

Wenn es um Website-Hosting geht, ist die Wahl eines umweltfreundlichen Website-Hosting-Anbieters natürlich ein guter erster Schritt - eines Anbieters, der erneuerbare Energien nutzt und/oder seine CO2-Emissionen ausgleicht, aber du solltest auch zumindest Cloud-basierte Hosting-Lösungen evaluieren, die den Energieverbrauch um bis zu 93 % senken können und bei denen die CO2-Emissionen im Vergleich zu Rechenzentren vor Ort um bis zu 60 % reduziert werden können.

Wenn du etwas mehr tun möchtest, kannst du die CO2-Emissionen deiner Website auch über eine der vielen Plattformen ausgleichen, die es gibt: Web Neutral Project, GreenPerk, CarbonClick, und um die Emissionen deiner Website zu berechnen, kannst du Tools wie https://www.websitecarbon.com/, https://digitalbeacon.co/, https://ecograder.com/ und/oder https://ecoping.earth/ verwenden. Da jeder dieser Rechner etwas anders funktioniert, verwende ich sie als Indikator und nicht als absoluten Wert. Genau wie bei der Zugänglichkeit ist es wichtig, deine Website so umweltfreundlich wie möglich zu halten und sie im Laufe der Zeit zu überwachen und neu zu bewerten... Beginne noch heute!

Kapitel 9: Nützliche Optimierungs-Tipps

Wenn du alles in dieser Serie getan hast, hast du wahrscheinlich die Grösse deiner Website reduziert und sie sollte schnurren und ein bisschen schneller laden - besser für die Nutzer und für den Planeten.

Vielen Dank für deinen Beitrag, das Web zu einem zugänglicheren, inklusiveren und umweltfreundlicheren Ort zu machen... Wenn du noch ein bisschen weiter gehen möchtest, hier ein paar zusätzliche Tipps:

1. Stelle sicher, dass dein Hoster sich mit Joomla 5 auskennt und die Serverkonfiguration optimiert hat: z.B. durch die Aktivierung von HTTP/2- oder HTTP/3-Protokollen usw.
2. Lasse unkritisches Javascript zeitversetzt oder asynchron laden.
3. Bilder, die unterhalb des Folds oder des anfänglichen Ansichtsfensters liegen, könnten verzögert geladen werden (Lazy load).
4. Um die Gesamtgrösse der Seite zu reduzieren, entferne ungenutztes CSS und JavaScript.
5. Vergiss nicht, entsprechende Caching-Header zu setzen, um das Browser-Caching von statischen Assets zu ermöglichen.
6. Für dynamische Inhalte solltest du serverseitiges Caching implementieren, z. B. für Datenbankabfragen oder API-responses.
7. Wenn du FontAwesome auf deiner Seite lädst, stelle sicher, dass nur eine Kopie geladen wird, da Page Builder, Frameworks oder Komponenten oft ihre eigene Kopie laden.
8. Kombiniere Bilder mit CSS-Sprites oder verwende Font-Icons, anstatt einzelne Bilddateien zu laden. (Ich könnte das noch eine Weile fortsetzen, aber lassen Sie uns mit einem weniger bekannten Trick aufhören...)
9. Hast du daran gedacht, die Font-Dateien zu optimieren? Wusstest du, dass die meisten Schriftartendateien (einschließlich der Icons von FontAwesome) Hunderte oder Tausende bis Zehntausende von Zeichen/Symbolen enthalten, während deine Website typischerweise nur ein paar Dutzend oder Hunderte verwendet - diese Verschwendung... das Ergebnis ist, dass du zwischen 100kb und 400kb pro Seitenladevorgang einsparen kannst, je nachdem, wie viele Schriftarten deine Website lädt usw... indem du Tools wie FontLab8 verwendest... Ich mache das regelmässig für meine Kunden.

In dieser Serie haben wir die wesentlichen Elemente der Erstellung einer Joomla 5-Website untersucht, die nicht nur leistungsstark, sondern auch zugänglich, nachhaltig und optimiert, optimiert, optimiert ist. Durch die Einbeziehung der Grundsätze der Zugänglichkeit, Umweltfreundlichkeit und eine Fülle von nützlichen Tipps zur Optimierung, bist du jetzt ausgestattet, um deine Website zu neuen Höhen zu bringen. Ich hoffe, dass in dieser Serie mindestens ein nützlicher Leckerbissen für dich dabei war, oder dass dir der Artikel zumindest als eine gute Referenz zur Überprüfung dient. Und denke daran, es ist nicht nur der Bau einer Seite wichtig, es ist der ganzheitliche Ansatz, der zählt, sei es bei A11Y, zusätzlichen Inhalten, SEO Massnahmen oder sonstigen Optimierungen.