Wie gut ist meine Website aufgestellt?
Websites sollen schnell laden, best practices erfüllen, barrierefrei und SEO-optimiert sein. Wie geht das?

Wie schnell wird Deine Website geladen?

Deine Besucher möchten sofort wissen, ob sie bei Dir richtig sind oder ihre Zeit vergeuden. Wenn die Website erst lange laden muss, dann sind die ersten Besucher schon wieder weg.

Der Speed Index gibt Dir den ersten Anhaltspunkt.

Unter den technischen Daten von PageSpeed findest Du auch den "Cumulative Layout Shift". Das ist böse: Stell Dir vor, Du schaust Dir ein Produkt an und hast zwei Optionen zur Auswahl – "nächstes Produkt ansehen" oder "dieses Produkt kaufen". Du weißt bereits, dass Du dieses Produkt nicht erwerben willst, so bewegt sich Dein Mauszeiger oder Dein Finger auf dem Touchscreen auf "nächstes Produkt ansehen" zu. Doch genau in dem Moment, in dem Du klicken willst, schiebt sich noch ein Video ins Bild, welches bis jetzt gebraucht hat, um geladen zu werden. Dadurch verschieben sich die Links. Unter Deinem Finger oder Mauszeiger befindet sich plötzlich "dieses Produkt kaufen". Schon ist das Unglück passiert.

Das ist die Layout-Verschiebung des Inhalts, oder auf Englisch der "Content Layout Shift". Die Auswirkungen sind nicht immer schlimm, aber immer ärgerlich. Deswegen ist es von Bedeutung, wie schnell Deine Website ihre entgültige Gestalt einnimmt.

Manche Menschen sind auf Screenreader angewiesen, welche ihnen den Inhalt der Website vorlesen. Andere Menschen sind blind und lesen mit Hilfe einer Braille-Tastatur, was auf dem Bildschirm steht. Der Nächste hat einen kleinen Bildschirm oder zitterige Finger; ihm hilft es, wenn die Links eine gewisse Mindestgröße haben.

Das sind die offensichtlichsten Barrieren. Screenreader und andere Geräte profitieren davon, dass sie wissen, wo genau der Inhalt Deiner Website anfängt, damit sie auch erst dort das Vorlesen beginnen. Geräte und Menschen benötigen Kontext: was bewirkt der Knopf mit dem Mond-Symbol?

Viele hilfreiche Funktionen sind nicht offensichtlich, aber wichtig. Barrierefreiheit geht jeden etwas an.

Verwendet Deine Website modernen Code oder ist sie noch in einer alten Sprache geschrieben worden, für die bereits zahlreiche Sicherheitslücken bekannt geworden sind? Werden Cookies von Drittanbietern gesetzt? Weiß das Gerät des Besuchers, in welcher Größe die Bilder angezeigt werden sollen? Sind die Bilder zu groß oder zu klein? Wenn Du eine Seite mit deutschen Umlauten hast, werden diese auch korrekt beim Besucher angezeigt? Werden die gängigen Sicherheits-Standards eingehalten?

Manche best practices sind nur ein Ärgernis, wenn sie nicht eingehalten werden – andere bringen den Besucher in Gefahr.

Suchmaschinenoptimierung ist schon deswegen wichtig, weil Du nicht einfach "in die Leere" schreiben willst. Du möchtest, dass Deine Website gesehen wird. Beim Mögen sind wir hier noch gar nicht.

Taucht Deine Website überhaupt in den Suchmaschinen auf, so dass sie gefunden werden kann? Hat die Seite interne Beschreibungen zum Inhalt? Haben Links eine verständliche Beschreibung, wohin sie führen? Gibt es eine Datei auf Deiner Website, die den Suchmaschinen sagt, wie Deine Website aufgebaut ist? Das Bild kann nicht angezeigt werden – gibt es einen Hinweistext als Ersatz, was an dieser Stelle zu sehen wäre?

Das und mehr entscheidet darüber, ob eine Suchmaschine ihren Ruf für Dich riskiert, Deine Website bei der Suche eines potenziellen Benutzers weiter oben anzuzeigen oder sie lieber auf Seite 30 versteckt. Dann war die ganze Arbeit für die Katz!

Die einzige Möglichkeit, von der ich abrate. Schnell zusammengezimmert, aber unflexibel. Nicht immer für große und kleine Bildschirme gleichermaßen geeignet, bietet vielleicht nicht die Funktionen, die Du in wenigen Wochen oder Monaten nachrüsten willst. Oft nicht ausreichend für SEO optimierbar. Dann musst Du noch einmal komplett von vorn beginnen.

Die meisten Menschen verlassen sich heutzutage darauf, dass sie mit dem Allrounder Wordpress nichts verkehrt machen. Eine Website ist schnell und einfach aufgebaut, eine Vielzahl von Themes ermöglichen unterschiedlichste Designs praktisch auf Knopfdruck. Der große Vorteil ist, dass Du selbst Seiten und Blogbeiträge relativ schnell und einfach erstellen kannst und nicht auf Hilfe von außen angewiesen bist.

Jedoch solltest Du auch hier wissen, was Du an Plugins brauchst, damit Deine Website möglichst schnell lädt und sicher ist – für Dich und für den Besucher. Was für ein Theme geeignet ist, welche weiteren Stellschrauben es noch unbedingt zu beachten gibt. Und da Wordpress bereits mit einer Vielzahl an Funktionen installiert wird, ist es von Anfang an schwierig, die Geschwindigkeit der Website hoch zu halten.

Benötigst Du nicht nur eine Website mit Blog, sondern augefuchste Möglichkeiten für Kunden, sich anzumelden, Inhalte selbst hochzuladen und Funktionen zu nutzen, die auch von Wordpress und den gängigsten Plugins nicht abgedeckt werden, dann kann ein Framework wie React oder Laravel Sinn machen.

(Das sind nur zwei gängige unter einer Vielzahl von Frameworks.)

Hier können fehlende Funktionen aller Art eingebaut werden – natürlich sind hierfür Programmierkenntnisse notwendig. Dafür lässt sich auch hier an jeder Variable schrauben, so dass eine hohe Geschwindigkeit auch bei komplexen Websites möglich ist. In diesem Fall braucht es Kenntnisse in Javascript und PHP.

Wenn Du vor allem eine schnelle, flexible und sichere Website brauchst, die weder Login-Bereiche noch Shop-Anbindung benötigt, dann ist eine statische Website vielleicht genau richtig für Dich. Hierfür sind Kenntnisse in HTML und CSS hilfreich.

Diese Website ist eine solche statische Website. Sie wurde mit dem Texteditor geschrieben. Mit Hilfe von Vorlagen für Design und Struktur sind Seiten und Blogartikel schneller geschrieben als mit jedem anderen System. Diese Vorgehensweise ist daher auch am günstigsten.

Ein weiterer Vorteil: mit Hilfe eines kleinen Software-Servers lässt sich die Website auf dem eigenen Computer betrachten und testen, bevor die Seite ins Internet hochgeladen wird. Wenn alles vorteilhaft eingerichtet ist, geschieht dies mit einem einzigen Befehl.

Gute Texteditoren gibt es für mich genau zwei: vim und Emacs.