Hallo zusammen! Heute werde ich Ihnen sagen, was es ist Gültigkeit des Site-Codes, Warum wird es überhaupt benötigt und wie kann man es mithilfe verschiedener Online-Validierungsdienste des W3C (HTML, CSS) überprüfen und beheben? Beginnen wir also mit den Theorien. Was genau ist dieser Begriff?
Die Codegültigkeit gibt an, inwieweit Ihr Website-Code den anerkannten internationalen Standards, abgekürzt W3C, entspricht. Mit anderen Worten, vor langer Zeit eine Reihe von Allgemeine Regeln beim Schreiben von Code, der, wenn er nicht den W3C-Standards entspricht, zu einer falschen Anzeige Ihrer Website auf verschiedenen Computern und Computern führen kann mobile Browser. In besonders seltenen Fällen kann dies auch zu Sanktionen durch Suchmaschinen sowie zur Einführung verschiedener Filter führen, die die Entwicklung Ihres Projekts verlangsamen können. Dies kommt jedoch sehr selten vor, da selbst Yandex und Google selbst Code haben, der nicht 100 % gültig ist, also Fehler enthält.
Tatsächlich haben Sie wahrscheinlich eine Frage: Warum muss ich meine eigene Zeit damit verbringen, den Code meiner Website zu bearbeiten, damit er gültig wird, wenn er sowieso keine Auswirkungen hat? Wie ich oben geschrieben habe, ist dies notwendig, um sicherzustellen, dass Ihre Website in verschiedenen Browsern korrekt (ohne Fehler und Fehler) angezeigt wird. Wie Sie wissen, erfreuen sie sich heute immer größerer Beliebtheit Verschiedene Arten Telefonmodelle: iPhone, Android, Smartphone und andere, die bereits von der gesamten Erdbevölkerung genutzt werden. Heute verfügt jeder Dritte über ein eigenes Mobiltelefon, über das er online gehen und Ihre Website besuchen kann. Das ist etwa 20-30 Mal mehr als bei denen, die ein eigenes haben eigener Computer, Laptop, Tablet.
Das heißt, Sie verstehen, worauf es ankommt. Am größten ist die Zielgruppe der Menschen, die mobile Geräte nutzen, und genau das müssen wir ansprechen. Und wenn Sie sich erinnern, wie viel in den letzten 10 Jahren passiert ist mobile Geräte und wie viele neue Modelle weiterhin alle sechs Monate auf den Markt kommen, wird klar, dass es sehr dumm wäre, solchen Verkehr (Besucher) zu verpassen. Darüber hinaus stehen neue Technologien nicht still, und mit dem Aufkommen der aktualisierten HTML5-Sprache kann sich Ihre alte Website aus dem Jahr 200 vor dem Hintergrund des globalen Netzwerks sozusagen als ein großer Klotz erweisen.
Wie überprüfen Sie die Gültigkeit des HTML- und CSS-Codes Ihrer Website?
Es gibt viele solcher Dienste im Internet, allerdings sind sie fast alle schief und sogar auf Englische Sprache, wobei es auch damit nicht ganz einfach sein wird, das Gesagte zu verstehen wir reden über. Dennoch gibt es eine davon, die normaler ist und nicht nur eine Erklärung liefert, sondern auch anzeigt, in welcher Codezeile sich der Fehler befindet. Also, lernen Sie es kennen - jigsaw.w3.org.
Wenn Sie diese Website besuchen, können Sie die Gültigkeit Ihres Website-Codes auf drei Arten überprüfen. Geben Sie auf der Registerkarte „URI-Prüfung“ die Adresse Ihrer Website ein und der Dienst zeigt Ihnen die gesamte Liste der in den Codes gefundenen Fehler nur an Startseite! Wenn Sie sich wie ich nicht besonders gut mit Codes auskennen und beim Anzeigen des Codes Ihrer Website die zu korrigierende Zeile nicht finden können, können Sie einfach Ihre CSS-Styles-Datei (Site-Design) unter „Hochgeladene Datei überprüfen“ hochladen ” Tab. .
In diesem Fall wissen Sie bereits, in welche Datei Sie den Code einfügen müssen. Übrigens geht es noch einfacher. Wenn Ihre Website beispielsweise auf einer Engine läuft, müssen Sie nur zum Blog-Administrationsbereich gehen unter „ Aussehen» „Editor“, wählen Sie eine Datei aus, zum Beispiel einen Header (header.php), kopieren Sie den Code und fügen Sie ihn in den Dienst im Reiter „Überprüfung des eingegebenen Textes“ ein. So habe ich persönlich meinen Blog überprüft.
Auf meiner Website gab es also 44 Fehler, was im Vergleich zu anderen Websites sehr wenig ist. Onkel Yandex hat übrigens bis zu 155 Fehler, ah-ah-ah. Na gut, lasst uns nicht über traurige Dinge reden.
Um Ihnen die Korrektur dieser Ungenauigkeiten in den Codes zu erleichtern, möchte ich Ihnen auf meinem Blog persönlich einige Beispiele zeigen. Achten Sie zunächst auf die Aufschrift Zeile 26. Dies weist auf eine Codezeile hin. Um es schnell zu finden, platzieren Sie den Code, den Sie in den Dienst jigsaw.w3.org eingefügt haben, in einem beliebigen HTML-Editor. Die Zeilenbeschriftungen werden angezeigt.
Beachten Sie, dass einige Tags im Code immer rot hervorgehoben sind. Dies ist der Ort, an dem Sie den Code suchen und bearbeiten müssen. Meistens muss es vollständig entfernt oder die fehlenden Tags hinzugefügt werden. Auch im Titel und am Ende der Inschrift finden sich Tipps auf Englisch, was zur Behebung des Fehlers zu tun ist.
Beispiel 1. Hier müssen Sie die rot hervorgehobenen Anführungszeichen entfernen <> . Sie sollten sich nicht innerhalb des Codes befinden, wo sie bereits am Anfang und am Ende vorhanden sind.
Beispiel 2. Am Ende des Codes fehlt ein schließendes Tag /> . Beachten Sie, dass, wenn oben im Code eine weitere Zeile steht, ebenfalls mit einem nicht geschlossenen Tag, diese ebenfalls geschlossen werden muss, sonst verschwindet der Fehler nicht.
Beispiel 3. Hier müssen Sie nur die wiederholte Zeile entfernen: „ href=""> .
Mit einem Kreuz markierte Fehler sollten Sie übrigens zuerst korrigieren und nicht Ausrufezeichen, da diese Fehler nicht so wichtig sind. Tun Sie dies auch, bevor Sie etwas reparieren, da die Wahrscheinlichkeit hoch ist, dass es kaputt geht. Nachdem Sie den Code vollständig bereinigt haben, empfehle ich Ihnen, sich die Darstellung Ihrer Website anzusehen verschiedene Browser An verschiedene Plattformen PCs und Telefone. Der kostenlose Onlinedienst browsershots.org kann Ihnen dabei helfen.
Wie sonst können Sie schnell die Gültigkeit des HTML- und CSS-Codes Ihrer Website überprüfen?
Wenn Ihnen jigsaw.w3.org nicht ausreichte, finden Sie hier noch ein paar weitere Zusatzleitungen um die Gültigkeit zu prüfen HTML Quelltext und Website: www.validome.org, watson.addy.com,
Abschließend möchte ich sagen, dass Sie sich darüber keine Sorgen machen müssen, wenn Sie ein paar Fehler bei sich finden, da es heute nicht mehr so wichtig ist. Generell werden zu diesem Thema schon seit Längerem Experimente durchgeführt, bei denen deutlich wurde, dass schlecht valider Code keinen Einfluss auf die Suchergebnisse einer Seite hat. Aber leider ist das Internet eine Umgebung, in der sich alles schnell ändert. Heute spielt es vielleicht keine Rolle, aber morgen wird Yandex diesen zusätzlichen Algorithmus hinzufügen und die Suchpositionen könnten nachlassen (fallen). Wenn Sie also mehr Zeit haben, am Code Ihrer Website herumzubasteln, ist es besser, dies jetzt zu tun.
Alle in dieser äußerst nützlichen Sammlung vorgestellten Dienste helfen dem Webdesigner, seine Website auf Übereinstimmung mit den Standards und allgemein anerkannten Normen von Webentwicklern zu testen. Insbesondere können Sie die Richtigkeit des HTML-Codes der Seite, die CSS-Stile, die weltweite Zugänglichkeit der Website, die Zugänglichkeit für mobile Geräte, die extreme Auslastung der Website, die Seitenladegeschwindigkeit, das Aussehen der Website in verschiedenen Browsern usw. überprüfen Internet Explorer.
1. Checklink
Überprüft eine Website oder Seite auf defekte Links 
2. URL-Prüfer
Überprüft die Verfügbarkeit der Website in verschiedenen Teilen der Welt. 
3. Mobiler Checker
Überprüft, wie barrierefrei die Seite für mobile Geräte ist und zeigt eine Liste mit Fehlern und Kommentaren an. 
4. Einhorn
Mehrere Tests für die Site, insbesondere HTML 1.0 und Feed-Validierung. 
5. CSS-Validator
Validierung von Cascading Style Sheets (CSS) und (X)HTML-Dokumenten. 
6. RSS-Feed-Validator
Überprüfung der Syntax von RSS-Feeds. 
7. Zugänglichkeit mit Stil
Testet die Website auf Einhaltung der WCAG 1.0-Standards. 
8. Farbkontrast
Überprüft den Farbkontrast zwischen den vorderen und hinteren Elementen der Site. 
9. WDG HTML-Validator
Validator für HTML-Webseiten. 
10.Dr. Watsons Site-Validierungsprüfung
Umfassender Site-Check in mehreren Bereichen: HTML, Links, Bildlinks, Ladegeschwindigkeit, SEO. 
11. Roboter-Checker
Dienst zur Überprüfung der robots.txt-Datei. 
12. Firebug Firefox-Erweiterung
Erweiterung für Firefox mit einer Reihe von Testtools. 
13. Lastaufprall
Testen der Website unter extremen Bedingungen erhöhter Belastung der Website. 
14.Accessibility-Checker
Ein weiterer Service zum Testen einer Website auf Einhaltung von Standards. 
15. Viewlike.us – der Dienst funktioniert nicht
Zeigt, wie die Website bei verschiedenen Bildschirmauflösungen aussieht. 
Überprüft HTML-Code, der entweder über einen Link zu einer Seite oder einfach in Form einer hochgeladenen Datei oder eines kopierten Textes angegeben wird. Gibt eine Liste von Kommentaren mit Empfehlungen zu deren Korrektur an.
http://validator.w3.org/
CSS-Validierung (CSS-Validator)
Überprüft Dokumentstile oder ein Stylesheet, das sich in einer separaten Datei befindet.
http://jigsaw.w3.org/css-validator/
Überprüfung von RSS- und Atom-Feeds
Überprüft, ob RSS- und Atom-Feeds ordnungsgemäß funktionieren.
http://validator.w3.org/feed/
Überprüfen Sie die Rechtschreibung auf einer Webseite
Hebt Fehler zu einem gegebenen Zeitpunkt hervor Seiten-URLs e.
http://webmaster.yandex.ru/spellcheck.xml
Zeigt Fehler im Text an, der in das Überprüfungsfenster kopiert wurde.
http://api.yandex.ru/speller/
Überprüfung der Webseitenstruktur
Zeigt die Struktur einer Webseite. Relevant für die Prüfung von HTML5-Dokumenten. Das kyrillische Alphabet wird nicht korrekt angezeigt (:.
http://gsnedders.html5.org/outliner/
Inhalte auf Einzigartigkeit prüfen
IN Freie Version Zeigt bis zu 10 Seiten im Internet mit teilweisen Textübereinstimmungen mit Ihrer Seite an.
http://www.copyscape.com
Überprüft die Eindeutigkeit des in das Formular eingegebenen Textes. In der kostenlosen Version können Sie auf Ergebnisse warten.
http://www.miratools.ru/Promo.aspx
Überprüft die Einzigartigkeit sowohl des eingegebenen Textes als auch des Textes unter der angegebenen URL und zeigt den Grad der Eindeutigkeit als Prozentsatz an. Verfügt über einen eigenen Verifizierungsalgorithmus.
http://content-watch.ru
Desktop-Programme zur Überprüfung der Einzigartigkeit von Inhalten aus Copywriting-Austauschen. Sie arbeiten lange, aber mit hoher Qualität. Etxt hat Versionen für drei Betriebssysteme: Mac, Linux und Windows.
http://advego.ru/plagiatus/
http://www.etxt.ru/antiplagiat/
Zeigt Websites mit ähnlichem Inhalt und ähnlicher interner Struktur an.
http://similarsites.com
Überprüfen Sie das CMS der Website
Prüft auf Anzeichen der bekanntesten cms.
http://2ip.ru/cms/
Überprüfung der Benutzerfreundlichkeit der Website für verschiedene Benutzergruppen
Überprüfung der Erreichbarkeit von mobilen Geräten
Bewertet die Fähigkeit, die Seite auf Mobilgeräten anzuzeigen, und zeigt eine Liste mit Kommentaren und Fehlern an.
http://validator.w3.org/mobile/
Überprüfung der Benutzerfreundlichkeit der Website für Google-Telefone.
https://www.google.com/webmasters/tools/mobile-Friendly/
Zeigt die Ladegeschwindigkeit der Website auf Mobilgeräten an.
https://testmysite.withgoogle.com/intl/ru-ru
Verlassen Sie die Emulator-Site mit Mobiltelefon. Zeigt die Website durch die Augen des ausgewählten Modells.
http://www.mobilephoneemulator.com/
Überprüfung der Barrierefreiheit für Menschen mit Behinderungen
Seitenüberprüfungsdienst für Sehbehinderte. Online und als Plugin für Firefox verfügbar.
http://wave.webaim.org/
Betrachten von Website-Inhalten durch die Augen eines Suchroboters
Zeigt den Site-Text an, der dem entspricht, was der Suchindexer sieht.
http://www.seo-browser.com/
Lynx-Textbrowser-Distribution für Win32-Systeme. Vor der Verwendung müssen Sie lynx.bat bearbeiten und darin den Pfad zum Verzeichnis mit lynx angeben.
http://www.fdisk.com/doslynx/lynxport.htm
Entfernt alle Markups und zeigt Seitentext, Meta-Tags und Titel-Tags sowie die Anzahl externer und interner Links an. Zeigt eine Vorschau der Seite in Google an.
http://www.browseo.net
Überprüfung der Linkstruktur der Site
Überprüfung defekter Links
Zeigt eine Liste ausgehender Links für eine URL an und prüft deren Reaktionsfähigkeit. Es kann rekursiv prüfen, d. h. unabhängig von einem Dokument zum anderen wechseln.
http://validator.w3.org/checklink
Freeware-Tool zur Überprüfung defekter Links. Damit es funktioniert, müssen Sie es auf Ihrem Computer installieren. Durchsucht die Site rekursiv, erstellt Berichte und kann zum Erstellen einer Sitemap hilfreich sein.
http://home.snafu.de/tilman/xenulink.html
Überprüfung von Verlinkungen und Seitentiteln
Scannt in der kostenlosen Version bis zu 500 Website-Seiten. Überprüft die Anzahl externer und interner Links. Zeigt Informationen zu gescannten Seiten an: Verschachtelung, Antwortcodes, Titel, Metainformationen und Überschriften.
http://www.screamingfrog.co.uk/seo-spider/
Überprüfung der Linkstruktur und Gewichtung interner Seiten
Das Programm scannt die Site, erstellt eine Matrix interner Links, fügt externe (eingehende) Links von bestimmten URLs hinzu und berechnet basierend auf diesen Daten die interne Gewichtung der Seiten der Site. Mit dem Programm können externe (ausgehende) Links für eine Liste von Seiten-URLs einer Website gefunden werden.
Überprüfung der Server-Antwortcodes, der Sichtbarkeit der Website durch Suchroboter und der technischen Eigenschaften der Website
Überprüfung von HTTP-Headern und Serverantwort, Seitensichtbarkeit für Robots
Überprüft Server-Antwortcodes, prognostiziert die Seitenladegeschwindigkeit abhängig von der Datenmenge in Bytes, zeigt den Inhalt des HTML-Head-Tags, interne und externe Links für die Seite sowie Seiteninhalte aus der Sicht eines Suchroboters an.
http://urivalet.com/
Überprüft Server-Antwortcodes. Ermöglicht die Überprüfung von Weiterleitungen (Antwortcodes 301, 302), des Last-Modified-Headers usw.
http://www.rexswain.com/httpview.html
Zeigt die Menge und den Inhalt der übertragenen Daten beim Laden der Seite an.
http://www.websiteoptimization.com/services/analyze/
Überprüft Weiterleitungen, die Verwendung des kanonischen Attributs, Meta-Tags und einige Aspekte der Website-Sicherheit. Gibt Empfehlungen zur Verbesserung des Seitenladens.
http://www.seositecheckup.com
Überprüfung der Domänen- und IP-Adressinformationen
WHOIS-Dienst des RU Center Domain-Registrierungszentrums. Bietet Informationen zu IP-Adressen und Domänen auf der ganzen Welt. Manchmal friert es ein.
https://www.nic.ru/whois/?wi=1
Whois-Dienst von RosNIIROS (RIPN). Stellt Informationen zu Domänen in der RU-Zone und IP-Adressen aus der RIPE-Datenbank (Europa) bereit.
http://www.ripn.net:8080/nic/whois/
Bestimmt, wo die Domain gehostet wird, und zeigt außerdem die IP-Adresse der Site an.
http://www.whoishostingthis.com
Prüfung, ob die IP-Adresse in der Blacklist für den E-Mail-Versand enthalten ist.
http://whatismyipaddress.com/blacklist-check
http://ru.smart-ip.net/spam-check/
MX-Einträge für eine Domain prüfen. Untersuchung SMTP-Server für die Domäne. Überprüfung der IP in Mailinglisten.
https://mxtoolbox.com/
Durchsuchen Sie die Datenbank eingetragener Marken in den USA.
http://tmsearch.uspto.gov/
Überprüfung der robots.txt-Dateien
Überprüft die Verfügbarkeit von Site-Seiten für die Indexierung durch den Yandex-Roboter.
http://webmaster.yandex.ru/robots.xml
Überprüft die Richtigkeit der robots.txt-Datei.
https://www.websiteplanet.com/webtools/robots-txt
Ortsbegehung
Überwachung der Standortverfügbarkeit. Ermöglicht Ihnen die kostenlose Verbindung einer Website mit minimalen Verifizierungsoptionen.
http://www.siteuptime.com
Überprüfen der Ladegeschwindigkeit der Website. Sendet einen Bericht per E-Mail. Es hat kostenpflichtige DiensteÜberwachung der Standortverfügbarkeit.
http://webo.in
Überprüfung der Ladegeschwindigkeit von Website-Seiten.
http://www.iwebtool.com/speed_test
Überprüfung der Indexierung und Anzeige der Website durch Suchmaschinen
Sichtbarkeit der Website in Suchmaschinen
Ein Dienst, der Schlüsselwörter für eine Website anzeigt, für die sie im Laufe der Zeit in den TOP 20 (Top 20) der Google-Ergebnisse erscheint. Daten zum Such- und Werbeverkehr.
http://www.semrush.com/
Position in den TOP50 von Yandex und Google. TIC der Site und PR der Hauptseite, Präsenz in wichtigen Verzeichnissen, Sichtbarkeit oben für hochfrequente Suchanfragen.
http://pr-cy.ru/
Überprüfung der Sperren und der Vertrauensstufe der Website
Überprüfung der Vertrauenswürdigkeit der Website. Ein Dienst, der behauptet, dass er das Vertrauen in Yandex misst (das kann sowieso niemand überprüfen :).
http://xtool.ru/
Überprüfung der Überlagerung der Panda- und Penguin-Filter von Google. Mit dem Dienst können Sie visuell feststellen, ob eine Website zum Zeitpunkt der Panda- und Penguin-Updates abgestürzt ist.
http://feinternational.com/website-penalty-indicator/
Überprüfen des Page Ranks der Seiten der Website (beim Kopieren einer URL in das Tool müssen Sie den letzten Buchstaben löschen und ihn dann erneut schreiben).
http://www.prchecker.net/
Überprüfen des Entwicklungsverlaufs der Website
Zeigt den Entwicklungsverlauf der Website an und ermöglicht die Anzeige von Screenshots alter Seiten.
http://www.archive.org/web/web.php
Geschichte der Standortpositionen in TOP Google(Schlüsselphrasen, Seiten, Überschriften), PR-Indikatoren, TIC, Alexa Rank, Anzahl der Backlinks für beliebte Websites.
http://SavedHistory.com
SEO-Plugins zur Überprüfung von Websites
SEO Doctor ist ein Add-on für Firefox. Zeigt Links auf der Seite an und bietet eine praktische Schnittstelle zu verschiedenen SEO-Diensten.
http://www.prelovac.com/vladimir/browser-addons/seo-doctor/
SeoQuake ist ein Add-on für Firefox. Zeigt die wichtigsten Merkmale der Seite: TIC, PR, Backlinks, Alexa Rank. Funktioniert wie mit Google-Ergebnisse, und mit der Ausgabe von Yandex. Bietet die Möglichkeit, Wettbewerber schnell zu analysieren.
http://www.seoquake.com/
IEContextHTML ist ein Add-on für Internet Explorer. Überprüft die Indexierung von Links in Yandex und Google, zeigt eine Liste externer und interner Links an und ermöglicht den Import von Daten von Webseiten.
Die Sichtbarkeit einer Website in Suchmaschinen hängt von ihrem Standort ab
Eine aktualisierte Liste kostenloser Proxyserver, einschließlich russischer.
http://www.checker.freeproxy.ru/checker/last_checked_proxies.php
http://spys.ru/proxys/ru/
Ein anonymer kostenloser Proxy mit der Möglichkeit, sich aus drei Ländern vorzustellen. Funktioniert mit der Google-Suche.
https://hide.me/en/proxy
Emulatoren Google-Suche in verschiedenen Ländern durch Angabe von Suchparametern.
http://searchlatte.com/
http://isearchfrom.com/
Überprüfung der Positionen in Yandex und Google
Der Dienst ermöglicht eine detaillierte Überprüfung (bis zu 500) der Position einer Website nach Region in Yandex.
Netzwerkanalyse der Website, Überprüfung der Backlinks
Backlink-Analyse
Analysiert die Linkmasse der Site und generiert Slices basierend auf verschiedenen Kriterien: Linktyp, Anker, Seiten. Zeigt das Gewicht der Backlinks an. Der Dienst steht nur registrierten Benutzern zur Verfügung.
http://ahrefs.com
Überprüfung auf Backlinks zur Website
Überprüft das Vorhandensein von Backlinks zur Website in der vorgeschlagenen URL-Liste (bis zu 100 Seiten).
http://webmasters.ru/tools/tracker
Überprüfung der Beliebtheit einer Website in sozialen Medien
PlusOneChecker
Zeigt die Anzahl der Likes (plus eins) auf Google+ an. Sie können sofort eine Liste der zu prüfenden URLs eingeben.
http://www.plusonechecker.net/
Facebook Graph API Explorer
SharedCount
Zeigt Beliebtheit auf Twitter, Google+, Facebook, LinkedIn, Pinterest, Delicious, StumbleUpon, Diggs.
http://sharedcount.com
Cooles soziales Netzwerk
Zeigt die Beliebtheit der ersten Seite der Website auf Twitter, Google+, Facebook, Delicious und StumbleUpon an. Bei russischen Websites sind die Daten manchmal falsch.
http://www.coolsocial.net
Soziale Popularität
Soziale Crawlytics
Scannt die Site und generiert Berichte über „Aktien“ der wichtigsten Fremdwährungen soziale Netzwerke für diese Seiten. Registriert Benutzer über ein Twitter-Konto. Sie können die Berichte bereits am nächsten Tag einsehen.
https://socialcrawlytics.com
Überprüfung der Website auf Viren
Dr.Web
Überprüft die angegebene URL auf verdächtigen Code, zeigt geladene Skripte und die Ergebnisse ihrer Prüfung an.
http://vms.drweb.com/online/
Gesamtzahl der Viren
Überprüft URLs mit 30 Scannern auf Viren.
https://www.virustotal.com/#url
Alarmierer
Website-Schutzsystem gegen Viren. Scannt täglich Site-Dateien und sendet einen Bericht über ihre Änderungen per E-Mail.
Lassen Sie uns gleich zu Beginn definieren, was dieser Begriff bedeutet. Warum brauchen wir diese Validierung und welche Auswirkungen hat sie?
Unter Website-Gültigkeit versteht man die Übereinstimmung des HTML-Codes mit bestimmten Regeln und Standards.
Auch das ist ein ScheckSyntaxfehler undTag-Verschachtelung.
Es gibt andere Kriterien. Auf sie gehen wir aber vorerst nicht näher ein, sondern werfen einen Blick auf die wichtigsten. Es gibt spezielle Validierungsdienste, die Websites überprüfen:
- für Fehler in der Struktur des Dokuments
- Überprüfen Sie den HTML-Code auf Übereinstimmung mit dem Standard, der ganz am Anfang jeder HTML-Seite angegeben ist. Das heißt, diese Version von Ihnen HTML-Dokument, das in Ihrer Vorlage installiert ist. Normalerweise kommt es zuerst.
Woher wissen Sie, welche HTML-Version Sie verwenden?
Es ist sehr einfach. Dazu müssen Sie die Tastenkombination auf der Hauptseite Ihrer Website eingeben STRG+U und für die Suche STRG+F.
Die erste Zeile ist Ihre Version. Auf meinem Bild ist es der Übersichtlichkeit halber mit einem roten Rahmen hervorgehoben. Ich verwende die HTML5-Versionsvorlage – dies ist die neueste und beliebteste Version, die allen Webmastern das Leben erheblich erleichtert hat. Möglicherweise haben Sie auch ein anderes, späteres. Sie haben ihre Unterschiede. Bezüglich Versionen, Tags empfehle ich natürlich die Htmbook-Seite, wer Interesse hat.
Was beeinflusst die Gültigkeit der Website?
Mit der korrekten Site-Gültigkeit können Sie die korrekte Anzeige der Site in verschiedenen Browsern überwachen. Sie können Ihre Vorlage kostenlos unter überprüfen Onlineservice um die Anpassungsfähigkeit der Website-Vorlage zu überprüfen. Folgen Sie diesem Link und fügen Sie Ihre Website-Adresse ein – http://quirktools.com/screenfly/ (kopieren Sie sie und fügen Sie sie ein Adressleiste Browser).
Nehmen wir dieses Beispiel. Wenn Sie das Tag nicht schließen oder einen Tippfehler im Code machen, wird dieser in Zukunft möglicherweise nicht mehr wie vom Webmaster beabsichtigt angezeigt. Das Gleiche gilt für Stile (CSS) – sie ergeben ein anderes Bild.
Unabhängig davon möchte ich Sie darauf aufmerksam machen und insbesondere darauf hinweisen, dass sich die Validierung direkt auf Suchmaschinen auswirkt:
Suchmaschinen bevorzugen Websites mit gültigem HTML-Code. Überprüfen wir also unsere Vorlage auf Gültigkeit.
Methoden zur Gültigkeitsprüfung.
Zuallererst ist es der Service validator.w3.org. Er prüft Ihre Seite kostenlos. In meinem zuvor verfassten Artikel habe ich bereits darüber geschrieben. Daher wird es keine große Sache sein, wenn ich mich wiederhole. Da dieser Artikel jedoch wichtige Ergänzungen enthält, empfehle ich Ihnen, sowohl diesen als auch diesen Artikel bis zum Ende zu lesen. Lesen Sie den vorherigen Artikel.
Gehen Sie zur Adresse: validator.w3.org (kopieren Sie den Link und fügen Sie ihn in die Adressleiste Ihres Browsers ein). Vor uns öffnet sich eine Seite mit 3 Registerkarten.
- Auf der ersten Registerkarte sehen Sie die Aufschrift „Validieren durch URI“ – was übersetzt „Hier können Sie die Gültigkeit einer im Internet befindlichen Website überprüfen“ bedeutet.
- Beim zweiten „Validieren durch Datei-Upload“ bedeutet dies, dass Sie eine Datei von Ihrem Computer hochladen können.
- Beim dritten „Validieren durch direkte Eingabe“ bedeutet dies, dass Sie den Inhalt Ihrer Datei direkt in das Eingabeformular einfügen können.
Ich zeige Ihnen die erste Option.
Und so befindet sich Ihre Website im Internet. Wir wählen aus – das ist „Validieren nach URI“.
Wir gehen auf die Schaltfläche Weitere Optionen – das heißt, wir wählen Optionen aus. Hier stellen wir folgende Werte ein:
Die erste ist die Kodierung.
Sie müssen Ihre auf der Website überprüfen. Es ist wichtig! Sehen Sie es sich zwischen den Tags an
Und Wenn Sie STRG+U eingeben, suchen Sie am Anfang des Dokuments nach einer Zeile wie dieser:– Wenn es gefunden wird, lassen Sie es an dieser Stelle ausgewählt (automatisch erkennen). Übersetzt in die automatische Erkennung.
Gefunden, dann belassen Sie auch hier den Wert „automatisch erkennen“.
Aufmerksamkeit! Wenn Sie alles angekreuzt haben und alles haben, setzen Sie nichts in die Kontrollkästchen! Lass alles so wie es ist!
Und wenn Sie nichts von dem haben, was ich oben geschrieben habe, müssen Sie diese Werte selbst festlegen. In meinem Fall habe ich nichts geändert und alles so gelassen, wie es war.
Klicken Sie dann auf die Schaltfläche Prüfen, also prüfen.
Als nächstes wird die Gültigkeit Ihrer Website überprüft und nach einer Weile wird das Ergebnis angezeigt. Es wird eine Aufschrift mit der Meldung „Dieses Dokument wurde erfolgreich als HTML5 geprüft“ angezeigt. Dies bedeutet, dass dieses Dokument erfolgreich in HTML5 validiert wurde.
Installieren Sie den Google Übersetzer in Ihrem Browser und er bietet Ihnen Übersetzungen an.
Wenn Sie nach der Überprüfung eine Beschriftung auf rotem Hintergrund sehen, bedeutet dies, dass im HTML-Dokument Fehler vorliegen. Sie müssen korrigiert werden.
Ich werde meinen Screenshot mit Fehlern analysieren. Schauen wir genau hin.
Ich habe Fehler 3, 4 und 5...
Fehler 4 und 5 – zusätzliche Anführungszeichen und kein Attribut. Ich weiß, wo ich diesen Code habe, also habe ich die Datei bearbeitet.
Im Allgemeinen sind die Fehler eigentlich einfach. Ich rate Ihnen, beim Hochladen eines Bildes immer das Attribut zu notieren, dann treten viel weniger Fehler auf.
Nicht alle Fehler können vollständig behoben werden, da viele Experten auf ihren Websites Skripte und Banner verwenden. Dies sind diejenigen, die die meisten Fehler verursachen.
Mein Rat ist, nur die notwendigsten Skripte zu verwenden.
Es gibt keine Seiten im Internet mit einwandfreiem und sauberem, gültigem Code. Auch bekannte Websites wie Yandex und Google haben viele Probleme. Dies bedeutet jedoch keineswegs, dass keine Notwendigkeit besteht, Fehler zu korrigieren.
Wenn Sie Ihre Vorlage überprüft haben und nicht wissen, wie Sie einen bestimmten Fehler beheben können, können Sie immer einen Ausweg finden.
Wählen Sie dazu einfach den Namen des Fehlers aus und fügen Sie ihn in Google oder Yandex ein.
Sie haben auch eine andere Möglichkeit: Überlassen Sie diese mühsame Aufgabe einer sachkundigen Person, die den Code versteht. Im vorherigen Artikel bespreche ich mehrere solcher Fehler. Aber das sind Kleinigkeiten. Sie müssen selbst oder mit Hilfe von jemandem Ihre Fehler herausfinden. Glauben Sie mir, nur Sie brauchen Ihre Website. Und das liegt in Ihrem Interesse.
Folgen Sie unbedingt dem Link (ich habe ihn oben angegeben) und sehen Sie, wie Ihre Website in den Browsern anderer Benutzer angezeigt wird. Sie müssen eine Vorlage auswählen, die reagiert und auf allen Geräten schön angezeigt wird. Schließlich hängt davon der Komfort des Aufenthalts Ihrer Besucher auf der Website ab.
Das ist alles für mich. In meinen anderen Veröffentlichungen werde ich weiterhin die Fehler unerfahrener Blogger analysieren.
Hallo. Ich beantworte gleich Ihre Frage: Lohnt es sich für Sie, diese Lektion zu lesen? Gehen Sie zu einem sehr nützlichen und kostenloser Service, geben Sie dort die Adresse Ihrer Website ein und wenn Sie feststellen, dass Ihre Website Fehler aufweist, lohnt es sich, die Lektion zu lesen. Beispiele für die Anzeige von Fehlern mit diesem Online-Validator:
Auf meinem Blog gibt es derzeit keine derartigen Fehler, ich habe sie beseitigt (insgesamt gab es mehr als 70 Fehler und mehr als 80 Warnungen). Zur Verdeutlichung erkläre ich Ihnen, was gültiger Code ist und warum wir ihn benötigen.
Gültiger Code ist Code, der den Standards entspricht.
Sie können HTML, CSS, alle Arten von Mikro-Markups und mehr auf Gültigkeit prüfen. Heute werde ich darüber sprechen Gültigkeit in HTML.
- Es ist kein gültiger Code erforderlich, aber die Anzahl der Fehler sollte minimal sein, da Ihre Website sonst nicht browserübergreifend kompatibel ist. Die Gültigkeit des Codes ist in erster Linie erforderlich, um sicherzustellen, dass Ihre Website in allen Browsern korrekt angezeigt wird.
- Suchroboter „sprechen“ mit Ihrer Website HTML-Sprache Daher ist es wichtig, den Inhalt der Website klar und deutlich mit allen „geschlossenen Tags“ usw. darzustellen.
- Die HTML-Gültigkeit wirkt sich auf SEO aus, allerdings nur in unbedeutendem Maße (es sei denn, Sie haben natürlich Hunderte oder sogar Tausende von Fehlern). Ich empfehle, Devakis interessante Beobachtungen „The Impact of HTML Quality on Their Ranking“ zu lesen.
- Als ich den Code auf meiner Website gültig gemacht habe, habe ich meine dummen Fehler (wiederholte Tags, fehlender Buchstabe usw.) gefunden und korrigiert.
- Sie sollten sich nicht „den Arsch brechen“, wenn ein Fehler schwer zu beheben ist oder seine Korrektur die Funktionalität der Website beeinträchtigt. Die Hauptsache ist, es für den Benutzer bequem zu machen.
Im Folgenden werde ich die Hauptfehler analysieren, auf die der Validator hingewiesen hat. Wenn Ihr Fehler plötzlich nicht in der Liste unten enthalten ist, schreiben Sie ihn in die Kommentare. Wir werden versuchen, ihn gemeinsam herauszufinden, und ich werde in dieser Lektion eine Lösung für dieses Problem hinzufügen. Übrigens, ja, die Fehler, auf die der w3c-Validator hinweist, finden Sie hier:
Zu jedem Fehler gibt es einen Hinweis – das ist die Zeilennummer im Quellcode der Seite, und daraus lässt sich bereits ungefähr ermitteln, in welcher Datei sich das Theme befindet gegebene Zeile. Wir schauen uns den Quellcode der Seite mit STRG+U (in den gängigen Browsern) an.
Bevor Sie beginnen, tun Sie dies Sicherheitskopie Vorlage für Ihre Website.
Um das Auffinden von Fehlern im Quellcode zu erleichtern, können Sie außerdem den HTML-Validator für Mozilla Firefox verwenden. Nachdem ich es installiert habe, gehe ich zu Quelle Auf der Seite werden dieselben Fehler angezeigt, die der Dienst validator.w3.org anzeigt. Durch Klicken auf den Namen des Fehlers (in der unteren linken Ecke) werden Sie automatisch zu der Zeile weitergeleitet, in der sich dieser ungültige Code befindet.
Fehler in HTML mit dem W3C-Validator finden und beheben
Suchen Sie in der Liste unten nach Ihrem Fehler und klicken Sie darauf. Sie werden dann automatisch an die richtige Stelle „gescrollt“.
1. Kein Leerzeichen zwischen Attributen.
…rel="Verknüpfungssymbol" href="http://arbero.ru/favicon.ico" ; type="image/x-icon" Entfernen Sie einfach das Semikolon.
2. Das width-Attribut des td-Elements ist veraltet. Verwenden Sie stattdessen CSS.
td valign="center" width="80" height="80" >
Lassen Sie uns so etwas in die Form umwandeln
td style="align:center; width:80; height: 80;">
3. Ein img-Element muss ein Alt-Attribut haben, außer unter bestimmten Bedingungen. Weitere Informationen finden Sie in der Anleitung zur Bereitstellung von Textalternativen für Bilder.
Einer der häufigsten Fehler. Es gibt einfach nicht genügend Alternativtext für das Bild. Wir schreiben den Alt-Tag.
4. Dem Abschnitt fehlt die Überschrift. Erwägen Sie die Verwendung von h2-h6-Elementen, um allen Abschnitten identifizierende Überschriften hinzuzufügen.
Abschnitts-ID="Kommentare" >
Der Abschnittsblock sollte einige der h2-h6-Tags enthalten. Wenn nicht, benennen Sie das Wort Abschnitt einfach in div um
5. Das hgroup-Element ist veraltet. Um Unterüberschriften auszuzeichnen, können Sie die Unterüberschrift einfach in ein p-Element nach dem h1-h6-Element einfügen, das die Hauptüberschrift enthält.
Alternativ können Sie die Unterüberschrift direkt in das h1-h6-Element einfügen, das die Hauptüberschrift enthält, jedoch durch Interpunktion von der Hauptüberschrift getrennt und/oder beispielsweise innerhalb eines span class="subheading"-Elements mit differenziertem Stil. Um Überschriften und Unterüberschriften, alternative Titel oder Slogans zu gruppieren, sollten Sie die Elemente header oder div verwenden.
Ähnlich wie beim vorherigen Punkt. Ändern Sie einfach den Ausdruck „hgroup“ in „div“. Sie können das Werkzeug „Alle suchen/ersetzen“ verwenden Texteditor solche Prozesse zu beschleunigen.
6. Element „noindex“ undefiniert
Um das Noindex-Tag gültig zu machen, schreiben wir es als Kommentar, also so:
Nicht indexierbar
7. End-Tag für Element „div“, das nicht geöffnet ist
Das schließende div-Tag ist überflüssig. Lass es uns entfernen.
8. Der Dokumenttyp erlaubt hier kein Element „li“; Einer der Start-Tags „ul“, „ol“, „menu“ und „dir“ fehlt
Falsche Verwendung des „li“-Tags: fehlende Tags „ul“, „ol“ usw. Überprüfen Sie.
9. End-Tag für „div“ weggelassen, aber OMITTAG NO wurde angegeben
Das schließende div-Tag fehlt.
10. Es gibt kein Attribut „Grenze“
alt="" width="1" height="1" border=" 0"/>
Wir entfernen einfach die Phrase border="0".
11.Charakter"<" is the first character of a delimiter but occurred as data
Verwenden Sie nicht das Tag „<" перед обычными словами, используйте лучше разные кавычки.
12. Beim Erwarten eines Attributnamens wurde " gesehen. Wahrscheinliche Ursache: = unmittelbar vorher fehlt.
Zusätzliches Zitat, entfernen Sie es.
13. Das align-Attribut des img-Elements ist veraltet. Verwenden Sie stattdessen CSS.
Verwenden Sie den align-Wert nicht innerhalb eines img-Tags. Schreiben Sie es separat in dieser Form auf:
14. Ungültiger Wert für das Attribut href im Elementlink: Ungültiges Zeichen im Pfadsegment: kein URL-Codepunkt.
Abschluss
Wenn auf Ihrer Website ein Fehler auftritt, der nicht in dieser Liste enthalten ist, schreiben Sie ihn in die Kommentare. Lassen Sie es uns herausfinden und ich werde es dem Artikel hinzufügen. Ich wiederhole: Wenn ein Fehler nicht korrigiert werden kann, machen Sie sich nicht die Mühe.
Ich habe immer noch einen Fehler in meinem Blog (obwohl der Code gestern aus irgendeinem Grund fehlerfrei war):
Der Textinhalt des Elementskripts hatte nicht das erforderliche Format: Erwartetes Leerzeichen, Tabulator, Zeilenumbruch oder Schrägstrich, aber gefunden< instead.
Wenn Sie wissen, wie man das Problem behebt, wäre ich Ihnen dankbar. Ich bin ein bisschen ein Perfektionist. 🙂
Werden Sie den HTML-Code der Website gültig machen?
Ich wünsche Ihnen, dass Sie auf Ihrer Website einen gültigen HTML-Code erhalten, dessen Benachrichtigung wie folgt aussieht:
P.s. Überlasten Sie Ihren Körper oft? Dann brauchen Sie ein Entgiftungsprogramm. Stellen Sie Kraft und Energiebalance wieder her.