Site Auditor
Analiza la salud SEO y el rendimiento de cualquier URL en segundos.
El Problema
Detectar problemas de SEO técnico y metadatos rotos suele requerir revisar manualmente varias herramientas dispersas, lo que ralentiza las auditorías rápidas.
La Solución
Site Auditor centraliza el análisis: recibe una URL, evalúa sus etiquetas OpenGraph y tiempos de respuesta HTTP, y genera un reporte ejecutivo visual en una sola pantalla.
Arquitectura / Engineering
- Implementé Server Actions de Next.js para orquestar el scraping y análisis sin exponer un endpoint API público.
- Diseñé el parser de etiquetas OpenGraph y metadatos HTML, con manejo de casos incompletos o mal formados.
- Construí la visualización de resultados con Recharts, mapeando cada chequeo a un estado (correcto / advertencia / error).
- Validé y saneé las URLs de entrada para evitar solicitudes a dominios no seguros.
Funcionalidades Clave
- Análisis de una URL bajo demanda, sin registro ni configuración previa.
- Parsing de etiquetas OpenGraph y metadatos HTML clave.
- Reporte visual con estado por chequeo (correcto / advertencia / error).
- Visualización de resultados con Recharts.
- Validación y saneado de las URLs de entrada.
Retos Técnicos
- Parsear HTML real e incompleto en la web (etiquetas OpenGraph ausentes o mal formadas) sin que el análisis falle.
- Orquestar el scraping y análisis desde Server Actions en vez de un endpoint API público, para no exponer una superficie de ataque innecesaria.
- Evitar que la herramienta pudiera usarse para solicitar direcciones o dominios no seguros.
Resultado / Estado Actual
Desplegado en Vercel. Analiza cualquier URL en tiempo real y devuelve el reporte visual en la misma pantalla, sin backend expuesto públicamente.
Stack
Next.jsServer ActionsTypeScriptTailwind CSSRecharts