Cos'è
Ogni pagina web, sotto il suo aspetto visivo, è costruita in HTML: un insieme di sezioni etichettate chiamate "tag" che dicono a un browser cos'è ogni parte della pagina. Tre tag formano lo scheletro che ogni pagina dovrebbe avere: <html> (segnala che l'intero documento è una pagina web), <head> (contiene informazioni dietro le quinte come il titolo e la descrizione della pagina, nessuna delle quali viene mostrata direttamente sulla pagina) e <body> (contiene tutto ciò che un visitatore vede e può effettivamente cliccare).
Questo controllo di base sulla struttura HTML verifica semplicemente che tutti e tre questi tag contenitore siano presenti e usati correttamente, invece che il contenuto della pagina venga inserito senza nessuna di queste fondamenta attorno.
Perché è importante
I browser sono molto indulgenti e di solito mostrano comunque una pagina anche quando questa struttura manca o è danneggiata, ed è proprio per questo che il problema può passare inosservato a lungo. Ma motori di ricerca, screen reader, strumenti di traduzione ed estensioni del browser fanno tutti affidamento su questa struttura per capire dove inizia il contenuto reale e dove si trovano le informazioni dietro le quinte: senza di essa, sono costretti a tirare a indovinare, e a volte indovinano male.
Una pagina priva di queste fondamenta di base è anche un segnale comune di qualcosa che si è rotto a monte: un processo di build interrotto a metà, un template corrotto, oppure un software di gestione contenuti che restituisce un frammento invece di una pagina completa.
Come risolverlo
- Visualizza il codice HTML grezzo della tua pagina (nella maggior parte dei browser: fai clic destro sulla pagina e scegli "Visualizza sorgente pagina", oppure premi
Ctrl+U/Cmd+Option+U). - Verifica che il primissimo tag sia
<html>, seguito da una sezione<head>, seguita a sua volta da una sezione<body>che racchiude tutto il contenuto visibile. - Se usi un website builder (Squarespace, Wix, Webflow, WordPress), questa struttura viene generata automaticamente per te: una struttura mancante di solito indica un blocco di codice personalizzato o un template che sta interferendo, quindi controlla eventuali blocchi HTML personalizzati che hai aggiunto.
- Se gestisci un tuo template o un generatore di siti statici, verifica che il file di template base racchiuda il contenuto di ogni pagina in questi tre tag e non sia stato modificato per errore.
- Rilancia il controllo di Launch Readiness in seguito per confermare che la struttura venga ora rilevata correttamente.