W3C Validator

[ArXoS]

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

Την κάνω την αρχή, καθώς έχω ένα site που εμφανίζεται γεμάτο λάθη από το http://validator.w3.org/
Μελετώντας τα λάθη, έχω καταλάβει τη πηγή του κακού (τρέχω σε Elxis 2006, χρησιμοποιώ modules που δεν είναι καλογραμμένα κτλ). Πριν όμως ξεκινήσουμε και μιλάμε για "λάθη" και πως αυτά μπορούμε να τα διορθώσουμε, θα ήθελα λίγο να μου εξηγήσετε ποιος ο λόγος του W3 valibator
Ο λόγος για την απορία μου, είναι οτι αν και το site που διαχειρίζομαι εμφανίζεται με πολλά λάθη (80 περίπου), περνάει τους οπτικούς ελέγχους που κάνω με διαφορετικούς browsers-εκδόσεις ..

Είναι λοιπόν τόσο τραγικό το να έχει ένα site λάθη ?

Έστησα πρόσφατα και ένα site σε joomla, και μου έβγαλε 150 λάθη , χωρίς κανένα addon. Άσε για τα smf, phpBB κτλ .. με new installs παίρνω περίπου 45 λάθη στο καθένα. Μήπως βρε παιδιά μας έχει πιάσει ψύχωση χωρίς λόγο ?

[ks-net]

δεν έχει σημασία το τι βλέπουμε εμείς και οι σημερινοί browsers ....

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

βλέπεις αυτοί ακολουθούν τα standards .... και θα συνεχίσουν να το κάνουν...
αν εμείς δεν τα ακολουθούμε... αν αλλού εμείς και αλλού αυτοί?
μπορεί να μην συναντηθούμε ποτέ...

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


Υγ. xhtml validation  το πρώτο που πρέπει να κοιτάξουμε για το seo μας

 

[ArXoS]

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

Υγ. xhtml validation  το πρώτο που πρέπει να κοιτάξουμε για το seo μας

εννοείς οτι δε θα δουλέψει σωστά το SEO ?

[ks-net]

δεν έχει σημασία το τι βλέπουμε εμείς και οι σημερινοί browsers ....

εννοείς οτι δε θα δουλέψει σωστά το SEO ?

πόσο σίγουρος είναι κανείς τα crawler διαβάζουν κανονικά μια κακογραμμένη σελίδα?

Τι seo μπορεί να έχει κανείς.. μλάμε για φιλικότητα προς τις μηχανές... γενικά και όχι για seo-urls μόνο.
με μπουρδουκλωμένο δυανάγνωστο ή και μη προσεγγίσιμο κώδικα ?

διαβαζουν οι μηχανές? ή όχι? τα βλέπουν όλα? οι τις μισές divs τις αφήνουν απ'εξω?

αν κάποιος διορθώσει το κωδικά του μήπως πάει καλύτερα στις μηχανές?
όποιος θέλει το ρισκάρει... μα πρέπει να γνωρίζει οti oi browsers εχουν γίνει αρκετά "έξυπνοι" και διορθώνουν-παραβλέπουν τα λάθη μας...αυτό που μας δείχνουν ίσως να μην είναι αυτό που βλέπουν όλοι.
όμως τα crawler στο μυαλό του έχει τη ταχύτητα και την άμεση σαρωση χωρίς να νοιάζεται για την καθε μαμακια μας


Υγ, η google εχει επισημάνει προ πολλού την ανάγκη valid κωδικα
Υγ2 και δεν είναι μόνο αυτό.. αλλά όπως είπα σήμερα βλέπουν οι browser ετσι... αυριο πώς?
σήμερα διόρθωσε την μαμακια σε ενα σημείο.. αύριο , στην επόμενη εκδοση?
αυριο θα βγεί μια καινούργια μηχανή εκτος ie/gecko... κτλ. αυτή πως θα βλέπει ενα κακογραμμένο κώδικα?

γιαυτό υπάρχουν τα standars για να μην ψαχνόμαστε και να βαδίζουμε όλοι στον ίδιο δρόμο... αν τα ακολουθούμε τότε πάμε καλά.. ή όσο καλύτερα γίνεται!

[datahell]

Αυτή η στορία δεν γίνεται μόνο για τις μηχανές αναζήτησης.
Στη δεύτερη γραμμή της HTML το Elxis αναφέρει το DOCTYPE με βάση το οποίο θα πρέπει να γίνει render το περιεχόμενο και validate ο (x)html κώδικας. Το Elxis χρησιμοποιεί το DOCTYPE xhtml1-transitional. Αυτό είναι μία οδηγία προς browsers, screen readers, κινητά τηλέφωνα, iphone, μηχανές αναζήτησης, web tv, και οποιαδήποτε άλλη συσκευή πάει να προσπελάσει τον ιστότοπο. Το να ακολουθούμε το πρότυπο που δηλώσαμε είναι σημαντικό γιατί εξασφαλίζει πως το site θα προσπελαύνεται σωστά από αυτές τις συσκευές. Αν δεν είναι έγκυρο αυτό μπορεί να έχει αρνητικά επακόλουθα αλλά και αυτό εξαρτάται από το είδος των λαθών. Συνεπώς αν το site έχει σφάλματα μπορεί ένα μόνο μέρος του να είναι διαθέσιμο ή και καθόλου.

Αν θέλουμε κάνουμε πιο χαλαρούς τους κανόνες μπορούμε να αλλάξουμε το DOCTYPE σε xhtml-loose. Αν θέλουμε πιο αυστηρούς κανόνες σε xhtml1-strict.
Ο πυρήνας του Elxis είναι έγκυρος και ως προς xhtml11-strict και όλο το elxis ακολουθεί απόλυτα τα πρότυπα του W3C.

Συνιστούμε θερμά τη χρήση xhtml1-transitional ή xhtml1-strict.

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd

[ArXoS]

ok παιδιά σας ευχαριστώ .. έχω καταλάβει απόλυτα τη σημασία του validator και έχω αρχίσει ήδη τις επεμβάσεις

1. ερώτηση
τελειώνει το αρχείο εξόδου με

</body></html><!-- 1247522413 -->

φυσικά, μετά το html στο index του template δεν υπάρχει τίποτε
Ο W3C Validator βρίσκει 3 errors σε αυτό
Διορθώνεται ?

[ks-net]

<!-- 1247522413 -->

καταρχήν αυτό είναι ένα απλό comment που μπαίνει αυτόματα....και δεν ασχολείται κανείς...

και δεύτερο δεν βρίσκει εκεί το λάθος... αλλά παραπάνω...
δες καλά το error message.. και αν δε σε βοηθά κοίτα παραπάνω για σπασμένες div(κυρίως)

[datahell]

<!-- 1247522413 --> : unix timestamp, η στιγμή (ημερομηνία/ώρα) που δημιουργήθηκε η σελίδα. Δεν ενοχλεί σε τίποτα, δεν είναι λάθος.

[ArXoS]

μμμ κατάλαβα .. δουλειά του unix

Τα βλέπει όμως σαν λάθη (3 λάθη κοκκινίζοντας το τελευταίο >), και δεν έχει να κάνει με τα divs κτλ

Code: [Select]

# Error  Line 471, Column 33: XML Parsing Error: Premature end of data in tag div line 34
</body></html><!-- 1247661487 -->

# Error Line 471, Column 33: XML Parsing Error: Premature end of data in tag body line 32
</body></html><!-- 1247661487 -->

# Error Line 471, Column 33: XML Parsing Error: Premature end of data in tag html line 4
</body></html><!-- 1247661487 -->

δες καλά το error message.. και αν δε σε βοηθά κοίτα παραπάνω για σπασμένες div(κυρίως)

τα σπασμένα divs τα ψάχνω στο index.php του template ή πρέπει να τα ψάχνω και στα php των modules ?

[ks-net]

Υποψιάστηκα σπασμένα divs(στη περίπτωση σου) ... αλλά δεν είναι μόνο αυτές οι περίπτωση να σου χαλάσει ο κώδικας ...
**
Error  Line 471, Column 33: XML Parsing Error: Premature end of data in tag div line 34 ...........32 ..........4

το λάθος "ξέσπασε" εκεί κάτω(471)... αλλά μάλλον προήρθε από τις γραμμές 34. 32. 4.

και ναι υπάρχει μεγάλη πιθανότητα τα διάφορα modules να προσθέτουν "χαλάσματα" αλλά και το περιεχόμενο

θα δεις ποιος φταίει αν βρεις αυτές τις γραμμές...

ΥΓ.
τα validator βασικά προσεγγίζουν το error .. όταν λέει γραμμές 34 32 4 ... πιθανολογεί ότι εκεί κοντά είναι το λάθος..
οχι σπάνια, διορθώνοντας το πρώτο φτιάχνουν και 2-3(13) άλλα λάθη .. γιαυτό πάντα ξεκινάμε από το πρώτο
τα validator είναι απόλυτα σίγουρα μόνο όταν δεν υπάρχει κανένα λάθος... όταν υπάρχει προσπαθούν να το βρούν και δεν είναι σίγουρα για το ακριβές σημείο... εκατομμύρια περιπτώσεις  λάθους γάρ αλλά μόνο μία σωστή
Πάντως ή βοήθεια τους ανεκτίμητη

[ArXoS]

χεχε είπα να ξεκινήσω από το τέλος επειδή μου φάνηκε πιο εύκολο
anyway, έπιασα το index.php και τα τριπλοέλεγξα με το χέρι ένα ένα τα divs (από notepad++). Δεν υπάρχει τίποτε παράτυπο στο template
O κακός χαμός γίνεται από τα modules mod_newsflashscroller_pro και από το mod_poll (δημοσκοπήσεις)

Τα πάλεψα όσο δε πάει, και από τα 98 έχω κατέβει στα 56 λάθη .. δε νομίζω οι γνώσεις μου να φτάνουν πιο κάτω .. με βλέπω να αλλάζω modules 

[ks-net]

μην στέκεσαι στις div..

ενα λάθος που περνά σε πολλούς απαρατήρητο και που συμβαίνει συχνά είναι <p><table>....</table></p>
 όχι άλλα elements μέσα σε παράγραφους

είναι πολλά

[datahell]

Ένα και μόνο λάθος είναι ικανό να κάνει τον validator να "χτυπήσει" εκατό σφάλματα. Το 58 που σου βγάζει είναι πλασματικό. Κάνε ένα test μόνο σου και θα δεις. Άσε ένα div ανοιχτό στην αρχή της σελίδας και θα δεις πόσα σφάλματα θα σου βγάλει, δεν θα σου βγάλει ένα!

Η ορθή μέθοδος επίλυσης αυτών των προβλημάτων είναι να ξεκινάμε πάντα από την κορυφή της σελίδας και να κατεβαίνουμε προς τα κάτω μέχρι να διορθωθούν όλα. Δεξί κλικ -> view source -> copy-paste σε html editor και ελέγχουμε αν όλα τα tag κλείνουν σωστά.

[ArXoS]

ok .. έχουμε τους ενόχους
Απενεργοποιώντας το mod_poll, mod_newsflashscroller_pro και mod_jw_ajaxhr (AJAX Header Rotator) έχω ...... 0 λάθη 

Υπηρεσίες που όλες έχουν την λειτουργική σημασία τους στο frontpage 

[babis1]

w3c css validation service
ακομα και εαν περναει το css εχει παντα καποια warnings....εστιασα σε καποια που βγαζει παντα το standard css

280      .modfpg-box     In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected

305       Same colors for color and background-color in two contexts ul.contenttoc li.headtoc and .modfpg-authordate

311    .modfpg-img    In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected

στις 280 και 305 ελυσα το προβλημα προσθετοντας ενα width: auto; και στην 305 απλα αλλαξα το χρωμα με ενα παρα πολυ παραπλησιο