Έλεγχος εγκυρότητας δεδομένων. Διόρθωση html και css χρησιμοποιώντας το πρόγραμμα επικύρωσης W3C

Ελέγχει τον κώδικα html, είτε καθορίζεται χρησιμοποιώντας έναν σύνδεσμο προς μια σελίδα, είτε απλώς με τη μορφή μεταφορτωμένου αρχείου ή αντιγραμμένου κειμένου. Δίνει μια λίστα σχολίων με συστάσεις για τη διόρθωσή τους.
http://validator.w3.org/

Επικύρωση CSS (css validator)

Ελέγχει τα στυλ εγγράφων ή ένα φύλλο στυλ που βρίσκεται σε ξεχωριστό αρχείο.
http://jigsaw.w3.org/css-validator/

Έλεγχος ροών RSS και Atom

Ελέγχει ότι οι ροές RSS και Atom λειτουργούν σωστά.
http://validator.w3.org/feed/

Ελέγξτε την ορθογραφία σε μια ιστοσελίδα

Επισημαίνει τα σφάλματα σε ένα δεδομένο Διευθύνσεις URL σελίδαςμι.
http://webmaster.yandex.ru/spellcheck.xml

Εμφανίζει σφάλματα στο κείμενο που αντιγράφηκε στο παράθυρο επαλήθευσης.
http://api.yandex.ru/speller/

Έλεγχος της δομής της ιστοσελίδας

Εμφανίζει τη δομή μιας ιστοσελίδας. Σχετικό για τον έλεγχο εγγράφων HTML5. Το κυριλλικό αλφάβητο δεν εμφανίζεται σωστά (:.
http://gsnedders.html5.org/outliner/

Έλεγχος περιεχομένου για μοναδικότητα

ΣΕ δωρεάν έκδοσηεμφανίζει έως και 10 σελίδες στο Διαδίκτυο με μερική αντιστοίχιση κειμένου με τη σελίδα σας.
http://www.copyscape.com

Ελέγχει τη μοναδικότητα του κειμένου που εισάγεται στη φόρμα. Στη δωρεάν έκδοση, μπορείτε να περιμένετε για αποτελέσματα.
http://www.miratools.ru/Promo.aspx

Ελέγχει τη μοναδικότητα τόσο του εισαγόμενου κειμένου όσο και του κειμένου στη δεδομένη διεύθυνση URL, εμφανίζει το επίπεδο μοναδικότητας ως ποσοστό. Έχει τον δικό του αλγόριθμο επαλήθευσης.
http://content-watch.ru

Προγράμματα επιτραπέζιου υπολογιστή για τον έλεγχο της μοναδικότητας του περιεχομένου από ανταλλαγές copywriting. Λειτουργούν για μεγάλο χρονικό διάστημα, αλλά με υψηλή ποιότητα. Το Etxt έχει εκδόσεις για τρεις λειτουργικά συστήματα: Mac, Linux και Windows.
http://advego.ru/plagiatus/
http://www.etxt.ru/antiplagiat/

Εμφανίζει ιστότοπους με παρόμοιο περιεχόμενο και παρόμοια εσωτερική δομή.
http://similarsites.com

Έλεγχος cms του ιστότοπου

Έλεγχοι για σημάδια των πιο διάσημων cms.
http://2ip.ru/cms/

Έλεγχος χρηστικότητας ιστότοπου για διαφορετικές ομάδες χρηστών Έλεγχος προσβασιμότητας από κινητές συσκευές

Αξιολογεί τη δυνατότητα προβολής της σελίδας από κινητές συσκευές και εμφανίζει μια λίστα σχολίων και σφαλμάτων.
http://validator.w3.org/mobile/

Έλεγχος της χρηστικότητας του ιστότοπου για τηλέφωνα Google.
https://www.google.com/webmasters/tools/mobile-friendly/

Εμφανίζει την ταχύτητα φόρτωσης του ιστότοπου σε κινητές συσκευές.
https://testmysite.withgoogle.com/intl/ru-ru

Ο ιστότοπος είναι ένας εξομοιωτής για αποσύνδεση από κινητό τηλέφωνο. Δείχνει τον ιστότοπο μέσα από τα μάτια του επιλεγμένου μοντέλου.
http://www.mobilephoneemulator.com/

Έλεγχος προσβασιμότητας για άτομα με αναπηρία αναπηρίες

Υπηρεσία επαλήθευσης σελίδας για άτομα με προβλήματα όρασης. Διατίθεται στο διαδίκτυο και ως πρόσθετο για τον Firefox.
http://wave.webaim.org/

Προβολή περιεχομένου ιστότοπου μέσα από τα μάτια ενός ρομπότ αναζήτησης

Εμφανίζει το κείμενο του ιστότοπου κοντά σε αυτό που βλέπει το ευρετήριο αναζήτησης.
http://www.seo-browser.com/

Διανομή πρόγραμμα περιήγησης κειμένου lynx για συστήματα win32. Πριν από τη χρήση, πρέπει να επεξεργαστείτε το lynx.bat, υποδεικνύοντας σε αυτό τη διαδρομή προς τον κατάλογο με το lynx.
http://www.fdisk.com/doslynx/lynxport.htm

Καταργεί όλη τη σήμανση και εμφανίζει κείμενο σελίδας, μετα-ετικέτες και τίτλους, αριθμό εξωτερικών και εσωτερικούς συνδέσμους. Εμφανίζει μια προεπισκόπηση της σελίδας στο Google.
http://www.browseo.net

Έλεγχος της δομής συνδέσμων του ιστότοπου Έλεγχος κατεστραμμένων συνδέσμων

Εμφανίζει μια λίστα εξερχόμενων συνδέσμων για μια διεύθυνση URL και ελέγχει την απόκρισή τους. Μπορεί να ελέγχει αναδρομικά, δηλαδή να μετακινείται ανεξάρτητα από το ένα έγγραφο στο άλλο.
http://validator.w3.org/checklink

Δωρεάν εργαλείο για τον έλεγχο σπασμένων συνδέσμων. Για να λειτουργήσει πρέπει να το εγκαταστήσετε στον υπολογιστή σας. Σαρώνει αναδρομικά τον ιστότοπο, κάνει αναφορές, μπορεί να είναι χρήσιμος για τη δημιουργία ενός χάρτη τοποθεσίας.
http://home.snafu.de/tilman/xenulink.html

Έλεγχος συνδέσμων και τίτλων σελίδων

Σαρώνει έως και 500 σελίδες ιστότοπου στη δωρεάν έκδοση. Ελέγχει τον αριθμό των εξωτερικών και εσωτερικών συνδέσμων. Εμφανίζει πληροφορίες σχετικά με σαρωμένες σελίδες: ένθεση, κωδικούς απόκρισης, τίτλους, μετα-πληροφορίες και επικεφαλίδες.
http://www.screamingfrog.co.uk/seo-spider/

Έλεγχος δομής και βάρους συνδέσμου εσωτερικές σελίδες

Το πρόγραμμα σαρώνει τον ιστότοπο, δημιουργεί μια μήτρα εσωτερικών συνδέσμων, προσθέτει εξωτερικούς (εισερχόμενους) συνδέσμους από δεδομένες διευθύνσεις URL και, βάσει αυτών των δεδομένων, υπολογίζει τα εσωτερικά βάρη των σελίδων του ιστότοπου. Το πρόγραμμα μπορεί να χρησιμοποιηθεί για την εύρεση εξωτερικών (εξερχόμενων) συνδέσμων για μια λίστα διευθύνσεων URL σελίδων ιστότοπου.

Έλεγχος κωδικών απόκρισης διακομιστή, ορατότητα ιστότοπου από ρομπότ αναζήτησης, τεχνικά χαρακτηριστικάιστότοπος Έλεγχος κεφαλίδων HTTP και απόκρισης διακομιστή, ορατότητα σελίδας για ρομπότ

Ελέγχει τους κωδικούς απόκρισης διακομιστή, προβλέπει την ταχύτητα φόρτωσης της σελίδας ανάλογα με το μέγεθος των δεδομένων της σε byte, εμφανίζει περιεχόμενο ετικέτα htmlκεφάλι, εσωτερική και εξωτερικοί σύνδεσμοιγια μια σελίδα, τα περιεχόμενα της σελίδας μέσα από τα μάτια ενός ρομπότ αναζήτησης.
http://urivalet.com/

Ελέγχει τους κωδικούς απόκρισης διακομιστή. Επιτρέπει τον έλεγχο ανακατευθύνσεων (κωδικοί απόκρισης 301, 302), κεφαλίδας τελευταίας τροποποίησης κ.λπ.
http://www.rexswain.com/httpview.html

Εμφανίζει τον όγκο και το περιεχόμενο των δεδομένων που μεταφέρονται κατά τη φόρτωση της σελίδας.
http://www.websiteoptimization.com/services/analyze/

Ελέγχει τις ανακατευθύνσεις, τη χρήση κανονική ιδιότητα, μετα-ετικέτες, ορισμένες πτυχές της ασφάλειας του ιστότοπου. Δίνει συστάσεις για τη βελτίωση της φόρτωσης της σελίδας.
http://www.seositecheckup.com

Έλεγχος πληροφοριών τομέα και διεύθυνσης IP

Υπηρεσία WHOIS του κέντρου καταχώρισης τομέα κέντρου RU. Παρέχει πληροφορίες για διευθύνσεις IP και τομείς σε όλο τον κόσμο. Μερικές φορές παγώνει.
https://www.nic.ru/whois/?wi=1

Υπηρεσία Whois από την RosNIIROS (RIPN). Παρέχει πληροφορίες για τομείς στη ζώνη RU και διευθύνσεις IP από τη βάση δεδομένων RIPE (Ευρώπη).
http://www.ripn.net:8080/nic/whois/

Καθορίζει πού φιλοξενείται ο τομέας και εμφανίζει επίσης τη διεύθυνση IP του ιστότοπου.
http://www.whoishostingthis.com

Έλεγχος εάν η διεύθυνση IP περιλαμβάνεται στη μαύρη λίστα για την αποστολή email.
http://whatismyipaddress.com/blacklist-check
http://ru.smart-ip.net/spam-check/

Έλεγχος εγγραφών MX για έναν τομέα. Εξέταση Διακομιστές SMTPγια τον τομέα. Έλεγχος IP σε λίστες αλληλογραφίας.
https://mxtoolbox.com/

Αναζήτηση στην καταχωρημένη βάση δεδομένων μάρκεςστις ΗΠΑ.
http://tmsearch.uspto.gov/

Έλεγχος αρχείων robots.txt

Ελέγχει τη διαθεσιμότητα σελίδων ιστότοπου για ευρετηρίαση από το ρομπότ Yandex.
http://webmaster.yandex.ru/robots.xml

Ελέγχει την ορθότητα του αρχείου robots.txt.
https://www.websiteplanet.com/webtools/robots-txt

Επιθεώρηση χώρου

Παρακολούθηση διαθεσιμότητας ιστότοπου. Σας επιτρέπει να συνδέσετε έναν ιστότοπο δωρεάν με ελάχιστες επιλογές επαλήθευσης.
http://www.siteuptime.com

Έλεγχος ταχύτητας φόρτωσης ιστότοπου. Στέλνει αναφορά μέσω email. Εχει αμειβόμενες υπηρεσίεςπαρακολούθηση της διαθεσιμότητας του ιστότοπου.
http://webo.in

Έλεγχος ταχύτητας φόρτωσης ιστοσελίδων.
http://www.iwebtool.com/speed_test

Έλεγχος ευρετηρίασης και εμφάνισης του ιστότοπου από τις μηχανές αναζήτησης Ορατότητα του ιστότοπου στις μηχανές αναζήτησης

Εμφάνιση υπηρεσίας λέξεις-κλειδιάγια έναν ιστότοπο για τον οποίο βρίσκεται στα TOP 20 (κορυφαία είκοσι) αποτελέσματα της Google με την πάροδο του χρόνου. Δεδομένα για την επισκεψιμότητα αναζήτησης και διαφήμισης.
http://www.semrush.com/

Θέση στο TOP50 Yandex και Google. Tits του ιστότοπου και PR της κεντρικής σελίδας, διαθεσιμότητα σε σημαντικούς καταλόγους, ορατότητα στην κορυφή για ερωτήματα HF.
http://pr-cy.ru/

Έλεγχος απαγορεύσεων και επιπέδου αξιοπιστίας ιστότοπου

Έλεγχος της αξιοπιστίας του ιστότοπου. Μια υπηρεσία που ισχυρίζεται ότι μετρά την εμπιστοσύνη για το Yandex (κανείς δεν μπορεί να το ελέγξει έτσι κι αλλιώς :).
http://xtool.ru/

Έλεγχος της επικάλυψης των φίλτρων Panda και Penguin από την Google. Η υπηρεσία σάς επιτρέπει να προσδιορίσετε οπτικά εάν ένας ιστότοπος κατέρρευσε κατά τις ημερομηνίες των ενημερώσεων του Panda και του Penguin.
http://feinternational.com/website-penalty-indicator/

Έλεγχος της Κατάταξης σελίδας των σελίδων ιστότοπου (όταν αντιγράφετε μια διεύθυνση URL στο εργαλείο, πρέπει να διαγράψετε το τελευταίο γράμμα και μετά να το γράψετε ξανά).
http://www.prchecker.net/

Έλεγχος του ιστορικού ανάπτυξης του ιστότοπου

Εμφανίζει το ιστορικό της ανάπτυξης του ιστότοπου και καθιστά δυνατή την προβολή στιγμιότυπων οθόνης παλιών σελίδων.
http://www.archive.org/web/web.php

Ιστορικό θέσεων ιστοτόπων στο TOP Google ( φράσεις κλειδιά, σελίδες, επικεφαλίδες), δείκτες δημοσίων σχέσεων, TIC, Κατάταξη Alexa, αριθμός backlinks για δημοφιλείς τοποθεσίες.
http://SavedHistory.com

Προσθήκες SEOγια έλεγχο τοποθεσιών

Το SEO Doctor είναι ένα πρόσθετο για τον Firefox. Εμφανίζει συνδέσμους στη σελίδα και δίνει φιλική προς το χρήστη διεπαφήσε διάφορες υπηρεσίες SEO.
http://www.prelovac.com/vladimir/browser-addons/seo-doctor/

Το SeoQuake είναι ένα πρόσθετο για τον Firefox. Εμφανίζει τα πιο σημαντικά χαρακτηριστικά του ιστότοπου: TIC, PR, backlinks, Alexa Rank. Λειτουργεί τόσο με αποτελέσματα Google όσο και με Yandex. Δώστε μια ευκαιρία γρήγορη ανάλυσησυναγωνιστές.
http://www.seoquake.com/

Το IEContextHTML είναι ένα πρόσθετο για τον Internet Explorer. Ελέγχει την ευρετηρίαση των συνδέσμων στο Yandex και στο Google, εμφανίζει μια λίστα εξωτερικών και εσωτερικών συνδέσμων και σας επιτρέπει να εισάγετε δεδομένα από ιστοσελίδες.

Η ορατότητα ενός ιστότοπου στις μηχανές αναζήτησης εξαρτάται από την τοποθεσία του

Μια ενημερωμένη λίστα με δωρεάν διακομιστές μεσολάβησης, συμπεριλαμβανομένων των ρωσικών.
http://www.checker.freeproxy.ru/checker/last_checked_proxies.php
http://spys.ru/proxys/ru/

Ένας ανώνυμος δωρεάν πληρεξούσιος με τη δυνατότητα να συστηθείς από τρεις χώρες. Λειτουργεί με την αναζήτηση Google.
https://hide.me/en/proxy

Εξομοιωτές αναζήτηση Google V διαφορετικές χώρες, καθορίζοντας τις παραμέτρους αναζήτησης.
http://searchlatte.com/
http://isearchfrom.com/

Έλεγχος θέσεων σε Yandex και Google

Η υπηρεσία επιτρέπει τον βαθύ έλεγχο (έως 500) της θέσης ενός ιστότοπου ανά περιοχή στο Yandex.

Ανάλυση Δικτύου site, έλεγχος backlinks Ανάλυση backlinks

Αναλύει τη μάζα συνδέσμων του ιστότοπου, δημιουργεί τμήματα με βάση διάφορα κριτήρια: τύπος συνδέσμου, άγκυρες, σελίδες. Δείχνει το βάρος των backlinks. Η υπηρεσία είναι διαθέσιμη μόνο σε εγγεγραμμένους χρήστες.
http://ahrefs.com

Έλεγχος για backlinks στον ιστότοπο

Ελέγχει την παρουσία backlinks προς τον ιστότοπο στην προτεινόμενη λίστα διευθύνσεων URL (έως 100 σελίδες).
http://webmasters.ru/tools/tracker

Έλεγχος της δημοτικότητας του ιστότοπου μεσα ΚΟΙΝΩΝΙΚΗΣ ΔΙΚΤΥΩΣΗΣ PlusOneChecker

Εμφανίζει τον αριθμό των likes (plusone) στο Google+. Μπορείτε να εισαγάγετε αμέσως μια λίστα με διευθύνσεις URL προς έλεγχο.
http://www.plusonechecker.net/

Facebook Graph API Explorer SharedCount

Δείχνει δημοτικότητα σε Twitter, Google+, Facebook, LinkedIn, Pinterest, Delicious, StumbleUpon, Diggs.
http://sharedcount.com

Cool Social

Δείχνει τη δημοτικότητα της πρώτης σελίδας του ιστότοπου σε Twitter, Google+, Facebook, Delicious, StumbleUpon. Για τους ρωσικούς ιστότοπους, τα δεδομένα είναι μερικές φορές λανθασμένα.
http://www.coolsocial.net

Social-Popularity Social Crawlytics

Σαρώνει τον ιστότοπο και δημιουργεί αναφορές "Μετοχές" του κύριου ξένου κοινωνικά δίκτυαγια αυτές τις σελίδες. Εγγράφει χρήστες μέσω λογαριασμού Twitter. Μπορείτε να δείτε αναφορές την επόμενη μέρα.
https://socialcrawlytics.com

Έλεγχος του ιστότοπου για ιούς Dr.Web

Έλεγχοι δεδομένη διεύθυνση URLσε ύποπτο κώδικα, εμφανίζει φορτωμένα σενάρια και τα αποτελέσματα της επαλήθευσης τους.
http://vms.drweb.com/online/

Σύνολο ιών

Ελέγχει τις διευθύνσεις URL για ιούς με 30 σαρωτές.
https://www.virustotal.com/#url

Συναγερμός

Σύστημα προστασίας ιστοσελίδων από ιούς. Σαρώνει καθημερινά αρχεία ιστότοπου και στέλνει μια αναφορά για τις αλλαγές τους μέσω email.



Γεια σε όλους! Σήμερα θα σας πω τι είναι η εγκυρότητα του κώδικα ιστότοπου, γιατί χρειάζεται και πώς να τον ελέγξετε και να τον διορθώσετε χρησιμοποιώντας διάφορα ηλεκτρονική υπηρεσία ov συσκευές επικύρωσης W3C (html, CSS). Λοιπόν, ας ξεκινήσουμε με τις θεωρίες. Τι ακριβώς είναι αυτός ο όρος;

Η εγκυρότητα κώδικα είναι ο βαθμός στον οποίο ο κώδικας του ιστότοπού σας συμμορφώνεται με τα αποδεκτά διεθνή πρότυπα, που συντομεύονται ως W3C. Με άλλα λόγια, πριν από πολύ καιρό μια σειρά από γενικοί κανόνεςσχετικά με τη σύνταξη κώδικα, ο οποίος σε περίπτωση μη συμμόρφωσης με τα πρότυπα του W3C μπορεί να συνεπάγεται εσφαλμένη εμφάνισητον ιστότοπό σας σε διάφορους υπολογιστές και προγράμματα περιήγησης για κινητά. Επίσης, σε ορισμένες ιδιαίτερα σπάνιες περιπτώσεις, αυτό μπορεί να οδηγήσει σε κυρώσεις από τις μηχανές αναζήτησης, καθώς και στην επιβολή διαφόρων φίλτρων που μπορεί να επιβραδύνουν την ανάπτυξη του έργου σας. Αλλά αυτό συμβαίνει πολύ σπάνια, αφού ακόμη και η ίδια η Yandex Κωδικός Googleδεν είναι 100% έγκυρο, δηλαδή περιέχει σφάλματα.

Στην πραγματικότητα, πιθανότατα έχετε μια ερώτηση: γιατί πρέπει να ξοδέψω το δικό μου δικό του χρόνονα επεξεργαστείτε τον κώδικα του ιστότοπού σας ώστε να είναι έγκυρος, αν και πάλι δεν επηρεάζει τίποτα; Όπως έγραψα παραπάνω, αυτό είναι απαραίτητο ώστε ο ιστότοπός σας να εμφανίζεται σωστά (χωρίς σφάλματα και λάθη) στο διαφορετικά προγράμματα περιήγησης. Σήμερα, όπως γνωρίζετε, γίνονται όλο και πιο δημοφιλή διαφορετικά είδημοντέλα τηλεφώνων: iPhone, Android, Smartphone και άλλα, τα οποία χρησιμοποιούνται ήδη από ολόκληρο τον πληθυσμό της γης. Σήμερα κάθε τρίτο άτομο έχει το δικό του κινητό τηλέφωνο, μέσω του οποίου μπορεί να συνδεθεί στο διαδίκτυο και να επισκεφτεί τον ιστότοπό σας. Αυτό είναι περίπου 20-30 φορές περισσότερο από εκείνους που έχουν δικό τους δικό του υπολογιστή, φορητός υπολογιστής, tablet.

Δηλαδή, καταλαβαίνεις το νόημα. Το κοινό των ανθρώπων που χρησιμοποιούν κινητές συσκευές είναι το μεγαλύτερο, το οποίο πρέπει να στοχεύσουμε. Και αν θυμάστε πόσες κινητές συσκευές έχουν κυκλοφορήσει τα τελευταία 10 χρόνια και πόσα νέα μοντέλα συνεχίζουν να κυκλοφορούν κάθε έξι μήνες, τότε γίνεται σαφές ότι θα ήταν πολύ ανόητο να χάσετε τέτοια κίνηση (επισκέπτες). Επιπλέον, οι νέες τεχνολογίες δεν μένουν ακίνητες και με την έλευση της ενημερωμένης γλώσσας html5, ο παλιός σας ιστότοπος που δημιουργήθηκε το 200 μπορεί να αποδειχθεί, θα λέγαμε, ένας μεγάλος κολλητός στο πλαίσιο του παγκόσμιου δικτύου.

Πώς να ελέγξετε την εγκυρότητα του κώδικα html και CSS του ιστότοπού σας;

Υπάρχουν πολλές τέτοιες υπηρεσίες στο Διαδίκτυο, ωστόσο, σχεδόν όλες είναι στραβά, ακόμα και ανοιχτές αγγλική γλώσσα, όπου ακόμη και με αυτό δεν θα είναι πολύ εύκολο να καταλάβει κανείς τι λέγεται. Ωστόσο, υπάρχει ένα από αυτά που είναι πιο φυσιολογικό, το οποίο όχι μόνο δίνει μια εξήγηση, αλλά δείχνει επίσης σε ποια γραμμή κώδικα βρίσκεται το σφάλμα. Έτσι, εξοικειωθείτε - jigsaw.w3.org.

Επισκεπτόμενοι αυτόν τον ιστότοπο, μπορείτε να ελέγξετε την εγκυρότητα του κώδικα του ιστότοπού σας με τρεις τρόπους. Στην καρτέλα "Έλεγχος URI", πληκτρολογήστε τη διεύθυνση του ιστότοπού σας και η υπηρεσία θα σας δώσει ολόκληρη τη λίστα σφαλμάτων που βρέθηκαν στους κωδικούς μόνο στην κύρια σελίδα! Εάν, όπως εγώ, δεν είστε πολύ ενημερωμένοι σχετικά με τους κώδικες και κατά την προβολή του κώδικα του ιστότοπού σας δεν μπορείτε να βρείτε τη γραμμή που πρέπει να διορθωθεί, τότε μπορείτε απλά να ανεβάσετε το αρχείο στυλ CSS (σχεδίαση ιστότοπου) στο "ελέγξτε το αρχείο που ανεβάσατε "καρτέλα.

Σε αυτήν την περίπτωση, θα γνωρίζετε ήδη σε ποιο αρχείο πρέπει να εισαγάγετε τον κώδικα. Με την ευκαιρία, μπορείτε να το κάνετε ακόμα πιο εύκολα. Εάν ο ιστότοπός σας λειτουργεί σε κάποια μηχανή, για παράδειγμα, τότε θα χρειαστεί μόνο να μεταβείτε στον πίνακα διαχείρισης του ιστολογίου στο " εμφάνιση» «editor», επιλέξτε ένα αρχείο, για παράδειγμα, μια κεφαλίδα (header.php), αντιγράψτε τον κώδικα και επικολλήστε τον στην υπηρεσία στην καρτέλα «έλεγχος του πληκτρολογημένου κειμένου». Έτσι έλεγξα προσωπικά το blog μου.

Έτσι, στον ιστότοπό μου προσωπικά υπήρχαν 44 σφάλματα, τα οποία είναι πολύ λίγα σε σύγκριση με άλλους ιστότοπους. Παρεμπιπτόντως, ο θείος Yandex έχει έως και 155 σφάλματα, αχ-αχ-αχ. Λοιπόν, εντάξει, ας μην μιλάμε για θλιβερά πράγματα.

Για να σας διευκολύνω να διορθώσετε αυτές τις ανακρίβειες στους κωδικούς, επιτρέψτε μου να σας δείξω προσωπικά μερικά παραδείγματα στο ιστολόγιό μου. Πρώτα, δώστε προσοχή στην επιγραφή Γραμμή 26. Αυτό υποδεικνύει μια γραμμή κώδικα. Για να το βρείτε γρήγορα, τοποθετήστε αυτόν τον κωδικό, που εισαγάγατε στην υπηρεσία jigsaw.w3.org, οι ετικέτες γραμμής εμφανίζονται σε οποιοδήποτε πρόγραμμα επεξεργασίας html.

Παρατηρήστε ότι κάποια ετικέτα επισημαίνεται πάντα με κόκκινο στον κώδικα. Αυτό είναι το μέρος όπου πρέπει να αναζητήσετε και να επεξεργαστείτε τον κώδικα. Τις περισσότερες φορές, πρέπει να αφαιρεθεί εντελώς ή να προστεθούν οι ετικέτες που λείπουν. Επίσης στον τίτλο και στο κάτω μέρος της επιγραφής υπάρχουν συμβουλές στα αγγλικά για το τι πρέπει να γίνει για να διορθωθεί το σφάλμα.

Παράδειγμα 1. Εδώ πρέπει να αφαιρέσετε τα εισαγωγικά που επισημαίνονται με κόκκινο. Δεν πρέπει να βρίσκονται μέσα στον κώδικα, όπου υπάρχουν ήδη στην αρχή και στο τέλος.

Παράδειγμα 2. Λείπει μια ετικέτα κλεισίματος /> στο τέλος του κώδικα. Σημειώστε ότι εάν στο επάνω μέρος του κωδικού υπάρχει άλλη γραμμή, επίσης με μη κλειστή ετικέτα, τότε πρέπει επίσης να κλείσει, διαφορετικά το σφάλμα δεν θα εξαφανιστεί.

Παράδειγμα 3. Εδώ χρειάζεται απλώς να αφαιρέσετε την επαναλαμβανόμενη γραμμή: “ href=""> .

Παρεμπιπτόντως, θα πρέπει πρώτα να διορθώσετε τα σφάλματα που επισημαίνονται με σταυρό και όχι θαυμαστικό, καθώς αυτά τα σφάλματα δεν είναι τόσο σημαντικά. Επίσης, πριν φτιάξετε οτιδήποτε, κάντε αυτό, καθώς υπάρχει μεγάλη πιθανότητα να το σπάσετε. Αφού καθαρίσετε πλήρως τον κώδικα, σας προτείνω να δείτε πώς εμφανίζεται ο ιστότοπός σας διαφορετικά προγράμματα περιήγησηςεπί διαφορετικές πλατφόρμεςΗ/Υ και τηλέφωνα. Η δωρεάν ηλεκτρονική υπηρεσία browsershots.org μπορεί να σας βοηθήσει σε αυτό.

Πώς αλλιώς μπορείτε να ελέγξετε γρήγορα την εγκυρότητα του κώδικα html και CSS του ιστότοπού σας;

Αν το jigsaw.w3.org δεν ήταν αρκετό για εσάς, εδώ είναι μερικά ακόμη για εσάς επιπρόσθετες υπηρεσίεςγια έλεγχο εγκυρότητας κώδικας htmlιστότοπος: www.validome.org, watson.addy.com,

Εν κατακλείδι, θέλω να πω ότι αν βρείτε μερικά λάθη στον εαυτό σας, τότε δεν χρειάζεται να ανησυχείτε για αυτό, καθώς δεν είναι τόσο σημαντικό σήμερα. Γενικά, έχουν γίνει πειράματα για αυτό το θέμα εδώ και πολύ καιρό, από τα οποία φάνηκε ότι είναι κακό έγκυρος κωδικόςδεν επηρεάζει με κανέναν τρόπο τα αποτελέσματα αναζήτησης του ιστότοπου. Όμως, δυστυχώς, το Διαδίκτυο είναι ένα περιβάλλον όπου όλα αλλάζουν γρήγορα. Σήμερα μπορεί να μην έχει σημασία, αλλά αύριο το Yandex θα προσθέσει αυτόν τον πρόσθετο αλγόριθμο στον εαυτό του και οι θέσεις αναζήτησης μπορεί να πέφτουν (πέφτουν). Επομένως, εάν έχετε επιπλέον χρόνο για να επεξεργαστείτε τον κώδικα του ιστότοπού σας, είναι καλύτερα να το κάνετε τώρα.

Πραγματοποιεί αρκετούς ελέγχους του κωδικού σας. Τα κυριότερα:

  • Επικύρωση σύνταξης - έλεγχος παρουσίας συντακτικά λάθη. είναι έγκυρη σύνταξη παρόλο που δεν είναι έγκυρη ετικέτα HTML, επομένως ο έλεγχος σύνταξης είναι ελάχιστα χρήσιμος για τη σύνταξη καλού HTML.
  • Έλεγχος της ένθεσης των ετικετών - οι ετικέτες πρέπει να κλείνονται με την αντίστροφη σειρά σε σχέση με το άνοιγμά τους. Για παράδειγμα, αυτός ο έλεγχος εντοπίζει σφάλματα με .
  • Επικύρωση DTD - έλεγχος εάν ο κωδικός σας ταιριάζει με το καθορισμένο Έγγραφο Τύπος Ορισμός. Αυτό περιλαμβάνει τον έλεγχο ονομάτων ετικετών, χαρακτηριστικών και "ενσωμάτωση" ετικετών (ετικέτες ενός τύπου μέσα σε ετικέτες άλλου τύπου)
  • Έλεγχος για ξένα στοιχεία - ο έλεγχος προσδιορίζει όλα όσα υπάρχουν στον κώδικα, αλλά λείπουν στο DTD. Για παράδειγμα, προσαρμοσμένες ετικέτες και χαρακτηριστικά.
  • Λάβετε υπόψη ότι πρόκειται για λογικούς ελέγχους και δεν έχει σημασία πώς εφαρμόζεται το πρόγραμμα επικύρωσης. Εάν τουλάχιστον ένας από τους ελέγχους αποτύχει, τότε το HTML θεωρείται άκυρο. Και εκεί έγκειται το πρόβλημα Τα επιχειρήματα Το κύριο επιχείρημα για την επικύρωση HTML είναι η συμβατότητα μεταξύ προγραμμάτων περιήγησης. Κάθε πρόγραμμα περιήγησης έχει τον δικό του αναλυτή και η τροφοδοσία του με ό,τι καταλαβαίνουν όλα τα προγράμματα περιήγησης είναι ο μόνος τρόπος για να βεβαιωθείτε ότι ο κώδικάς σας θα λειτουργεί σωστά σε όλα τα προγράμματα περιήγησης. Δεδομένου ότι κάθε πρόγραμμα περιήγησης έχει τον δικό του μηχανισμό διόρθωσης σφαλμάτων HTML, δεν μπορείτε να βασιστείτε σε μη έγκυρο κώδικα.

    Το κύριο επιχείρημα κατά της επικύρωσης είναι ότι είναι πολύ αυστηρή και δεν αντιστοιχεί στον τρόπο με τον οποίο λειτουργούν πραγματικά τα προγράμματα περιήγησης. Ναι, η HTML μπορεί να είναι άκυρη, αλλά όλα τα προγράμματα περιήγησης μπορούν να χειριστούν κάποιο μη έγκυρο κώδικα με τον ίδιο τρόπο. Αν είμαι έτοιμος να αναλάβω την ευθύνη λάθος κωδικός, που γράφω, τότε δεν χρειάζεται να ανησυχώ για τον έλεγχο. Το μόνο που πρέπει να ανησυχώ είναι ότι λειτουργεί.

    Η θέση μου Αυτή είναι μια από τις λίγες φορές που μιλώ δημόσια για τη θέση μου σε κάτι. Ήμουν πάντα μεταξύ των πολέμιων της επικύρωσης, με βάση το γεγονός ότι ο επικυρωτής είναι πολύ αυστηρός για να είναι πρακτικός πραγματικές εφαρμογές. Υπάρχουν πράγματα που υποστηρίζονται από τα περισσότερα προγράμματα περιήγησης (μέσα, μετά) που δεν είναι έγκυρα, αλλά μερικές φορές είναι πολύ απαραίτητα για τη σωστή λειτουργία.

    Στην πραγματικότητα, μου μεγαλύτερο πρόβλημαΗ επικύρωση είναι ο έλεγχος #4 (για ξένα στοιχεία). Είμαι υπέρμαχος της χρήσης προσαρμοσμένων χαρακτηριστικών στο Ετικέτες HTMLγια την αποθήκευση πρόσθετων μεταδεδομένων που σχετίζονται με ένα συγκεκριμένο στοιχείο. Κατά την κατανόηση μου, αυτό είναι, για παράδειγμα, προσθήκη του χαρακτηριστικού foo όταν έχω δεδομένα (bar) με τα οποία πρέπει να συσχετίσω συγκεκριμένο στοιχείο. Μερικές φορές οι άνθρωποι υπερφορτώνουν τα υπάρχοντα χαρακτηριστικά για αυτούς τους σκοπούς απλώς για να περάσουν την επικύρωση, παρόλο που το χαρακτηριστικό θα χρησιμοποιηθεί για άλλους σκοπούς. Δεν έχει νόημα για μένα.

    Το μυστικό των προγραμμάτων περιήγησης είναι ότι δεν ελέγχουν ποτέ ότι ο κώδικας HTML ταιριάζει με το καθορισμένο DTD. Ο τύπος Doctype που καθορίσατε στο έγγραφο αλλάζει τον αναλυτή του προγράμματος περιήγησης συγκεκριμένη λειτουργία, αλλά αυτό δεν φορτώνει το doctype και δεν ελέγχει τον κώδικα σε σχέση με αυτό. Δηλαδή, ο αναλυτής του προγράμματος περιήγησης επεξεργάζεται την HTML με ορισμένες υποθέσεις ακυρότητας, όπως ετικέτες αυτοκλεισίματος και στοιχεία μπλοκμέσα σε χορδές (είμαι σίγουρος ότι υπάρχουν και άλλες).

    Στην περίπτωση των προσαρμοσμένων χαρακτηριστικών, όλα τα προγράμματα περιήγησης αναλύουν και αναγνωρίζουν τα συντακτικά σωστά χαρακτηριστικά ως έγκυρα. Αυτό καθιστά δυνατή την πρόσβαση σε τέτοια χαρακτηριστικά μέσω του DOM με χρησιμοποιώντας Javascript. Γιατί λοιπόν να ανησυχώ για την εγκυρότητα; Θα συνεχίσω να χρησιμοποιώ τα χαρακτηριστικά μου και χαίρομαι πολύ που η HTML5 τα επισημοποιεί.

    Το καλύτερο παράδειγμα τεχνολογίας που οδηγεί σε μη έγκυρο HTML αλλά κάνει τεράστια διαφορά είναι το ARIA. Το ARIA λειτουργεί προσθέτοντας νέα χαρακτηριστικά στην HTML 4. Αυτά τα χαρακτηριστικά παρέχουν πρόσθετο σημασιολογικό νόημα στα στοιχεία HTML και το πρόγραμμα περιήγησης είναι σε θέση να μεταφέρει αυτήν τη σημασιολογία βοηθητικές συσκευέςνα βοηθήσει τα άτομα με αναπηρία. Όλα τα μεγάλα προγράμματα περιήγησης υποστηρίζουν πλέον τη σήμανση ARIA. Ωστόσο, εάν χρησιμοποιήσετε αυτά τα χαρακτηριστικά, θα έχετε μη έγκυρο HTML.

    Όσον αφορά τις προσαρμοσμένες ετικέτες, νομίζω ότι δεν υπάρχει τίποτα κακό με την προσθήκη συντακτικά σωστών νέων ετικετών σε μια σελίδα, αλλά δεν βλέπω μεγάλη πρακτική αξία σε αυτό.

    Για να ξεκαθαρίσω τη θέση μου: Πιστεύω ότι οι έλεγχοι #1 και #2 είναι πολύ σημαντικοί και πρέπει πάντα να γίνονται. Θεωρώ επίσης σημαντικό τον έλεγχο #3, αλλά όχι τόσο σημαντικό όσο τα δύο πρώτα. Ο έλεγχος #4 είναι πολύ αμφισβητήσιμος για μένα επειδή επηρεάζει προσαρμοσμένα χαρακτηριστικά. Πιστεύω ότι, κατ' ανώτατο όριο, τα προσαρμοσμένα χαρακτηριστικά θα πρέπει να επισημαίνονται ως προειδοποιήσεις (και όχι ως σφάλματα) στα αποτελέσματα επικύρωσης, ώστε να μπορώ να ελέγξω εάν εισήγαγα λάθος το όνομα του χαρακτηριστικού. Είναι δυνατή η επισήμανση προσαρμοσμένων ετικετών ως σφαλμάτων καλή ιδέα, αλλά έχει επίσης ορισμένα προβλήματα, για παράδειγμα, κατά την ενσωμάτωση περιεχομένου σε άλλη σήμανση - SVG ή MathML.

    Επικύρωση για λόγους επικύρωσης; Νομίζω ότι η επικύρωση για λόγους επικύρωσης είναι εξαιρετικά ανόητη. Έγκυρος HTML σημαίνει μόνο ότι και οι 4 έλεγχοι πέρασαν χωρίς σφάλματα. Υπάρχουν πολλά σημαντικά πράγματα που η έγκυρη HTML δεν εγγυάται:
    • Το έγκυρο HTML δεν εγγυάται την προσβασιμότητα.
    • Το έγκυρο HTML δεν εγγυάται καλό UX (εμπειρία χρήστη).
    • Το έγκυρο HTML δεν εγγυάται έναν λειτουργικό ιστότοπο.
    • Το έγκυρο HTML δεν είναι εγγυημένο σωστή εμφάνισηιστοσελίδα.
    Το έγκυρο HTML μπορεί να είναι κάτι για το οποίο πρέπει να είμαστε περήφανοι, αλλά δεν είναι από μόνος του δείκτης ικανότητας. Ο έγκυρος κώδικάς σας δεν εκτελεί πάντα τις λειτουργίες του καλύτερα από τον μη έγκυρο κώδικα επικύρωσης HTML5 Η επικύρωση HTML5 θα διορθώσει ορισμένα προβλήματα Επικύρωση HTML 4. Επιτρέπει ρητά τη χρήση προσαρμοσμένων χαρακτηριστικών (πρέπει να ξεκινούν με δεδομένα-). Αυτό θα επιτρέψει στον κώδικά μου να περάσει τον έλεγχο επικύρωσης HTML5. Φυσικά, υπάρχουν ορισμένα πράγματα σχετικά με το πρόγραμμα επικύρωσης HTML5 με τα οποία δεν συμφωνώ, αλλά πιστεύω ότι ανταποκρίνεται στις πρακτικές ανάγκες πολύ καλύτερα από το πρόγραμμα επικύρωσης HTML 4 Συμπέρασμα Πιστεύω ότι ορισμένα μέρη της επικύρωσης HTML είναι εξαιρετικά σημαντικά και χρήσιμα. αλλά δεν θέλω να είμαι όμηρος της γιατί χρησιμοποιώ τις ιδιότητες μου. Είμαι περήφανος που χρησιμοποιώ το ARIA στη δουλειά μου και δεν με νοιάζει αν θεωρείται άκυρος κωδικός. Και πάλι, από τους τέσσερις ελέγχους επικύρωσης, έχω προβλήματα μόνο με έναν. Και ένα πρόγραμμα επικύρωσης HTML5 θα με σώσει από τα περισσότερα από αυτά τα προβλήματα.

    Ξέρω ότι αυτό είναι ένα αμφιλεγόμενο θέμα για πολλούς, γι' αυτό παρακαλώ μην είστε καθαρά συναισθηματικοί στα σχόλια.

    UPD: ευχαριστώ για το κάρμα, το μετέφερα στο θεματικό. Θα επαναλάβω τα λόγια του συγγραφέα: Καταλαβαίνω ότι πρόκειται για ένα αμφιλεγόμενο θέμα, αλλά παρακαλώ να αποφύγετε τα καθαρά συναισθηματικά σχόλια και να προβάλετε επιχειρήματα.

    Γεια σε όλους!

    Ο έλεγχος της εγκυρότητας του κώδικα HTML είναι απαραίτητος για, επειδή ρομπότ αναζήτησηςΒλέπουν μόνο κώδικα HTML. Για το λόγο αυτό, καλό είναι να βάλετε τον κώδικα του ιστότοπου σε πλήρη σειρά. Σε αυτό θα μας βοηθήσουν ειδικές διαδικτυακές υπηρεσίες που ελέγχουν τον κωδικό και επισημαίνουν συγκεκριμένα σφάλματα.

    Μία από αυτές τις υπηρεσίες είναι η validator.w3.org, η οποία είναι ίσως η καλύτερη. Είναι εξ ολοκλήρου στα Αγγλικά, επομένως ορισμένοι μπορεί να έχουν προβλήματα με το να το δουλέψουν, αλλά μην ανησυχείτε: το πρόγραμμα επικύρωσης θα σας δείξει τόσο τον αριθμό γραμμής όσο και το ίδιο το σφάλμα.

    Έγκυρος κωδικός είναι ο κώδικας που πληροί όλα τα πρότυπα.

    Για το μάθημα θα χρειαστείτε το παρακάτω υλικό:

    Η προαναφερθείσα ηλεκτρονική υπηρεσία ελέγχει τον κώδικα HTML διαδικτυακά σε ολόκληρο τον ιστότοπο. Απλώς πρέπει να καθορίσετε τον τομέα του ιστότοπού σας και να κάνετε κλικ στο κουμπί "Έλεγχος", ώστε να αρχίσετε να ελέγχετε τον κώδικα HTML του ιστότοπου.

    Το πρόγραμμα επικύρωσης παρέχει επίσης ένα πολύ ενδιαφέρον χαρακτηριστικό - τον έλεγχο των αρχείων ιστότοπου με τοπικός υπολογιστής. Κατά τη γνώμη μου, αυτό το εργαλείο θα είναι χρήσιμο για όσους κάνουν προσαρμοσμένους ιστότοπους. Πριν υποβάλετε την παραγγελία σας, πρέπει να ελέγξετε ξανά τα πάντα, γιατί θέλετε οι άνθρωποι να είναι πάντα ικανοποιημένοι με την εργασία σας. Μπορείτε να ελέγξετε τα αρχεία μεταβαίνοντας στην καρτέλα "Επικύρωση με μεταφόρτωση αρχείων":

    Πώς να διορθώσετε σφάλματα στον κώδικα HTML;

    Η υπηρεσία W3c Validator μου έδειξε δύο σφάλματα και μου έδωσε 8 προειδοποιήσεις. Θα προσπαθήσω να τα διορθώσω και θα σας δείξω πώς γίνεται.

    Διόρθωση του σφάλματος "Το στυλ στοιχείου δεν επιτρέπεται ως παιδί του στοιχείου div σε αυτό το πλαίσιο. (Καταργώντας περαιτέρω σφάλματα από αυτό το υποδέντρο.)". Αυτό το σφάλμα μου λέει ότι δεν χρειάζεται να προσδιορίσετε στυλ στον κώδικα HTML, δηλαδή στην ετικέτα. Επομένως, τα στυλ που είναι γραμμένα σε αυτό το μπλοκ πρέπει να μεταφερθούν στο αρχείο style.css και τέλος.

    Ο επικυρωτής υποδεικνύει επίσης πού ακριβώς βρίσκεται το σφάλμα:


    Με αυτόν τον τρόπο μπορείτε να βρείτε και να διορθώσετε σφάλματα κώδικα HTML. Ωστόσο, οι ιστότοποι δεν αποτελούνται μόνο από κώδικα σήμανσης, αλλά και από CSS, επομένως ελέγχουμε επίσης τα επικαλυπτόμενα φύλλα στυλ του πόρου Ιστού.

    Έλεγχος του κωδικού CSS για εγκυρότητα

    Μπορείτε επίσης να ελέγξετε τον κωδικό CSS για εγκυρότητα στο πρόγραμμα επικύρωσης W3c. Μπορείτε να το κάνετε χρησιμοποιώντας αυτόν τον σύνδεσμο. Η αρχή λειτουργίας είναι η ίδια: καθορίζετε τη διεύθυνση URL του ιστότοπου ή επιλέγετε ένα αρχείο στον υπολογιστή σας και κάνετε κλικ στο κουμπί "Έλεγχος".

    Σε αντίθεση με το ίδιο εργαλείο επικύρωσης HTML, το πρόγραμμα επικύρωσης CSS είναι στα ρωσικά.

    Σφάλματα και προειδοποιήσεις CSS

    Στο Έλεγχος CSSκωδικός για την εγκυρότητα, τα θέματα της υπηρεσίας ένας μεγάλος αριθμός απόλάθη και προειδοποιήσεις. Έλαβα 23 σφάλματα και 281 προειδοποιήσεις. Εκ πρώτης όψεως αυτό μπορεί να φαίνεται πολύ και μπορεί ακόμη και να σας τρομάζει, αλλά οι περισσότεροι από αυτούς καθορισμένα σφάλματακαι οι προειδοποιήσεις εμφανίζονται μόνο επειδή η υπηρεσία δεν γνωρίζει ορισμένες ιδιότητες που ισχύουν για διαφορετικά προγράμματα περιήγησης.

    Στην περίπτωσή μου, οι περισσότερες από τις 281 προειδοποιήσεις είναι ιδιότητες CSS για κανονική εμφάνιση σε διαφορετικά προγράμματα περιήγησης:

    Οι θέσεις υπηρεσίας ετικέτες όπως " άγνωστη επέκτασηπρομηθευτής." Επομένως, εάν, κατά τον έλεγχο των αρχείων CSS, δείτε μεγάλο αριθμό τέτοιων σφαλμάτων, τότε μην ανησυχείτε. Ολα ειναι καλά.

    Δεν θα απαριθμήσω τα πιο συνηθισμένα σφάλματα και τρόπους εξάλειψής τους, καθώς οι λύσεις του καθενός μπορεί να είναι διαφορετικές και πρέπει να κοιτάξετε τον ίδιο τον κώδικα HTML για να καταλάβετε τι συμβαίνει.

    Εάν δεν μπορείτε να λύσετε ένα σφάλμα, μοιραστείτε το πρόβλημα στα σχόλια του μαθήματος, ίσως βρούμε μια λύση μαζί.

    Ελπίζω ότι τα μαθήματα που δημοσιεύτηκαν κατά τη διάρκεια αυτής της εβδομάδας ήταν χρήσιμα για εσάς και βοήθησαν στην επίλυση ορισμένων προβλημάτων.

    Λοιπόν τώρα, αντίο!

    Προηγούμενο άρθρο
    Επόμενο άρθρο

    Ιγκόρ. Ενημέρωση: 9 Ιουνίου 2012.

    Γεια σας φίλοι! Σήμερα, ένα πολύ σημαντικό θέμα στην ημερήσια διάταξη: πώς να ελέγξετε έναν ιστότοπο για σφάλματα, που περιλαμβάνει τον έλεγχο της εγκυρότητας (συμμόρφωσης με τα πρότυπα) του κώδικα html χρησιμοποιώντας την υπηρεσία επικύρωσης W3C.

    Γιατί είναι αυτό τόσο σημαντικό; Πρώτα απ 'όλα, επειδή η ορθότητα του κώδικα html βοηθά στην επίτευξη ενός τόσο σημαντικού μέρους της βελτιστοποίησης του ιστότοπου, όπως, δηλαδή, η πανομοιότυπη εμφάνιση του πόρου σας σε όλα τα δημοφιλή προγράμματα περιήγησης ιστού, κάτι που, φυσικά, βοηθά στη βελτιστοποίηση και την προώθησή του. Επειδή οι επισκέπτες χρησιμοποιούν διαφορετικά προγράμματα περιήγησης, συμπεριλαμβανομένων διάφορες τροποποιήσεις, και το γεγονός ότι ο ιστότοπος φαίνεται ίδιος σε αυτά δίνει πρόσθετα πλεονεκτήματα στον webmaster στα μάτια των πιθανών αναγνωστών. Παρεμπιπτόντως, μπορείτε να επιλέξετε μόνοι σας ποιο πρόγραμμα περιήγησης είναι καλύτερο διαβάζοντας το σχετικό υλικό.

    Η εγκυρότητα, δηλαδή η συμμόρφωση του κώδικα html με ορισμένα πρότυπα, ορίζεται από τη Διεθνή Κοινοπραξία W3C (World Wide WebΚοινοπραξία). Όλοι οι προγραμματιστές του Διαδικτύου, ως επί το πλείστον, λαμβάνουν απαραίτητα υπόψη αυτά τα πρότυπα στις δημιουργίες τους. Συμφωνώ, χωρίς αυτό, το χάος και η αναρχία θα επικρατήσει στον χώρο του Διαδικτύου, ιδίως στον προγραμματισμό. Εκτός από τον έλεγχο του κώδικα HTML, είναι πολύ σημαντικό να εφαρμοστεί.

    Συμπερασματικά, θα προσθέσω ότι δεν μπορούν να υπάρχουν ασήμαντες λεπτομέρειες στην προώθηση ενός πόρου, και ακόμη και μια φαινομενικά μικρή λεπτομέρεια (για παράδειγμα,) μπορεί να δώσει μια θετική ώθηση μαζί με τέτοια το πιο σημαντικό μέρος Βελτιστοποίηση SEOόπως, .

    Επαληθευτής W3C: έλεγχος της εγκυρότητας ενός εγγράφου html

    Μια πολύ χρήσιμη υπηρεσία που βοηθά όλους τους webmasters στον έλεγχο και τη διατήρηση της εγκυρότητας του HTML είναι το πρόγραμμα επικύρωσης W3C. Αρχικά, ας πάμε στην αρχική σελίδα του W3C:


    Όπως μπορείτε να δείτε, υπάρχει ήδη μια διαίρεση ανά περιοχή και μπορείτε να δείτε τη ρωσική έκδοση της κύριας σελίδας επιλέγοντας την αντίστοιχη περιοχή στο αναπτυσσόμενο μενού στην επάνω δεξιά γωνία και κάνοντας κλικ στο κουμπί "GO". Δυστυχώς, Αποτελέσματα ελέγχου εγκυρότητας htmlΠρος το παρόν, είναι διαθέσιμα μόνο στα Αγγλικά, επομένως, για να μεταβείτε απευθείας στον έλεγχο του ιστότοπου για σφάλματα, κάντε κλικ στον σύνδεσμο "HTML and markup validator" στην κάτω δεξιά γωνία:


    Για να ελέγξετε την εγκυρότητα του html, μπορείτε να κάνετε τρία πράγματα:

    1. Επικύρωση με URI - έλεγχος έως Διεύθυνση URLέγγραφο
    2. Validate by File Upload - έλεγχος της εγκυρότητας του html χρησιμοποιώντας το μεταφορτωμένο αρχείο
    3. Επικύρωση με άμεση εισαγωγή - μπορείτε να εισαγάγετε απευθείας τον κώδικα HTML και να ελέγξετε για εγκυρότητα.

    Για να ελέγξετε την ορθότητα του κώδικα html ενός ιστότοπου ή μιας σελίδας ιστολογίου για σφάλματα, επιλέξτε την πρώτη επιλογή. Στη συνέχεια, εισαγάγετε τη διεύθυνση του πόρου στο κατάλληλο πεδίο «Διεύθυνση» και κάντε κλικ στο «Έλεγχος». Είναι πολύ πιθανό να δείτε την παρακάτω εικόνα στην περίπτωσή μου, αυτό ακριβώς συνέβη την πρώτη φορά που άρχισα να ελέγχω το ιστολόγιό μου χρησιμοποιώντας το πρόγραμμα επικύρωσης W3C:

    Η ετυμηγορία του προγράμματος επικύρωσης του W3C είναι απογοητευτική: είναι αδύνατο να ελέγξετε τον ιστότοπο για σφάλματα κώδικα html, καθώς εντοπίστηκε μη έγκυρος χαρακτήρας στη γραμμή 298. Λοιπόν, ας αναζητήσουμε αυτόν τον χαρακτήρα, ευτυχώς υπάρχει μια υπόδειξη. Εάν χρησιμοποιείτε Google Chrome(εγχειρίδιο που περιγράφει αυτό το πρόγραμμα περιήγησης), στη συνέχεια κάντε κλικ δεξί κουμπίποντίκι και επιλέξτε "Προβολή κώδικα σελίδας"από κατάλογος συμφραζόμενων(ή χρησιμοποιήστε τον συνδυασμό πλήκτρων Ctrl+U), ο οποίος θα ανοίξει μια σελίδα με κώδικα HTML στην επόμενη καρτέλα.

    Για άλλα προγράμματα περιήγησης: εάν εσείς Χρήστης Διαδικτύου Explorer (άρθρο για τον Explorer) επιλέξτε « Προβολή HTMLκώδικας", Mozilla Firefox (περισσότερες λεπτομέρειες) - « Πηγήσελίδες", Opera (σχετικά με τον τρόπο λήψης, εγκατάστασης, διαμόρφωσης και ενημέρωσης του προγράμματος περιήγησης Opera) - "Πηγή".


    Ας δούμε με τι δεν είναι ευχαριστημένος ο επικυρωτής του W3C εδώ. Όπως μπορείτε να δείτε από το στιγμιότυπο οθόνης, αυτή η γραμμή αντιστοιχεί σε ένα από τα σχόλια, την απάντησή μου σε ένα από τα σχόλια. Εδώ χρησιμοποίησα κατά λάθος το σύμβολο σύμβολο &, αυτό είναι ένα απόσπασμα από τα "τελευταία σχόλια" στην κεντρική σελίδα:

    Έχοντας επεξεργαστεί αυτό το μέρος, ελέγχουμε ξανά τον ιστότοπο για σφάλματα, χρησιμοποιώντας ξανά το πρόγραμμα επικύρωσης του W3C (για να το διορθώσω, πήγα στην ενότητα "Σχόλια" διαχειριστής Πάνελ WordPressκαι αντικαταστάθηκε με το γράμμα n):


    Όπως μπορείτε να δείτε από το παραπάνω στιγμιότυπο οθόνης, αυτή τη φορά ο επικυρωτής μπόρεσε να ολοκληρώσει τον έλεγχο και εξέδωσε 8 σφάλματα και 2 προειδοποιήσεις. Αυτό είναι πραγματικά πολύ λίγο και μπορείτε να ζήσετε με αυτό. Πολλοί αξιοπρεπείς, αξιόπιστοι ιστότοποι Yandex και Google έχουν μια τάξη μεγέθους περισσότερα σφάλματα στην εγκυρότητα html.

    Προσοχή!Το πρόγραμμα επικύρωσης W3C ελέγχει την εγκυρότητα μόνο της σελίδας της οποίας τη διεύθυνση εισάγετε και όχι ολόκληρου του ιστότοπου. Εάν εισαχθεί η διεύθυνση της κύριας σελίδας, θα λάβετε δεδομένα μόνο για αυτό το έγγραφο.

    Ακόμη και αρχική σελίδαΤο Yandex, εάν αποφασίσετε να το ελέγξετε ως παράδειγμα, περιέχει αρκετές δεκάδες σφάλματα. Αλλά αυτό είναι κατανοητό, είναι πολύ δύσκολο να παρακολουθείτε συνεχώς τις διορθώσεις κώδικα, καθώς τα έγγραφα (διαβάστε: σελίδες ιστότοπου) ενημερώνονται συνεχώς. Για παράδειγμα, είμαστε στο WordPress blogΧρησιμοποιούμε συνεχώς πρόσθετα για τον ένα ή τον άλλο σκοπό, τα οποία επίσης φέρνουν χάος στον κώδικα html.

    Ακόμα κι αν «καθαρίσετε» όλα τα μπλοκ, ενδέχεται να εξακολουθήσουν να εμφανίζονται νέα για τους λόγους που περιγράφονται παραπάνω. Είναι σημαντικό να μην υπάρχουν πάρα πολλά από αυτά τα σφάλματα. Εάν, βέβαια, πετύχετε την πλήρη εξάλειψή τους, τότε τιμή και έπαινο σε σας. Φυσικά, για αυτό πρέπει να γνωρίζετε τουλάχιστον html βασικάνα γνωρίζει τον αλγόριθμο για τη διόρθωση σφαλμάτων τοποθεσίας στον κώδικα.

    Σε επόμενες δημοσιεύσεις θα προσπαθήσω να θίξω ξανά αυτό το θέμα και να πω με περισσότερες λεπτομέρειες, χρησιμοποιώντας παραδείγματα, ποιες συγκεκριμένες ενέργειες πρέπει να γίνουν για την εξάλειψή τους. Για να μην χάνετε τις πιο πρόσφατες πληροφορίες, εγγραφείτε σε ενημερώσεις ιστολογίου μέσω RSS. Επιτρέψτε μου να σας υπενθυμίσω για άλλη μια φορά ότι πάρα πολλά σφάλματα στον κώδικα html μπορούν να εμποδίσουν τη σωστή εμφάνιση του ιστότοπου σε διάφορα προγράμματα περιήγησης. Επιπλέον, κάτι μου λέει ότι σύντομα οι μηχανές αναζήτησης μπορεί να κάνουν προσαρμογές στη σειρά με την οποία ταξινομούνται οι πόροι και να λαμβάνουν υπόψη την εγκυρότητα του κώδικα html. Επιπλέον, ακολουθεί μια εξήγηση ορισμένων ρυθμίσεων στη σελίδα επικύρωσης του W3C:


    • Εμφάνιση πηγής - εμφανίζει τον πηγαίο κώδικα
    • Εμφάνιση περιγράμματος - εμφανίζει τη γραμμή που περιέχει το σφάλμα
    • Επικύρωση σελίδων σφαλμάτων - ελέγχει την εγκυρότητα σελίδες htmlμε ένα σφάλμα, για παράδειγμα,
    • List Messages Sequently - εμφανίζει σφάλματα και προειδοποιήσεις σε μια κανονική λίστα
    • Ομαδικά μηνύματα λάθους κατά τύπο - ταξινομεί τα σφάλματα σύμφωνα με ορισμένα κριτήρια
    • Εκκαθάριση σήμανσης με HTML TIdy - εξάγει τον σωστό κώδικα, διορθωμένο πρόγραμμα HTMLΤακτοποιημένος. Ο σχολιασμός αναφέρει ότι αυτό το πρόγραμμα δεν αποτελεί μέρος του προγράμματος επικύρωσης του W3C, επομένως δεν εγγυώνται ότι θα λειτουργήσει σωστά.

    Λοιπόν, μάλλον αρκεί για σήμερα. Ελπίζω να έχετε συνειδητοποιήσει την ανάγκη να ελέγξετε τον ιστότοπό σας για σφάλματα και να ελέγξετε την εγκυρότητα του html του ιστότοπού σας χρησιμοποιώντας το πρόγραμμα επικύρωσης W3C.

    Θα θέλατε να λαμβάνετε έγκαιρα φρέσκα, σχετικά και χρήσιμα άρθρα; Στη συνέχεια, μπορείτε να εγγραφείτε:

    Περισσότερα άρθρα για αυτό το θέμα:

    38 κριτικές
  • Άννα

    Οι λάτρεις της δημιουργίας θεμάτων στο WordPress, ακόμη και οι επαγγελματίες το έχουν αυτό, υπάρχουν τέτοια σφάλματα δωρεάν φιλοξενία, όπου οι άνθρωποι συχνά κατασκευάζουν GS. Πήρα ένα «κουτί» (έτοιμος ιστότοπος με το κλειδί στο χέρι από γνωστό σκαρίφτη και σχεδιαστή διάταξης), για ένα χρόνο ή λίγο περισσότερο όλα ήταν καλά, μετά από έλεγχο επικύρωσης πριν από περίπου τρεις μήνες ανακαλύφθηκαν αρκετά λάθη. Igor, ευχαριστώ για ένα τόσο λεπτομερές άρθρο "τσαγιέρα" 🙂! Τώρα ψάχνω λίγο στο "τι και πώς;", αποδεικνύεται ότι αυτό είναι απλώς ένα δύσκολο πράγμα, αλλά δεν ξέρω πώς το αντιλαμβάνονται τα ρομπότ, δηλαδή οι "αράχνες"; μηχανές αναζήτησης. Ήθελα να μάθω από εσάς: υπάρχει σύνδεση με τις μηχανές αναζήτησης και την επικύρωση ή αυτό το είδος σφάλματος είναι καθαρά τεχνικό σημείοκαι βρίσκεται αυστηρά εντός του ιστότοπου, με την έννοια ότι δεν επηρεάζει με κανέναν τρόπο τις θέσεις στο Google και στο Yandex;

    Igor, ΕΥΧΑΡΙΣΤΩ και πάλι.

  • Βασιλικός

    Έλεγχα τον ιστότοπό μου για σφάλματα. Είδα σφάλματα, αλλά δεν είναι ξεκάθαρο τι να κάνω στη συνέχεια. Igor, γιατί δεν δημοσιεύεις τα άρθρα σου σε κοινωνικά δίκτυα για webmasters; Έχετε καλά άρθρα και αυτό μπορεί να αυξήσει την επισκεψιμότητα στον ιστότοπό σας.

  • Ιγκόρ

    Άννα, σύμφωνα με τους εκπροσώπους της Yandex και της Google, ο αριθμός των σφαλμάτων δεν έχει καμία απολύτως επίδραση στη θέση του ιστότοπου στα αποτελέσματα αναζήτησης. Αλλά δεν ξέρουμε πόσο θα διαρκέσει αυτό, επειδή οι αλγόριθμοι των μηχανών αναζήτησης αλλάζουν συνεχώς.

  • Ιγκόρ

    Vasily, αν είσαι αρχάριος και δεν καταλαβαίνεις γλώσσες htmlκαι css, τότε πρώτα απ' όλα προσέξτε πόσα λάθη και προειδοποιήσεις έχετε και συγκρίνετε με το περιεχόμενο του ιστότοπού σας. Εάν ο ιστότοπός σας περιέχει ήδη αρκετές δεκάδες σελίδες και αρκετές δεκάδες σφάλματα, τότε δεν υπάρχει τίποτα να ανησυχείτε, μπορείτε να επιστρέψετε στη διόρθωση της κατάστασης αργότερα. Με τον καιρό θα αποκτήσεις σίγουρα ΒΑΣΙΚΕΣ ΓΝΩΣΕΙΣσε html και css, εάν αναπτύξετε το έργο σας και μετά μπορείτε να καταλάβετε γρήγορα τι είναι τι. Όσο για τα κοινωνικά δίκτυα, έχετε δίκιο, πρόκειται για πρόσθετη κίνηση.

  • Ανίτα

    Διαχειριστής, το W3C προσφέρει κουμπιά κοινωνικής δικτύωσης από το Yandex, τότε τα παρατήρησαν και οι δύο εκπρόσωποι της Google και του W3C κρίσιμο σφάλμα, αφαίρεσε τρία μπλοκ Google για μερικά δευτερόλεπτα. Στέλνω ένα αίτημα κάνοντας κλικ στο κουμπί επανέλεγχο, έμεινα έκπληκτος! Από τα προηγούμενα υπόλοιπα 92 που δεν διορθώθηκαν, έχω 83. Μόλις αφαίρεσα τους διαφημιστικούς κωδικούς :). Άρχισα με κάποιο τρόπο να καθαρίζω το Direct χωρίς καμία επιθυμία, γιατί... ίδιο λάθος. Και για μένα, στο W3C δεν αρέσει το σύμβολο & είτε ως ενιαίο νόημα είτε ως νόημα που αντιπροσωπεύει το δικαίωμα - ©.

    Αυτό δεν είναι αρκετό, βλέπω, ξέρετε, το W3C υποδεικνύει πού και σε ποια γραμμή, αυτό είναι σωστό, ελέγχω, ας πούμε λέει ότι λείπει η γραμμή 127 στο κλείσιμο ζευγαρωμένη ετικέταΤο "body" είναι γωνιακό, δηλαδή, δεν βρήκα σφάλματα ">" ούτε μέσω του "FireFox" ούτε στην παρακολούθηση μέσω "Ctrl" + "U" στο "Google Chrome", που είναι χαρακτηριστικό για την απουσία ">" του Η υπηρεσία W3C βλέπει περισσότερα στις ετικέτες "body" και "noindex" και, στο σενάριο, "javascript". Έχοντας ελέγξει τα πάντα και τα επεξεργάστηκα, είχαν απομείνει 42 σφάλματα, δεν ξέρω πώς λειτουργεί το W3C και σαρώνει για σφάλματα, αλλά κοιτάζοντας άλλους πόρους χρησιμοποιώντας το Notepad++ με μια προσθήκη επισήμανσης σύνταξης (βρίσκεται στο Habré), δεν υπάρχουν σφάλματα, αλλά. Το W3C εξακολουθεί να έχει προβλήματα εκεί. Και χωρίς κουμπιά μέσων κοινωνικής δικτύωσης, δεν με ενδιαφέρει, όπως και χωρίς διαφήμιση 🙂 είμαι απρόθυμος. Ευχαριστώ για τα μαθήματα.

  • Ιγκόρ

    Αγαπητή Ανίτα! Εάν και πάλι δεν μπορείτε να εξαλείψετε όλα τα σφάλματα, δεν πειράζει, ειδικά επειδή έχετε μειώσει τον αριθμό τους κατά 2 φορές. Μέχρι στιγμής, οι μηχανές αναζήτησης δεν λαμβάνουν υπόψη τα σφάλματα επικύρωσης κατά την κατάταξη ιστοτόπων. Αλλά είστε υπέροχοι που αποφασίζετε να βάλετε τα πράγματα σε τάξη, γιατί αυτή η δουλειά σίγουρα δεν θα πάει χαμένη.

  • Lin-80

    Το σωστό είναι να ελέγξετε τον ιστότοπό σας για σφάλματα.

  • Αντρέι

    ευχαριστώ για χρήσιμο άρθρο, διόρθωσε τα λάθη μου στον κώδικα

  • Ιγκόρ

    Χαίρομαι για σένα, Αντρέι. Ευχαριστώ για το σχόλιο.

  • Λιουντμίλα

    Δεν μπορείτε να μου πείτε πώς να το διορθώσω, μόλις άρχισα να το καταλαβαίνω, βρήκα πού να το διορθώσω, αλλά δεν ξέρω με τι να διορθώσω αυτό το κόκκινο σύμβολο.
    .. TP:/ / txtrk.com/tiz/c1tiz.php? ICS = 7354 & I av = 3809 & Adul = 1 & bcol = _EFEFEF και zcol = "+" και g...

    Συνήθως, αυτά είναι σφάλματα κλιμάκωσης που προκαλούνται από μια απροσδιόριστη οντότητα αναφοράς ή τη χρήση μη κωδικοποιημένων συμπλεκτών (&) στη διεύθυνση URL και στο κύριο κείμενο. Δείτε προηγούμενες αναρτήσεις για περισσότερες πληροφορίες.

  • Ιγκόρ

    Λιουντμίλα, έχεις ένα σφάλμα κώδικας javascript, που εμφανίζει ένα διαφημιστικό μπλοκ από το TxTrek, που σημαίνει ότι λάβατε τον κωδικό από αυτούς και τον εισαγάγατε στην πλαϊνή γραμμή, σωστά; Αυτό σημαίνει ότι τίποτα δεν εξαρτάται από εσάς εδώ. Φυσικά, μπορείτε να επικοινωνήσετε μαζί τους και να τους ζητήσετε να καθαρίσουν τον κωδικό, αλλά αυτό είναι χάσιμο χρόνου και προσπάθειας. Για να ξεκινήσετε, επεξεργαστείτε τον κώδικα σε εκείνα τα μέρη όπου αυτό είναι δυνατό, δηλαδή στα αρχεία θεμάτων σας και στους κωδικούς που λαμβάνετε από adggregators και προγράμματα συνεργατώνΜην το αγγίζετε ακόμα, γιατί δεν εξαρτώνται όλα από εσάς.

  • Βασιλικός

    Ιγκόρ, πες μου, αυτό που επισημαίνεται με κόκκινο είναι ένας λανθασμένος κωδικός ή θα έπρεπε να υπάρχει αυτό το σημάδι, αλλά λείπει.

  • Λιουντμίλα

    Igor, σε ευχαριστώ πολύ για την απάντησή σου.

  • Λιουντμίλα

    Θέλω επίσης να πω ότι το site σας ήταν πολύ χρήσιμο για μένα, σας ευχαριστώ.

  • Ιγκόρ

    Vasily, εξαρτάται από τη φύση του σφάλματος.

  • Ιγκόρ

    Είμαι πολύ χαρούμενος, Λιουντμίλα. 🙂

  • Ρασίντα Γκαριφουλίνα
  • Ιγκόρ

    Rashida, είναι εντάξει αν εμφανιστούν σφάλματα, επειδή το έργο αναπτύσσεται και είναι εντελώς αδύνατο να γίνει χωρίς αυτά. Απλά πρέπει να ελέγχετε από καιρό σε καιρό για να βεβαιωθείτε ότι δεν θα μετατραπούν σε χιονοστιβάδα. Ναι, από αυτή την άποψη, ούτε η Yandex είναι άψογη.

  • Αλέξανδρος

    Καλησπέρα, κι εγώ ψάχνω τον ιστότοπό μου αυτή τη στιγμή... υπήρχαν προβλήματα με τα πρόσθετα ήχου, το διέγραψα... τώρα λέει ότι το αρχείο δεν βρέθηκε: _http://alexandrrychko.ru/wp- content/plugins/wp-audio-player /css/audioplayer.css?ver=3.6: Δεν βρέθηκετι να κάνω..;

  • Ιγκόρ

    Αλέξανδρε, τι περίμενες αν διέγραψες το πρόσθετο; Φυσικά, σε αυτήν την περίπτωση εμφανίζεται ένα σφάλμα 404.

  • Λιουντμίλα
  • Αλέξανδρος

    Ακόμα και πριν τη διαγραφή, υπήρχαν λάθη στο audio player... γι' αυτό το διέγραψα. Κάποιο είδος στραβά πρόσθετων))) Πώς να το καθαρίσετε; Τώρα τι πρέπει να διαγραφεί;

  • Ιγκόρ