12 precauciones al crear una página web con un procesador de textos

Los procesadores de textos (Word, LibreOffice, Google Docs) pueden exportar HTML, pero inyectan código hinchado y no estándar. Si debes usar uno, sigue estas salvaguardas:

1. Guardar como HTML filtrado: en Word: Archivo → Guardar como → "Página web, filtrada" (elimina XML de Office).
2. Limpiar el código: ábrelo en VS Code / Notepad++. Elimina <o:p>, sopa de <span>, estilos en línea y propiedades mso-.
3. Validar: pásalo por el Validador W3C. Corrige todos los errores.
4. Probar entre navegadores: Chrome, Firefox, Safari, Edge — móvil y escritorio.
5. Optimizar imágenes: expórtalas por separado (no incrustadas). Comprímelas (TinyPNG, Squoosh). Usa width/height y loading="lazy".
6. Corregir enlaces: rutas relativas, sin referencias rotas, sin marcadores de Word (_Toc...).
7. Agregar metadatos: <title>, <meta name="description">, <meta charset="utf-8">, tarjetas Open Graph/Twitter.
8. Externalizar CSS/JS: no los incrustes. Enlaza <link rel="stylesheet"> y <script defer>.
9. Hacerlo responsivo: metaetiqueta viewport, grids fluidas, consultas de medios — los procesadores de textos no lo hacen.
10. Usar HTML semántico: <h1-h6>, <p>, <ul/ol>, <table>, <article/section/nav> — no sopa de <div>.
11. Respaldar: control de versiones (Git) o copias con fecha.
12. Evitar macros/ActiveX/formularios: no funcionan en navegadores.

Mejor alternativa

Usa un generador de sitios estáticos (Astro, Hugo, 11ty), un CMS (WordPress, Ghost) o programa a mano. Los procesadores de textos son para documentos, no para sitios web.