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

https://rankproof.eu/el/tools/seo-html-validation

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

Ελέγξτε τα βασικά του εγγράφου (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. Κάθε μέρος παραθέτει τι βρήκε.

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

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

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

ΕΙΣΟΔΟΣ

```text
url: https://rankproof.eu/tools
```

ΕΞΟΔΟΣ

```text
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 τομείς είναι εντάξει
```

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

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

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

- **Προγραμματιστής 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

- [Έλεγχος Title & Meta Description](https://rankproof.eu/el/tools/seo-meta-title)
- [Έλεγχος επικεφαλίδων](https://rankproof.eu/el/tools/seo-heading-tags)
- [Έλεγχος Alt Text Εικόνων](https://rankproof.eu/el/tools/seo-image-alt)
- [Έλεγχος Canonical URL](https://rankproof.eu/el/tools/seo-canonical-url)
- [Αναλυτής Robots.txt](https://rankproof.eu/el/tools/seo-robots-txt)
- [Δημιουργός robots.txt](https://rankproof.eu/el/tools/seo-robots-txt-generator)