Validazione HTML

Risposta breve

Controlla gli elementi di base del documento (doctype, lingua, charset, viewport, title, ID univoci), tag e attributi HTML obsoleti e come sono incorporati gli iframe.

Cosa fa

Controlla l'HTML di una pagina in tre parti. Elementi base del documento: un DOCTYPE, un attributo `lang`, una dichiarazione di charset, un tag meta viewport, un `<title>` e valori `id` univoci. HTML obsoleto: tag come `<center>`, `<font>` e `<marquee>`, e attributi di presentazione come `align` e `bgcolor`. Frame incorporati: se ogni iframe ha un titolo, viene caricato in modo lazy quando è fuori schermo, è sandboxed quando proviene da un altro sito e usa HTTPS. Ogni parte elenca cosa ha trovato.

Perché è importante

I browser correggono silenziosamente il markup non valido, ma le tecnologie assistive e i crawler lavorano su ciò che il parser produce. Un attributo `lang` o un tag viewport mancante, ID duplicati, residui di presentazione e iframe senza titolo sono problemi piccoli e facilmente risolvibili che influiscono sull'accessibilità, sul rendering mobile e sull'affidabilità con cui la pagina viene letta.

Come funziona

Inserisci l'URL di una pagina o incolla il suo HTML
Analizziamo l'HTML grezzo nel tuo browser
Eseguiamo i controlli su elementi base del documento, HTML obsoleto e iframe
Restituiamo un risultato per ciascuna parte, con gli ID duplicati, gli elementi obsoleti e gli iframe trovati

Esempio di input e output

INPUT

url: https://rankproof.eu/tools

OUTPUT

Elementi base del documento                100/100
  doctype HTML5 dichiarato                 OK
  attributo lang html impostato            OK
  codifica dei caratteri dichiarata         OK
  meta viewport presente                   OK
  elemento title presente                  OK
  nessun ID duplicato                      OK

HTML obsoleto                              100/100
  nessun tag obsoleto (center, font, …)    OK
  nessun attributo obsoleto (align, …)     OK

Frame incorporati (iframe): 2
  ogni iframe ha un titolo                 warn (1 di 2)
  gli iframe fuori schermo si caricano in lazy OK
  gli iframe di terze parti sono sandboxed OK
  tutti gli iframe usano HTTPS             OK

2 aree su 3 sono a posto

Chi lo usa

Sviluppatore frontend

Controlla una build di anteprima prima del merge e correggi ID duplicati o tag meta mancanti prima del rilascio.
Ingegnere QA

Aggiungi il controllo alla tua checklist di rilascio per individuare il markup danneggiato da una modifica al template del CMS.
Auditor di accessibilità

Risolvi gli iframe senza titolo, un attributo lang mancante e gli ID duplicati prima di avviare una revisione WCAG completa.

Domande frequenti

Gli errori HTML sono un fattore di ranking?

Non direttamente: Google ha dichiarato che l'HTML valido non è un fattore di ranking. Un markup non valido può comunque causare problemi indiretti, ad esempio dati strutturati o contenuti letti in modo diverso da quanto previsto.

Cosa conta come HTML obsoleto?

Elementi e attributi che lo standard HTML non supporta più per la presentazione, come `<center>`, `<font>`, `<marquee>`, `<big>`, `<strike>`, `align`, `bgcolor` e `border`. Sostituiscili con il CSS.

Perché gli iframe hanno bisogno di un titolo?

Gli screen reader annunciano il titolo, così le persone sanno cosa contiene un frame prima di entrarci. Fa parte del dare a ogni frame un nome accessibile secondo le WCAG 2.1.

Convalida i contenuti generati da JavaScript?

No: controlliamo il codice HTML grezzo, incollato o recuperato direttamente, non il DOM dopo l'esecuzione di JavaScript.

Verifica tutte le regole HTML?

No: è un controllo rapido degli elementi base, del markup obsoleto e degli iframe, non un validatore completo dello standard HTML.

Strumenti correlati in Analisi SEO

Vedi tutti gli strumenti Analisi SEO