Ein einfacher Weg, die Qualität Ihrer Website zu testen

Juli 16, 2022

Lernen Sie eine einfache Methode kennen, mit der jeder Geschäftsinhaber die Qualität seiner Website testen kann, einschließlich Leistung, Best Practices, Zugänglichkeit und SEO.

Ich bin immer wieder erstaunt, wie viele Websites selbst bei den einfachsten Tests durchfallen.

Kürzlich bemerkte ich, dass eine große lokale Organisation eine neue Website erstellt hatte, und beschloss, einen kleinen Blick auf die Zusammenhänge zu werfen (wie es jemand wie ich normalerweise tut!). Die Website war nicht nur extrem langsam (und entsprach nicht den Leistungsstandards), sondern wies auch erhebliche Probleme mit der Barrierefreiheit auf und war nicht korrekt formatiert.

Das Tüpfelchen auf dem i war, dass der Entwickler vergessen hatte, die Website für Suchmaschinen verfügbar zu machen, so dass ihre Website nicht mehr bei Google angezeigt wird.

Diese Art von Fehler kostet das Unternehmen wahrscheinlich Tausende von Dollar.

Das Problem ist, dass viele dieser Fehler mit bloßem Auge nicht zu erkennen sind und dass man spezielle Tools und Branchenkenntnisse benötigt, um sie zu finden. Eine Website sieht zwar schön aus, ist aber vielleicht nur eine Fassade.

Es gibt keinen Dachverband, der sicherstellt, dass Websites nach den Vorgaben erstellt werden (wie in der Baubranche). Es kommt also darauf an, einen Entwickler zu finden, dem Sie vertrauen, dass er die Dinge richtig macht – aber es ist schwierig, das mit Sicherheit zu wissen.

In diesem Artikel stelle ich Ihnen eine einfache Methode vor, mit der Sie Ihre Website testen können, um festzustellen, ob es irgendwelche Probleme gibt.

Allerdings gibt es dabei eine Einschränkung…

Das Testtool, das ich Ihnen vorstelle, ist vollständig automatisiert – und obwohl es bei der Durchführung grundlegender Tests gute Arbeit leistet, fehlt ihm oft wichtiger Kontext, der von einer geschulten Person analysiert werden muss.

Die Durchführung dieser Tests ist ein guter Anfang, aber wenn Sie Probleme finden, sollten Sie mit einem Website-Entwickler darüber sprechen, um sicherzustellen, dass die Tests korrekt durchgeführt wurden.

Wie Sie Ihre Website testen

Es gibt zwar Tausende von (kostenlosen und kostenpflichtigen) Test-Tools auf dem Markt, aber das Ziel dieses Artikels ist es, diesen Prozess zu vereinfachen und Ihnen eine einfache Möglichkeit zu geben, Ihre Website zu testen – daher konzentrieren wir uns auf ein umfassendes Tool.

Das Tool, das wir verwenden werden, ist das Page Quality Tool auf der Website web.dev, das Ihre Leistung, SEO, Zugänglichkeit und Best Practices testet. Es ist zwar kein vollständiger Test, der alle Aspekte der Qualität Ihrer Website abdeckt, aber von allen Tools, die es gibt, bietet es Ihnen einen guten allgemeinen Überblick.

Um Ihre Website zu testen, gehen Sie auf https://web.dev/measure/, geben Sie die URL/Adresse Ihrer Website in die leere Suchleiste ein und klicken Sie auf die Schaltfläche “Run Audit”.

Nach etwa 30 Sekunden werden Sie auf eine neue Seite weitergeleitet, auf der die Ergebnisse Ihres Tests angezeigt werden.

Diese Ergebnisse sind in 4 Kategorien unterteilt: Leistung, Zugänglichkeit, Best Practices und SEO (Performance, Accessibility, Best Practices, SEO). Für jede dieser Kategorien erhält Ihre Website eine Punktzahl von 0 bis 100 (100 ist die beste Bewertung).

Wenn Ihre Ergebnisse 90 oder höher sind, werden sie in grün angezeigt. 90+ Punkte sind ausgezeichnet und bringen Ihre Website in das oberste Perzentil der Websites.

Werte zwischen 50 und 89 sind gelb und bedeuten, dass Ihre Website einige offensichtliche Probleme aufweist, die behoben werden müssen.

Jeder Wert unter 50 ist rot und deutet auf ernsthafte Mängel hin.

Werfen wir nun einen Blick auf jede der 4 Kategorien, um ein wenig mehr darüber zu erfahren, worauf sie getestet werden.

Leistung (Performance)

Leistungstests sind aus verschiedenen Gründen wichtig.

Als Internetnutzer sind wir zunehmend ungeduldig geworden. Studien haben ergeben, dass die Wahrscheinlichkeit, dass jemand Ihre Website verlässt, exponentiell ansteigt, wenn sie länger als 3 Sekunden zum Laden braucht.

Google (und andere Suchmaschinen) erkennen dieses Verhalten und berücksichtigen die Leistung als Teil ihres Algorithmus, um die Rangfolge der Suchmaschinen zu bestimmen. Da die Nutzer eine schnell ladende Website bevorzugen, kann (und wird) Google in seinen Rankings der Leistung den Vorzug geben und schnellen Websites einen Vorteil gegenüber langsameren geben.

Der Leistungstest misst 6 Schlüsselbereiche, die alle Teil der Core Web Vitals sind. Dazu gehören:

  • First Contentful Paint (FCP), d. h. die Zeit, die der Nutzer benötigt, um die ersten Informationen von der Website zu erhalten.
  • Geschwindigkeitsindex, der misst, wie schnell der Inhalt einer Seite visuell aufgefüllt wird.
  • Largest Contentful Paint (LCP), der misst, wann das größte Inhaltselement im Viewport-Bereich sichtbar wird.
  • Time to Interactive (TTI) misst, wie lange es dauert, bis die Website auf Benutzerinteraktionen reagiert.
  • Total Blocking Time (TTI), die die Zeitspanne zwischen dem ersten Contentful Paint und der Zeit bis zur Interaktivität misst (die von den Nutzern als nicht reaktionsfähig wahrgenommen werden kann).
  • Kumulative Layout-Verschiebung, die die Elemente misst, die ihre Position beim Laden von Inhalten verändern.

Core Web Vitals haben sich zu einer äußerst wichtigen Kennzahl für die Analyse der Qualität der Leistung einer Website entwickelt. Nicht nur, weil es sich dabei um Dinge handelt, die sich so dramatisch auf den Benutzer auswirken, sondern auch, weil Goolge genau diese Metriken verwendet, um Ihre Website zu bewerten.

Unterhalb der Leistungsergebnisse sehen Sie die Abschnitte “Möglichkeiten”, “Diagnose” und “Bestehende Prüfungen”. In diesen Abschnitten erhalten Sie einen detaillierteren Bericht. Diese Informationen sind zwar wichtig, um Ihre Ergebnisse zu verstehen (und um herauszufinden, was Sie tun können, um sie zu verbessern), aber sie sind voll von Website-Entwickler-Jargon, der für den ungeschulten Benutzer möglicherweise nicht viel Sinn ergibt.

Erreichbarkeit (Accessibility)

Genauso wie die physischen Räumlichkeiten eines Geschäfts den Richtlinien des Americans with Disabilities Act (oder “ADA”) entsprechen müssen, muss auch Ihre Website den Zugänglichkeitsstandards entsprechen.

Dadurch wird sichergestellt, dass Menschen mit unterschiedlichen Fähigkeiten Ihre Website ohne übermäßige Belastung nutzen können.

Zu den Maßnahmen zur Barrierefreiheit gehören u. a.:

  • Farbkontrast für Menschen, die farbenblind oder sehbehindert sind.
  • Alternativtext für Bilder für Menschen mit Sehbehinderungen, die die Bilder nicht sehen können.
  • Tastaturnavigation für Menschen, die keine Maus benutzen können.
  • Semantisches HTML, das der Struktur Ihrer Website einen Kontext gibt.
  • Und noch viel mehr.

Sie sind nicht nur in einigen Fällen gesetzlich verpflichtet, die Zugänglichkeitsstandards einzuhalten, sondern es liegt auch in Ihrem Interesse, dies zu tun. Etwa ein Viertel der Bevölkerung in den Vereinigten Staaten ist in irgendeiner Form behindert. Eine Website, die die Zugänglichkeitsstandards nicht berücksichtigt, könnte fast ein Viertel ihrer möglichen Besucher und Kunden verprellen.

Bewährte Praktiken (Best Practices)

Der Best-Practices-Test ist etwas schwieriger zu definieren, aber im Allgemeinen wird nach häufigen Fehlern gesucht, die sich auf die Sicherheit Ihrer Website, Fehler, veraltete Technologien, Benutzerfreundlichkeit und mehr auswirken.

Es ist wichtig, dass ein Fachmann die in diesem Abschnitt aufgelisteten Probleme untersucht, da es sich hierbei um die Kategorie handelt, die am häufigsten zu falsch positiven Ergebnissen führen kann. In meinen Testergebnissen wurden mir zum Beispiel 8 Punkte für einen Fehler abgezogen. Als ich den Fehler analysierte, stellte ich fest, dass es sich nur um eine Ressource handelt, die vom Testtool eingeschränkt wird, aber für echte Besucher problemlos funktioniert.

Fälle wie dieser verdeutlichen, wie wichtig es ist, diese Ergebnisse von einem geschulten Fachmann analysieren zu lassen, da er in der Lage ist, sie zu untersuchen und den Kontext zu nutzen, um zu verstehen, ob sie einen Blick wert sind.

SEO

Der Bereich SEO (oder “Search Engine Optimization”) ist extrem wichtig für diejenigen, die neue Besucher über die Suche (wie Google) auf ihre Website locken wollen.

SEO ist ein umfangreiches Thema mit Tausenden von Faktoren, die es zu berücksichtigen gilt – bedenken Sie also, dass das Testtool ohne den Kontext, für den Ihre Website ranken soll, nur sehr wenig ausrichten kann.

Der Test ist jedoch gut geeignet, um sicherzustellen, dass Sie grundlegende SEO-Ratschläge befolgen, einschließlich der richtigen Struktur und Metadaten. Sowohl die Leistung als auch die Zugänglichkeit spielen bei Ihrer SEO-Bewertung eine Rolle – und viele der Zugänglichkeits- und Leistungsfehler können sich auch in Ihrer SEO-Bewertung niederschlagen.

Nur weil Sie in diesen Ergebnissen eine hohe Punktzahl erhalten, bedeutet das nicht, dass Ihre Website in den Suchmaschinen weit oben rangiert, aber es bedeutet, dass die Dinge richtig strukturiert wurden, so dass Sie eine gute Grundlage für die Suchmaschinenoptimierung haben.

Ein ganzheitlicher Ansatz

Die Kombination aus fehlenden Standards für den Aufbau einer Website und dem technischen Verständnis dafür, was eine gut aufgebaute Website ausmacht, führt dazu, dass viele Unternehmer am Ende mit Websites dastehen, die nicht mehr als eine schöne Fassade sind.

Es ist wichtig, die Qualität Ihrer Website zu prüfen, und zwar nicht nur bei der ersten Erstellung, sondern auch regelmäßig, wenn sich die Standards und bewährten Verfahren im Laufe der Zeit ändern. Genauso wie Sie Ihr Auto einmal im Jahr zur Inspektion bringen müssen, ist es wichtig, sicherzustellen, dass Ihre Website ordnungsgemäß funktioniert. Eine routinemäßige Wartung ist immer kostengünstiger als eine Sanierung, daher ist eine proaktive Überprüfung Ihrer Website von entscheidender Bedeutung.

Das web.dev-Testing-Tool gibt Ihnen einen guten Überblick über die Qualität Ihrer Website, ist aber nicht mit einer manuellen Prüfung durch einen Fachmann vergleichbar.

Ein automatisiertes Tool kann Ihnen z. B. sagen, ob die von Ihnen verwendeten Farben einen ausreichenden Kontrast aufweisen, um die Zugänglichkeitsstandards zu erfüllen, aber es kann Ihnen nicht sagen, ob dies die beste Farbe ist, um Ihre Zielgruppe anzusprechen oder ob sie zu Ihrem Branding passt.

Sie geben auch nicht viel Aufschluss darüber, welche Probleme unbedeutend sind und welche zu größeren Problemen mit Ihrer Online-Präsenz führen könnten. In der Geschichte, die ich zu Beginn erzählt habe, wurde beispielsweise eine Website so eingestellt, dass sie nicht in den Suchergebnissen angezeigt wird, und sie erhielt eine 77 für SEO, obwohl ihre Website nicht einmal in den Suchergebnissen zu finden ist (ich würde das mit einer Null bewerten!).

Betrachten Sie diese Tools am besten als Hilfsmittel, um die Qualität Ihrer Website zu messen – aber bedenken Sie, dass sie nur einen Teil der Geschichte erzählen.

Wenn Sie möchten, dass ich Ihre Website prüfe, mache ich das gerne. Ein vollständiges Audit kann für etwa CHF 100.- bis 250.- durchgeführt werden, je nach Größe, Aufbau und Komplexität Ihrer Website. Die Audits werden mit einem vollständigen Bericht sowie einem detaillierten Leitfaden für empfohlene Abhilfemaßnahmen geliefert. Sobald Sie unsere Ergebnisse vorliegen haben, können wir Ihnen einen Kostenvoranschlag für die Durchführung der Reparaturen unterbreiten, oder Sie können den Audit nutzen, um andere Entwickler für die Durchführung der Arbeiten zu finden.

Setzen Sie sich noch heute mit uns in Verbindung, damit wir einen Termin vereinbaren können, um über Ihre Bedenken zu sprechen und ein Audit zu planen.