Έλεγχος εγκυρότητας HTML

Σύντομη απάντηση

Ελέγξτε τα βασικά του εγγράφου (doctype, γλώσσα, charset, viewport, τίτλος, μοναδικά IDs), παρωχημένα tags και attributes της HTML, και πώς ενσωματώνονται τα iframes.

Τι Κάνει

Ελέγχει το HTML μιας σελίδας σε τρία μέρη. Βασικά εγγράφου: DOCTYPE, χαρακτηριστικό `lang`, δήλωση charset, ετικέτα meta viewport, `<title>` και μοναδικές τιμές `id`. Ξεπερασμένο HTML: ετικέτες όπως `<center>`, `<font>` και `<marquee>`, και παρουσιαστικά χαρακτηριστικά όπως `align` και `bgcolor`. Ενσωματωμένα frames: αν κάθε iframe έχει τίτλο, φορτώνει με καθυστέρηση όταν είναι εκτός οθόνης, είναι sandboxed όταν προέρχεται από άλλον ιστότοπο και χρησιμοποιεί HTTPS. Κάθε μέρος παραθέτει τι βρήκε.

Γιατί Έχει Σημασία

Οι περιηγητές επιδιορθώνουν σιωπηλά χαλασμένη επισήμανση, αλλά η υποβοηθητική τεχνολογία και οι crawlers δουλεύουν με ό,τι παράγει ο parser. Ένα απόν `lang` ή viewport, διπλά ID, παρουσιαστικά κατάλοιπα και iframes χωρίς τίτλο είναι μικρά, διορθώσιμα προβλήματα που επηρεάζουν την προσβασιμότητα, την απόδοση σε κινητά και το πόσο αξιόπιστα διαβάζεται η σελίδα.

Πώς Λειτουργεί

Εισαγάγετε ένα URL σελίδας ή επικολλήστε το HTML της
Αναλύουμε το ακατέργαστο HTML στον περιηγητή σας
Εκτελούμε τους ελέγχους βασικών εγγράφου, ξεπερασμένου HTML και iframe
Επιστρέφουμε ένα αποτέλεσμα για κάθε μέρος, με τα διπλά ID, τα ξεπερασμένα στοιχεία και τα iframes που βρήκαμε

Δείγμα εισόδου + εξόδου

ΕΙΣΟΔΟΣ

url: https://rankproof.eu/tools

ΕΞΟΔΟΣ

Document basics                            100/100
  HTML5 doctype declared                   OK
  html lang attribute set                  OK
  character encoding declared              OK
  viewport meta υπάρχει                    OK
  στοιχείο title υπάρχει                   OK
  χωρίς διπλότυπα IDs                      OK

Obsolete HTML                              100/100
  καμία απαρχαιωμένη ετικέτα (center, font, …) OK
  χωρίς απαρχαιωμένα χαρακτηριστικά (align, …) OK

Embedded frames (iframes): 2
  κάθε iframe έχει title                   warn (1 από 2)
  offscreen iframes lazy-load              OK
  τα iframes τρίτων είναι απομονωμένα (sandbox) OK
  όλα τα iframes χρησιμοποιούν HTTPS       OK

2 από 3 τομείς είναι εντάξει

Ποιοι το Χρησιμοποιούν

Προγραμματιστής Frontend

Ελέγξτε ένα build προεπισκόπησης πριν το merge και διορθώστε διπλά ID ή απούσες meta ετικέτες πριν κυκλοφορήσουν.
Μηχανικός QA

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

Καθαρίστε iframes χωρίς τίτλο, απόν χαρακτηριστικό lang και διπλά ID πριν ξεκινήσετε πλήρη έλεγχο WCAG.

Συχνές Ερωτήσεις

Είναι τα σφάλματα HTML παράγοντας κατάταξης;

Όχι άμεσα — η Google έχει πει ότι το έγκυρο HTML δεν είναι παράγοντας κατάταξης. Η χαλασμένη επισήμανση μπορεί ακόμη να προκαλέσει έμμεσα προβλήματα, όπως δομημένα δεδομένα ή περιεχόμενο που δεν διαβάζεται όπως σκοπεύατε.

Τι μετράει ως ξεπερασμένο HTML;

Στοιχεία και χαρακτηριστικά που το πρότυπο HTML δεν υποστηρίζει πλέον για παρουσίαση, όπως `<center>`, `<font>`, `<marquee>`, `<big>`, `<strike>`, `align`, `bgcolor` και `border`. Αντικαταστήστε τα με CSS.

Γιατί τα iframes χρειάζονται τίτλο;

Οι αναγνώστες οθόνης ανακοινώνουν τον τίτλο ώστε οι άνθρωποι να ξέρουν τι περιέχει ένα frame πριν μπουν σε αυτό. Είναι μέρος του να δίνετε σε κάθε frame ένα προσβάσιμο όνομα σύμφωνα με το WCAG 2.1.

Επικυρώνει περιεχόμενο που αποδίδεται με JavaScript;

Όχι — ελέγχουμε το ακατέργαστο HTML πηγής, είτε επικολλημένο είτε ανακτημένο απευθείας, όχι το DOM μετά την εκτέλεση JavaScript.

Ελέγχει κάθε κανόνα HTML;

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

Σχετικά Εργαλεία στη Ανάλυση SEO

Δείτε όλα τα εργαλεία Ανάλυση SEO