Dieser Artikel ist schon ĂŒber 2 Jahre alt. Unter UmstĂ€nden kann das, worĂŒber wir geschrieben haben durchaus veraltet sein! đŸ˜‰ 


Letzte Woche haben wir euch einige WordPress Themes vorgestellt, mit denen man seine Website responsiv umsetzen kann. Aber was muss man eigentlich noch beachten, bevor man eine Website live schaltet? Vor dem Launch ist vor allem die Validierung der Seite wichtig. Dabei wird der Code auf Richtigkeit und QualitÀt getestet und gecheckt, ob alle Standards und Anforderungen eingehalten sind.

Warum dies so wichtig ist? Gleich aus mehreren GrĂŒnden: Suchmaschinen suchen bspw. nach Text. Ist dieser nicht sorgfĂ€ltig aufbereitet, können die Inhalte auch nicht richtig erfasst werden und der Text erscheint dann nicht in den Suchergebnissen. Ein anderes Argument ist die Barrierefreiheit. Auch hier spielt die Validierung eine entscheidende Rolle. So sollte ĂŒberprĂŒft werden, ob Webseiten auch fĂŒr körperlich eingeschrĂ€nkte Menschen, zum Beispiel Personen mit Sehbehinderungen, barrierefrei zugĂ€nglich sein. Um die Sprachausgabe oder auch „Tabbed Browning“ zu unterstĂŒtzen, muss die HTML-Struktur der Seite fehlerfrei sein. Des Weiteren sollte man bei der Validierung einer Seite beachten, dass nicht jeder Besucher denselben Browser nutzt. Manche Fehler im Quellcode fĂŒhren dazu, dass die Website in einigen Browsern gar nicht oder nur fehlerhaft dargestellt wird. Neuere Browser halten sich auch enger an die Spezifikationen. So werden manche Fehler im HTML-Code nicht mehr toleriert, wie dies vielleicht bei Ă€lteren Browsern der Fall ist. Es kann auch soweit kommen, dass Seiten von einer Browserversion zur nĂ€chsten nicht mehr dargestellt werden, weil die Fehlerbeseitigungsroutine geĂ€ndert wurde.

Wie ihr seht: Zu beachten gibt es einiges. Um gĂ€ngige Fehler zu vermeiden, haben wir zunĂ€chst 10 nĂŒtzliche Validierungstools zusammengestellt. Und weil das Thema so spannend und relevant ist, haben wir euch gleich zwei weitere rausgesucht. đŸ˜‰

1. W3C Markup Validation Service: Das wohl bekanntestes Validierungstool untersucht HTML, XHTML, SMIL, MathML und andere Webdokumente auf Fehler. Die Validierung beruht auf den W3C (World Wide Web Konsortium) Standards.

2. Link Checker: Dieses Tool ĂŒberprĂŒft die Links und Anchors einer Website auf ihre GĂŒltigkeit. Dies ist nĂŒtzlich, damit spĂ€ter kein Link ins Leere fĂŒhrt.

3. mobileOK Checker: Der mobileOK Checker untersucht Webseiten auf ihre „mobile-friendliness“. Da ein Großteil der Kommunikation im Internet ĂŒber mobile EndgerĂ€te lĂ€uft, ist es wichtig, dass Webseiten auch in diesem Bereich benutzerfreundlich optimiert sind.

4. Dr. Watson’s Site Validation Check: Dieses Tool ist fĂŒr die Analyse einer Website im Internet gedacht. Dabei deckt es viele Bereiche ab: Links sowie Download Geschwindigkeit, Suchmaschinenoptimierung, Ladezeiten, Syntax und Style können gecheckt werden. Außerdem stellt das Tool auch einen WörterzĂ€hler und RechtschreibprĂŒfung zur VerfĂŒgung.

5. AccessColor: AccesColor testet den Kontrast und die Helligkeit der verwendeten Farben und vergleicht Vorder- und Hintergrund aller Elemente. Dies ist zum Beispiel wichtig fĂŒr visuell eingeschrĂ€nkte Menschen.

6. Webpage Analyzer: Der Webpage Analyzer untersucht die Ladezeit der Website. Dabei wird diese fĂŒr jedes einzelne Element kalkuliert und daraus VorschlĂ€ge generiert, wie die Ladezeit der Seite verbessert werden kann.

7. Browser Shots: Es werden Screenshots von der Website in verschiedenen Betriebssystemen und Browsern gemacht und anschließend zurĂŒckgeliefert. So kann man die Darstellung der Website in verschiedenen Systemen beurteilen und die KompatibilitĂ€t mit möglichst vielen Browsern gewĂ€hrleisten.

8. Viewlike​.us: Dieses Tool lĂ€sst die Website in verschiedenen Bildschirmauflösungen betrachten. Mit Viewlike kann die Umsetzung des Responsive Designs auf verschiedenen EndgerĂ€ten geprĂŒft werden.

9. URL Checker: Mit URL Checker kann man sowohl die VerfĂŒgbarkeit von HTML‑, FTP- und anderen Formaten als auch die Leistung der Website sowie E‑Commerce-Transaktionen ĂŒberwachen. Außerdem bietet das Tool eine Übersicht ĂŒber Webseiteninhalte.

10. Feed Validation Service: Dieses Tool ĂŒberprĂŒft den Syntax von Atom und RSS Feeds.

11. Pingdom Website Speed Test: Pingdom untersucht so ziemlich alle Aspekte der Website. Ladezeiten, DateigrĂ¶ĂŸen und andere Details ĂŒber die Elemente werden getestet. Aus den Ergebnissen werden ĂŒbersichtliche Statistiken erstellt. Die Tests werden alle mit echten Webbrowsern durchgefĂŒhrt, so dass die Ergebnisse realistisch sind.

12. Google Page Speed: Dieses Tool zeigt nicht nur die Fehler der Seite an, sondern auch welche Anforderungen eingehalten wurden, und wie bestimmte Fehler zu beheben sind. Diese Analysen werden sowohl fĂŒr die mobile, als auch fĂŒr die Desktopversion vorgenommen.