12 precauzioni quando si costruisce una pagina web con un word processor
I word processor (Word, LibreOffice, Google Docs) possono esportare HTML — ma iniettano codice gonfiato e non standard. Se devi usarne uno, segui queste salvaguardie:
- Salva come HTML filtrato: In Word: File → Salva con nome → "Pagina web, filtrata" (rimuove XML Office).
- Pulisci il codice: Apri in VS Code / Notepad++. Elimina
<o:p>, zuppa di<span>, stili inline, proprietàmso-. - Convalida: Passa attraverso W3C Validator. Correggi ogni errore.
- Test inter-browser: Chrome, Firefox, Safari, Edge — mobile + desktop.
- Ottimizza immagini: Esportale separatamente (non incorporate). Comprimi (TinyPNG, Squoosh). Usa
width/height,loading="lazy". - Correggi link: Percorsi relativi, nessun riferimento rotto, nessun segnalibro Word (_Toc...).
- Aggiungi metadati:
<title>,<meta name="description">,<meta charset="utf-8">, Open Graph/Twitter cards. - CSS/JS esterni: Non incorporare. Collega
<link rel="stylesheet">,<script defer>. - Rendilo responsive: Meta viewport, griglie fluide, media query — i word processor non lo fanno.
- Usa HTML semantico:
<h1-h6>,<p>,<ul/ol>,<table>,<article/section/nav>— non zuppa di<div>. - Backup: Controllo versione (Git) o copie datate.
- Evita Macro/ActiveX/Moduli: Non funzionano nei browser.
Meglio un'alternativa
Usa un generatore di siti statici (Astro, Hugo, 11ty), un CMS (WordPress, Ghost), o scrivi a mano. I word processor sono per documenti — non per siti web.