So überprüfen Sie eine WordPress-Website effektiv

Die Validierung ist zweifellos einer der wichtigsten Aspekte eines guten Webdesigns. In einem Content-Management-System wie WordPress müssen Sie sowohl in Ihrem Design als auch in Ihrem Inhalt auf HTML & CSS achten. In diesem Tutorial werden wir über die Validierung einer WordPress-Website sprechen.

Warum eine Website validieren??

Oder vielleicht ist die bessere Frage die Bedeutung der Validierung?

Vereinfacht gesagt bedeutet die Validierung einer Webseite, dass der Code der Seite den Standards des World Wide Web Consortiums (W3C) entspricht. Dies erfolgt normalerweise durch Überprüfen der HTML- und CSS-Ausgabe Ihrer Webseiten mit einem Validierungswerkzeug. So wie es Grammatikregeln in verschiedenen Sprachen gibt, gibt es auch Regeln in der Computerprogrammierung. Die Überprüfung überprüft Ihre Webseite, um festzustellen, ob die Seite diesen Regeln entspricht.

Darüber hinaus müssen wir auch den Code unseres Themas an die WordPress-Codierungsstandards anpassen. Dies kann manuell erfolgen (indem Sie bei der Programmierung eines WordPress-Themas einen gesunden Menschenverstand haben) oder Tools wie das bekannte Theme Check-Plugin verwenden.

Und warum müssen wir bestätigen, fragen Sie? Es gibt mehr als eine Antwort. Werfen wir einen Blick:

Validierung ermöglicht das Debuggen Ihrer Seiten

Als ich 2005 anfing, mit HTML zu spielen, codierte ich diese schrecklichen Webseiten, die voller Fehler waren, z. B. durch falsches Schachteln von Elementen oder das Vergessen, die von mir geöffneten Tags zu schließen. CSS war noch schlimmer: Nur ein einfacher Semikolonfehler oder ein nicht feststellbarer Tippfehler bedeutete, dass ich immer mehr Zeit für meine Experimente und Projekte benötigte.

Aber selbst nach neun Jahren harter Arbeit kann ich trotz meiner Tatsache Fehler machen fast ein Experte für HTML und CSS. Zum Glück können Tools wie der HTML-Validator von W3C dazu beitragen, fast jeden Fehler in Ihrem HTML-Code zu beheben. Wenn Sie den Code direkt einfügen, die HTML-Datei hochladen oder den URI der Webseite übermitteln, können Sie sehen, was Sie in Ihrem Code falsch gemacht haben, wo das Problem liegt, und Vorschläge zur Behebung des Problems. Das Beheben dieser Fehler kann sogar größere Probleme verhindern.

Validierungsergebnisse in besserer SEO

Vergiss niemals diese Tatsache: Suchmaschinenspinnen Liebe semantische Webseiten. Es hilft diesen Crawlern, Seiten besser zu verstehen, und in SERP-Listen erhalten Sie natürlich einen Vorteil gegenüber Seiten, die nicht gültig sind.

Außerdem zeigt es, dass Sie Pflege über Ihre Website. Beim Überprüfen Ihrer Webseite haben Sie sich bemüht, eine strukturelle, semantische Webseite zu erstellen (oder Sie verfügen bereits über die Werkzeuge oder das Wissen, um diese Seite zu erstellen). Das ist ein großes Plus für Suchmaschinen und dieses "große Plus" kann Ihre Rankings verbessern.

Validierung macht Ihre Website zugänglicher und kompatibler

Hast du schon mal darüber nachgedacht wie ein Browser liest eine Internetseite? 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 dies kann dazu führen, dass Ihre Seiten unterschiedlich behandelt werden.

In einer gültigen Webseite sind die meisten Unterschiede für fast alle recht klein und akzeptabel, aber eine ungültige Webseite wird möglicherweise so unterschiedlich gelesen, dass die Nutzer Ihre Seiten möglicherweise nicht einmal richtig in ihren iPhones, Kindles oder anderen Browsern sehen können mit. Die Validierung behebt fast alle wichtigen Unterschiede und macht Ihre Webseite für fast alle Webbrowser lesbar.

Validierungs-Tools für Ihre WordPress-Website

Jetzt wissen wir Warum Wir sollten unsere Webseiten überprüfen, mal sehen Wie es zu tun. Um das Doppelgespräch zu überspringen, möchte ich nicht erwähnen, dass Sie den Inhalt Ihres Beitrags überprüfen müssen. Denken Sie jedoch daran, dass die meisten Dinge, die ich sage, auch für die Inhalte gelten, die Sie in WordPress-Posts und -Seiten schreiben.

HTML-Code überprüfen

Der W3C-HTML-Markup-Validierungsdienst ist wahrscheinlich das einfachste und beliebteste Werkzeug, das zur Überprüfung und Validierung Ihrer Webseite zur Verfügung steht. Mit diesem Tool können Sie fast jeden Validierungsfehler erkennen, der von fehlenden ALT-Attributen für Ihre IMG-Tags bis zum Platzieren eines Elements auf Blockebene in einem Inline-Element reicht.

Sie können Ihren HTML-Code bewerten, indem Sie die Adresse Ihrer Webseite angeben, die HTML-Datei hochladen oder den HTML-Code direkt einfügen.

CSS-Stile überprüfen

Genau wie das HTML-Validierungswerkzeug ist der CSS-Validierungsdienst von W3C das am häufigsten verwendete CSS-Validierungswerkzeug im Web. Wie beim HTML-Validator können Sie Ihr CSS überprüfen, indem Sie den URI einfügen, eine CSS-Datei hochladen oder Ihren Code direkt einfügen.

Beachten Sie, dass dieses Tool "CSS-Hacks" als Fehler erkennt. Um Gültigkeit zu behalten, müssen Sie einen anderen Weg finden, ältere Browser zu unterstützen.

Validierung von WordPress-Feeds

Obwohl es nicht sehr beliebt ist, ist die "Feed-Validierung" ein weiterer wichtiger Aspekt der Validierung Ihrer Website. Und Sie können Ihren WordPress-Feed mit dem Feed-Validierungsdienst von W3C für Atom und RSS auf Fehler überprüfen. Glücklicherweise (und natürlich) werden die Standard-Feeds von WordPress einwandfrei überprüft, sodass Ihre Feeds wahrscheinlich bereits gültig sind, wenn Sie kein Plug-In zum Manipulieren von Feeds verwenden.

Darüber hinaus gibt es ein bemerkenswertes Werkzeug namens Unicorn von W3C, bei dem es sich im Wesentlichen um einen einheitlichen Prüfer handelt. Obwohl es wie eine auslaufende Open-Source-Anwendung aussieht, liefert es dennoch zufriedenstellende Ergebnisse hinsichtlich der HTML-, CSS-, Feed- und I18n-Validierung. Die Ergebnisseite ist etwas verwirrend, aber wenn Sie Ergebnisse mehrerer Validierungstests benötigen, werden Sie dieses Tool lieben.

Überprüfen Sie Ihr WordPress-Theme mit Theme Check

Neben den W3C-Standards hat WordPress auch seine Standards:

  • PHP Coding Standards beinhaltet die korrekte Verwendung von einfachen und doppelten Anführungszeichen, die Verwendung vollständiger PHP-Tags, die korrekte Verwendung von Leerzeichen, die Verwendung von Yoda-Bedingungen usw..
  • HTML Coding Standards bezieht sich auf das Schreiben von gültigem HTML-Code. Verwenden Sie Attributwerte mit Kleinbuchstaben, umschließen Sie die Attributwerte in Anführungszeichen, verwenden Sie Leerzeichen mit logischem Einzug usw.
  • CSS Coding Standards beinhaltet die korrekte Strukturierung des Stylesheets, die Verwendung von Kleinbuchstaben (mit Bindestrichen zum Trennen von Wörtern) in Selektoren, das Ordnen der Eigenschaften, das Kommentieren und dergleichen.
  • JavaScript Coding Standards-Aufrufe, mit denen wir Klammern verwenden, benennen Funktionen und Variablen mit camelCase, Definieren einer anonymen Funktion, wenn jQuery verwendet wird, und so weiter.
  • Theme Review Standards umfasst das Schreiben von Qualitätscode (natürlich), das Trennen der Funktionalität mithilfe von Plugins, das Verwenden von Vorlagen-Tags und Hooks, das Unterstützen von WordPress-generierten CSS-Klassen, das Sichern des Themas, die ordnungsgemäße Lizenzierung, das ordnungsgemäße Ordnen der Designdateien und das Erstellen einer ausreichenden Dokumentation einfach zu viel!

Das Theme Check-Plugin überprüft Ihr Theme bezüglich dieser Standards - insbesondere der "Theme Review" -Standards. Das Ergebnis kann deprimierend und 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, erschien eine neue Website namens ThemeCheck.org, die genau das tut, was das Theme Check-Plugin macht. Sie müssen das Theme Check-Plugin nicht installieren. Stattdessen können Sie Ihr Design auf die Website hochladen und Ihre Bewertung zusammen mit Empfehlungen zur Verbesserung Ihres Designs (falls erforderlich) erhalten. Außerdem können Sie den Validierungswert Ihres Themas teilen, indem Sie die von ihnen bereitgestellte Plakette platzieren. Ordentlich, nicht wahr??

Einpacken

Die Validierung Ihrer Website ist unerlässlich, keine Frage. Solange Sie Ihre Webseiten validieren und pflegen, um gültig zu bleiben, profitieren Sie nur davon.

Was halten Sie von der Wichtigkeit der Validierung? Tragen Sie mit Ihren Kommentaren zu diesem Artikel bei! Und wenn Ihnen dieses Tutorial gefallen hat, vergessen Sie nicht, es mit Ihren Freunden zu teilen!