Validierung ist zweifellos einer der wichtigsten Aspekte guten Webdesigns. Dies gilt insbesondere für ein CMS wie WordPress, bei dem Sie sowohl in ihrem Theme als auch in ihrem Content vorsichtig sein müssen. In diesem Beitrag möchte ich ihnen einen kurzen Überblick über die Validierung einer WordPress-Website geben.
Warum sollten Sie eine Website validieren?
Oder besser gefragt, was ist die Bedeutung der Validierung?
Einfach ausgedrückt bedeutet die Validierung einer Website, dass der Code der Seite den Standards des World Wide Web Consortiums (W3C) entspricht. Dies geschieht in der Regel durch Überprüfung der HTML- und CSS-Ausgabe ihrer Webseiten mit einem Validierungstool. So wie es Grammatikregeln in verschiedenen Sprachen gibt, existieren auch Regeln in der Computerprogrammierung. Die Validierung überprüft ihre Website, um zu sehen, ob die Seite diesen Regeln entspricht.
Darüber hinaus müssen wir den Code unseres Themes in Übereinstimmung mit den WordPress Coding Standards halten. Dies kann manuell oder mit Tools wie dem berühmten Theme-Check-Plugin geschehen.
Wissen Sie, warum wir das checken müssen? Es gibt mehr als eine Antwort. Lassen Sie uns das etwas genauer betrachten.
Validierung ermöglicht es ihnen, ihre Webseiten zu debuggen.
Als ich in etwa 2008 anfing, mit HTML zu spielen, programmierte ich schreckliche Webseiten, voll von Fehlern wie unsachgemäßes Verschachteln von Elementen oder das Vergessen, die von mir geöffneten Tags zu schließen. CSS war noch schlimmer: Schon ein einfacher Semikolonfehler oder ein nicht auffindbarer Tippfehler bedeutete, dass ich immer mehr Zeit für meine Experimente und Projekte benötigte.
Aber auch nach 9 Jahren harter Arbeit kann ich Fehler machen, obwohl ich fast ein Experte für HTML und CSS bin. Glücklicherweise können Tools wie der HTML-Validator des W3C uns helfen, fast jeden Fehler in ihrem HTML-Code zu debuggen. Ob Sie den Code direkt einfügen, die HTML-Datei hochladen oder die URI der Website einreichen, Sie können sehen, was Sie in ihrem Code falsch gemacht haben, wo das Problem liegt und wie Sie es beheben können. Die Behebung dieser Fehler könnte sogar größere Probleme verhindern.
Validierung führt zu besserem SEO.
Niemals vergessen: Suchmaschinen-Spider lieben semantische Webseiten. Es hilft den Crawlern, die Seiten besser zu verstehen und in den SERPs haben Sie natürlich Vorteile gegenüber Webseiten, die nicht validiert werden.
Außerdem zeigt es, dass Sie sich um ihre Webseite kümmern. Die Validierung ihrer Website bedeutet, dass Sie sich bemüht haben, eine strukturelle, semantische Webseite zu haben. Das ist ein großes Plus für Suchmaschinen und dieses „große Plus“ kann einen deutlich positiven Einfluss auf ihre SEO-Rankings haben.
Validierung macht ihre Website zugänglicher und kompatibler.
Haben Sie schon einmal darüber nachgedacht, wie ein Browser eine Website liest? Sie haben „Engines“, um den Code zu analysieren und in ein visuelles Erlebnis für den Menschen umzuwandeln. Leider haben verschiedene Webbrowser unterschiedliche Engines und das kann dazu führen, dass ihre Seiten unterschiedlich behandelt werden.
In einer gültigen Website sind die meisten Unterschiede wirklich winzig und für fast jeden akzeptabel, aber eine ungültige Webseite kann so unterschiedlich gelesen werden, dass die Leute vielleicht nicht einmal in der Lage sind, ihre Seiten richtig in ihren iPhones, Kindles oder welchem Browser auch immer zu sehen. Validierung behebt fast jeden großen Unterschied und macht ihre Website für alle Webbrowser lesbar.
WordPress Tools für die Validierung.
Jetzt wissen wir, warum wir unsere Webseiten validieren sollten. Im Folgenden zeige ich ihnen, wie Sie dieses Vorhaben realisieren können. Um nicht alles doppelt zu erzählen, werde ich nicht darauf eingehen, wie Sie ihren Post-Inhalt validieren müssen; aber denken Sie daran, dass die meisten Dinge, die ich sagen werde, auch für den Inhalt gelten, den Sie in WordPress-Posts und Seiten schreiben.
Validierung von HTML-Code.
Der HTML Markup Validation Service des W3C ist wahrscheinlich das einfachste und beliebteste Werkzeug, um ihre Webseite zu überprüfen und zu validieren. Mit diesem Tool können Sie fast jeden Validierungsfehler erkennen, der von fehlenden Alt-Attributen für ihre IMG-Tags bis hin zur Platzierung eines Elements auf Blockebene innerhalb eines Inline-Elements reicht.
Sie können ihren HTML-Code bewerten, indem Sie die Adresse ihre Webseite angeben, die HTML-Datei hochladen oder den HTML-Code direkt einfügen.
Validierung von CSS-Stilen.
Genau wie das HTML-Validierungstool ist der CSS-Validierungsservice des W3C das beliebteste CSS-Validierungstool im Web. Und wie der HTML-Validator können Sie ihr CSS validieren, indem Sie die URI einfügen, eine CSS-Datei hochladen oder ihren Code direkt einfügen.
Beachten Sie, dass dieses Tool „CSS-Hacks“ als Fehler erkennt und Sie einen anderen Weg finden müssen, ältere Browser zu unterstützen, um gültig zu bleiben.
WordPress-Feeds validieren.
Obwohl es nicht populär ist, stellt die „Feeds-Validierung“ einen sehr wichtigen Aspekt der Validierung ihrer Website dar. Zudem können Sie ihren WordPress-Feed mit dem W3C Feed Validation Service für Atom und RSS auf Fehler überprüfen. Glücklicherweise sind die Standard-Feeds von WordPress perfekt validiert, so dass ihre Feeds wahrscheinlich bereits gültig sind, wenn Sie kein Plugin zum Manipulieren von Feeds verwenden.
Zusätzlich existiert ein bemerkenswertes Tool mit der Bezeichnung Unicorn von W3C, das im Grunde genommen ein vereinheitlichter Validator ist. Obwohl es wie eine abgekündigte Open-Source-Anwendung aussieht, liefert es dennoch zufriedenstellende Ergebnisse über HTML, CSS, Feed und i18n-Validierung. Die Ergebnisseite ist etwas verwirrend, aber wenn Sie jemals Ergebnisse von mehreren Validierungstests benötigen, werden Sie dieses Tool lieben.
Validierung ihres WordPress-Themes mit Theme-Check.
Neben den W3C Standards hat auch WordPress seine Standards:
- PHP Coding Standards beinhaltet die korrekte Verwendung von einfachen und doppelten Ausführungszeichen, die Verwendung von vollständigen PHP-Tags zu jeder Zeit, die korrekte Verwendung von Leerzeichen, die Verwendung von Yoda-Bedingungen und so weiter.
- HTML Coding Standards bezieht sich auf das Schreiben von gültigem HTML-Code: Verwendung von Attributwerten mit Kleinbuchstaben, Umhüllung der Attributwerte mit Anführungszeichen, Verwendung von Leerzeichen mit logischer Einrückung etc.
- CSS Coding Standards beinhaltet die korrekte Strukturierung des Stylesheets, die Verwendung von Kleinbuchstaben in Selektoren, die Anordnung der Eigenschaften, Kommentare und dergleichen.
- JavaScript Standards erfordert, dass wir Klammern entsprechend verwenden, Funktionen und Variablen mit cameICase benennen, eine anonyme Funktion definieren, wenn jQuery verwendet werden soll und so weiter.
- Theme Review Standards beinhaltet das Schreiben von Qualitätscode, das Trennen der Funktionalität durch die Verwendung von Plugins, die Verwendung von Template-Tags und -Hooks, die Unterstützung von WordPress generierten CSS-Klassen, das Sichern des Themes, die entsprechende Lizenzierung, die korrekte Organisation der Theme-Dateien, das Schreiben einer ausreichenden Dokumentation. Es ist einfach zu viel.
Das Theme Check Plugin prüft ihr Theme über diese Standards, insbesondere die „Theme Review“ Standards. Das Ergebnis kann sowohl deprimierend als auch motivierend sein, also geben Sie die Hoffnung nicht auf und versuchen Sie, die Fehler zu beseitigen, um ein fantastisches WordPress-Theme zu erstellen.
Gerade als ich anfing, diesen Artikel zu schreiben, kam eine neue Webseite mit der Bezeichnung ThemeCheck.org heraus, die genau das tut, was das Theme Check Plugin tut. Sie müssen das Theme Check Plugin nicht installieren, stattdessen können Sie ihr Theme auf die Website hochladen und ihre Punktzahl zusammen mit Empfehlungen zur Verbesserung ihres Themes erhalten. Außerdem können Sie den Validierungswert ihres Themes mit anderen teilen, indem Sie den von ihnen bereitgestellten Badge platzieren.
Einpacken.
Die Validierung ihrer Website ist unerlässlich, keine Frage. Solange Sie ihre Webseiten validieren und pflegen, um gültig zu bleiben, werden Sie nur davon profitieren.
Vielen Dank fürs Lesen.
Hinterlasse einen Kommentar
Du musst angemeldet sein, um einen Kommentar schreiben zu können.