Web-Standards sollten eine treibende Kraft hinter der Arbeit eines Designers oder Entwicklers sein. Sie bieten eine Skala, an der die Qualität, Struktur, Syntax und Methodik der Entwurfsarbeit gemessen werden können.

Um die Vorteile von Webstandards zu erklären, Ich habe verglichen auf meinem eigenen Blog die Landschaft des Internets heute mit dem von vor 10 bis 15 Jahren.

Fragen bezüglich der browserübergreifenden Kompatibilität und der Notwendigkeit, umfangreiche Tests vor dem Start durchzuführen, sind noch nicht abgeschlossen, aber die Standardisierung von DOM, (X) HTML, CSS und einer Reihe anderer Technologien hat die digitale Welt viel vorhersehbarer gemacht.

Wenn wir eine standardkonforme Website kodieren, können wir sicher sein, dass sie auch in Firefox, Safari, Chrome, Opera und sogar Internet Explorer (ab Version 7) identisch ist. Inkonsistenzen treten auf, aber jeder, der zu beiden Seiten der letzten Dekade des Webdesigns und der Entwicklung stand, würde sicherlich den Wert von Standards erkennen.

Als Gemeinschaft akzeptieren wir Standards und ermutigen andere, dasselbe zu tun. Wir schreiben semantischen Code, validieren ihn und gehen manchmal so weit, eingehende Diskussionen darüber zu führen, wie wir CSS und HTML formatieren sollten (oder nicht sollten).

Aber die hässliche Wahrheit ist, dass es dem durchschnittlichen Kunden von Joe einfach egal ist. Joe sucht nicht nach einer konformen Website, sondern nach einer effektiven Website.

Es gibt natürlich Ausnahmen. Sie könnten "glücklich" genug sein, einen Alleskönner zu finden, der die Einhaltung von Standards fordert, weil er gehört hat, dass ein Freund eines Assistenten eines anderen CEOs sagt, dass es wichtig ist.

In den meisten Fällen sucht Joe jedoch keinen Designer, der alle vom W3C empfohlenen Standards erfüllen kann. Er weiß wahrscheinlich nicht einmal, was das W3C ist .

Vielmehr sucht Joe nach einem Designer, der eine Website erstellen kann, die ihm hilft, sein Ziel zu erreichen. Ob es das Ziel ist, mehr Produkte zu verkaufen, Informationen über sein Unternehmen zu teilen oder Menschen mit einem gemeinsamen Interesse zusammenzubringen, er wird sicherlich mehr daran interessiert sein, es zu erreichen als mit einer Website, die als standardkonform abtastbar ist.

Also, geben wir Standards ganz auf, um Joe das zu geben, was er will? Ganz und gar nicht. Standards, wie wir es besprochen haben, sind kritisch und sollten weitgehend in der Arbeit, die wir für Kunden tun, eine Rolle spielen, selbst wenn sie nicht selbst ein Verkaufsargument sind.

Ich habe eine Reihe von Portfolios gesehen, in denen die Designer stolz behaupten, dass ihre Websites auf gültigem standardkonformem HTML, CSS und so weiter aufgebaut sind. Das ist zwar eine gute Sache, aber wir müssen uns fragen, was das für Joe bedeutet. Meistens wird Joe davon ausgehen, dass Sie nur meinen, dass Ihre Designs von hoher Qualität sind, oder dass Sie mit den neuesten technologischen Trends Schritt halten (wie z oft missverstandenes Web 2.0 ).

Standards sind so viel mehr als das. Aber wir können es uns nicht leisten, Joe zu verlassen, um die Punkte zu verbinden, wenn er Standards überhaupt nicht vollständig versteht. Anstatt die Standards selbst zu betonen, sollten wir uns darauf konzentrieren, ihre Vorteile zu erklären.

Zugänglichkeit

Bei der Barrierefreiheit geht es darum, Websites zu erstellen, die von Benutzern mit Behinderungen verwendet und navigiert werden können. Die am häufigsten genannte Implementierung besteht darin, Inhalte für Bildschirmlesesoftware und Text-zu-Braille-Hardware erkennbar zu machen.

Dies könnte für die Kunden von großem Vorteil sein. Die meisten Kunden verstehen wahrscheinlich nicht, dass solche Hilfstechnologien das HTML-Dokument im Grunde parsen und den Inhalt in einem Format zurückgeben, das der Benutzer verstehen kann. Der standardkonforme Code hilft dabei, die Dokumentenstruktur zu erstellen, die für die ordnungsgemäße Funktion dieser Geräte erforderlich ist. Dadurch wird die Website leichter zugänglich.

Hilfe-Zeichen mit Braille

Das Trennen von Inhalt (HTML) von Präsentation (CSS) macht Seiten auch zugänglicher, wenn bestimmte Stilelemente nicht verfügbar sind (entweder weil der Server sie nicht liefert oder die benutzerdefinierten Einstellungen des Benutzers sie außer Kraft setzen).

Ohne die Stilinformationen wird eine gut konstruierte Website einfach auf die Standardeinstellungen des Browsers zurückgesetzt, so dass der Inhalt auch dann noch zugänglich ist, wenn die Stilelemente dies nicht tun. Websites, die nicht den Standards entsprechen, greifen in der Regel nicht auf diese Weise zugreifbar zurück.

Zukunftssicherheit

Während sich die Landschaft des Internets ständig verändert, wollen Kunden nach ein paar Jahren wegen veralteten Codes in der Regel nicht für eine komplett neue Website bezahlen.

Während die großen Browser-Hersteller ihr Bestes geben, um ihre Rendering-Engines abwärtskompatibel zu machen (und HTML5 selbst hat dieses Konzept eingebaut), könnten die zukunftsweisenden Vorteile von Web-Standards die Kunden ansprechen.

Nur weil eine nicht konforme Website in den aktuellen Browserversionen gut aussieht, bedeutet dies nicht, dass dies in Zukunft der Fall sein wird, insbesondere, da Browser bestimmte Marotten weiterhin zugunsten einer breiteren Standardisierung ablehnen. Daher könnte man argumentieren, dass konforme Websites am besten geeignet sind, den Test der Zeit zu bestehen, da sie nach dem Bauplan erstellt werden, der die Entwicklung des Internets steuert.

Verbesserte Leistung

Selbst der uninformierteste Kunde würde erkennen, wie schädlich eine träge Website für sein Geschäft sein würde. Web-Standards können auch dabei helfen.

Die Richtlinie, Inhalte und Präsentation zu trennen, wurde von Puristen nicht aus semantischem Snobismus begründet. Es ist wirklich der beste Weg, eine Website zu erstellen. Das Einbetten von Stilmarkierungen auf jeder Seite würde eine Menge an Aufblähung verursachen und die Seitengröße erhöhen (und die Menge an Informationen, die die Benutzer herunterladen müssten).

Indem Sie den Stil-Code in eine cachefähige CSS-Datei verschieben und Layout-Tabellen und andere nutzlose Mark-ups eliminieren, werden Sie die Website reaktionsfähiger und benutzerfreundlicher gestalten. Joe würde das sicherlich zu schätzen wissen.

Die verbesserte Leistung reduziert auch den Bandbreitenverbrauch und die damit verbundenen Kosten (obwohl die meisten Hosting-Pakete mit mehr Bandbreite ausgestattet sind, als eine Website jemals benötigen würde).

Einfachere Wartung

Von den vielen Vorteilen, die eine standardkonforme Website mit sich bringt, ist vielleicht am reizvollsten, dass sie im Allgemeinen weniger Wartung erfordert als eine nicht konforme Website - oder zumindest die Wartung viel schneller und kostengünstiger erfolgen kann. Einige Änderungen an einem Stylesheet aktivieren Änderungen auf der Website.

Vergleichen Sie dies mit einer Website, die Stil und Inhalt vermischt. Um eine einfache Änderung vorzunehmen, kann es erforderlich sein, mehrere Vorlagendateien oder, schlimmer noch, eine Reihe von statischen HTML-Dokumenten zu durchsuchen. Ich erinnere mich daran, dass ich das selbst tun musste, vor der Erleuchtung, und durch eine Vielzahl von Hässlichen watete font Tags auf den Seiten verstreut. Jede typografische Veränderung würde Stunden dauern, und ich vermisste immer wieder ein oder zwei.

einfache Wartung

Standards helfen Kunden, diese Probleme zu vermeiden, und profitieren stattdessen von einer viel einfacheren, kostengünstigeren und effizienteren Wartung.

Da sie semantisch ist und etablierten Dokumentstrukturen folgt, ist eine kompatible Website auch für andere Designer und Entwickler leichter zu lesen und zu verstehen. Also, wenn der Client benötigt jemand anderes, um ihre Website zu pflegen, wird diese Person nicht stundenlang versuchen müssen, ihren Kopf um den Code zu wickeln.

SEO

Während dort ist kein wirklicher Konsens über die Wirkung von Web-Standards auf Suchmaschinen-Optimierung ist eines klar: Standards tun nicht weh. In der Tat bringen sie sehr wahrscheinlich eine Reihe von Vorteilen für das Ranking einer Website. Schau dir nur die Tipps an, die Aaron Walter in seinem " Findability / SEO Cheat Sheet: Leitfaden für Web Standards SEO , "Die alle den Web-Standards entsprechen. Hier sind einige der Anforderungen, die er vorschlägt:

  • Ihr Markup sollte keine Fehler enthalten, die die Indexierung einer Suchmaschine erschweren würden. Bestätigen Sie Ihr Markup mit dem W3Cs Validierungswerkzeug .
  • Schreiben Sie semantisch sinnvolle Markups. Dies bedeutet, dass Tags so verwendet werden, wie sie verwendet werden sollen, und zwar so, dass sie den Inhalt widerspiegeln und nicht ihrem Standardformat entsprechen. Benutzen W3C Semantik-Extraktor Überprüfen Sie Ihre Arbeit und sehen Sie Ihre Website ohne CSS an, um sicherzustellen, dass die Informationshierarchie Ihre Nachricht unterstützt.
  • Schreibe verständlich title Tags, beginnend mit dem Seitennamen, dann der Website-Name, dann eine kurze Stichwortsuche, die die Website beschreibt.
  • Verwenden Sie Überschriften-Tags mit relevanten Schlüsselwörtern, um die Schlüsselbereiche Ihrer Seiten zu identifizieren. Setzen Sie die Überschriften-Tags in die Reihenfolge ihrer Wichtigkeit, beginnend mit h1 (für den Namen der Website oder Organisation).

Es liegt auf der Hand, dass die Einhaltung von Standards dem SEO einer Website aus den gleichen Gründen helfen würde, die es zukunftssicher machen. Wenn sich die Suchalgorithmen verbessern, bleiben kompatible Webseiten natürlich am lesbarsten und kriechfähig, was sie zu einem guten Ranking macht.

Stellen Sie sicher, dass Kunden verstehen, dass SEO nicht auf Kosten von Standards erfolgen sollte. Alles, was Standards durchbricht, ist wenig mehr als eine schnelle Lösung für flüchtige Ergebnisse, keine zukunftsweisende Lösung, um die Sichtbarkeit zu erhalten.

Fazit

Joe interessiert sich zwar nicht für die Einhaltung von Standards, aber er wird offen sein für die vielen konkreten Vorteile, die sich daraus für sein Unternehmen ergeben. Aber Sie sind derjenige, der ihm diese Vorteile erklären muss.

Sie müssen erklären, wie die Einhaltung von Webstandards seine Website schneller, zugänglicher, einfacher zu pflegen, zukunftssicherer und wahrscheinlich besser auffindbar macht. Wenn Sie ihm helfen können, all das zu begreifen, wird er vielleicht noch mehr von Standards begeistert sein als Sie!


Geschrieben exklusiv für Webdesigner Depot von Matt Ward. Matt ist ein angesehener Designer und Schriftsteller, der unter dem Namen Freiberufler auftritt Echo ausdauernde Medien . Derzeit ist er auch Creative Director bei Highland-Marketing . Sie sollten Matt folgen Twitter .

Wie gehen Sie mit Webstandards um? Wie erklären Sie Kunden ihren Nutzen? Teilen Sie Ihre Ansicht unten.