Processadores de texto (Word, LibreOffice, Google Docs) podem exportar HTML — mas injetam código inchado, não-padrão. Se você deve usar um, siga estas salvaguardas:
- Salve como HTML Filtrado: No Word: Arquivo → Salvar Como → "Página da Web, Filtrado" (remove XML do Office).
- Limpe o Código: Abra no VS Code / Notepad++. Delete
<o:p>, sopa de <span>, estilos inline, props mso-.
- Valide: Rode no Validador W3C. Corrija todo erro.
- Teste Cross-Browser: Chrome, Firefox, Safari, Edge — mobile + desktop.
- Otimize Imagens: Exporte separadamente (não embutidas). Comprima (TinyPNG, Squoosh). Use
width/height, loading="lazy".
- Corrija Links: Caminhos relativos, sem refs quebradas, sem bookmarks do Word (_Toc...).
- Adicione Metadados:
<title>, <meta name="description">, <meta charset="utf-8">, Open Graph/Twitter cards.
- Externalize CSS/JS: Não embuta. Link
<link rel="stylesheet">, <script defer>.
- Torne Responsivo: Viewport meta, grids fluidos, media queries — processadores de texto não fazem isso.
- Use HTML Semântico:
<h1-h6>, <p>, <ul/ol>, <table>, <article/section/nav> — não sopa de <div>.
- Backup: Controle de versão (Git) ou cópias datadas.
- Evite Macros/ActiveX/Formulários: Não funcionam em navegadores.
Alternativa Melhor
Use gerador de site estático (Astro, Hugo, 11ty), CMS (WordPress, Ghost), ou codifique à mão. Processadores de texto são para documentos — não sites.
