La v1 era un popup básico con un link checker. Funcional, pero feo. La v2 le puso Bootstrap encima y quedó… como todo lo que le ponés Bootstrap: igual a todo lo demás. La v3 migró a Semantic UI + jQuery porque aparentemente mi plan de vida era probar todos los frameworks CSS antes de los 50.
El popup de Chrome tiene un problema fundamental: se cierra cada vez que hacés click en la página. O sea, estás analizando un sitio, tocás cualquier cosa, y chau panel. Volvé a abrirlo. Repetí. No tiene sentido.
¿Qué cambió en v4? Side Panel nativo ✨
Chrome tiene una API de Side Panel desde la versión 114. La extensión ahora vive ahí: un panel lateral permanente que no se cierra cuando interactuás con la página. Abrís, analizás, navegás, y el panel se queda donde tiene que estar.
Mejor todavía: se recarga solo cuando cambiás de pestaña o navegás a otra URL. Sin botones de “refresh”, sin estados desactualizados.
10 herramientas
La v4 tiene 10 módulos de análisis SEO:
- Meta Tags — Title, description, canonical, hreflang, Open Graph, Twitter Cards. Todo con botones de copiar.
- Headings — Estructura H1-H6 con grilla de resumen. Click en cualquier heading y te scrollea a ese elemento en la página.
- Schema Markup — JSON-LD, Microdata y RDFa. Con índice clickeable para navegar entre schemas y filtro de búsqueda.
- Robots.txt — Fetch, parseo, syntax highlighting y detección de bloqueos. Estilo terminal porque no todo tiene que ser una tabla.
- Link Checker — Revisa todos los links de la página con HEAD requests.Categoriza por estado (ok, rotos, redirect, nofollow) y pinta los links directo en la página.
- OG Preview — Previews visuales de cómo se ve tu página al compartirla en Facebook, X/Twitter, WhatsApp y LinkedIn. Incluye análisis de dimensiones de imagen.
- Image Checker — Auditoría de todas las : alt text faltante, formatos modernos (WebP/AVIF), lazy loading.
- Page Stats — Dashboard rápido con conteo de links, imágenes, scripts, palabras, peso del HTML.
- Core Web Vitals Hints — Análisis estático del DOM para detectar problemas de CLS, LCP e INP. No es Lighthouse, pero te avisa antes de que Lighthouse te grite.
- AI Assistant — Análisis con IA usando Gemini Nano (integrado en Chrome) o Ollama (local). 15 acciones predefinidas, acciones custom, prompts libres, streaming en tiempo real.
Y todo esto sin jQuery, sin Bootstrap, sin Semantic UI, sin ningún framework. CSS custom puro con variables de la marca ADBOT. Sin build step. Sin bundler. Sin transpiler. Módulos JS planos cargados con
¿Es moderno? Discutible. ¿Funciona? Impecablemente.
Accesibilidad real, no de checklist
Los 43 pares de colores de la interfaz pasan WCAG 2.1 AA. No es un badge que puse porque queda lindo — hice un script en Python para verificar cada combinación de color contra los ratios de contraste requeridos (4.5:1 para texto normal, 3:1 para elementos de UI).
AI Assistant: lo interesante
El módulo de IA merece su propia sección. Soporta dos backends:
- Chrome Prompt API (Gemini Nano): corre 100% en el navegador, sin servidores,sin API keys. Necesitás Chrome 138+ con un par de flags activados. Está en la documentación de la extensión como activarlos.
- Ollama: para los que prefieren correr modelos locales más grandes. La extensión se conecta a tu instancia local y proxea el streaming a través del service worker.
Viene con 15 acciones predefinidas orientadas a SEO: extracción de keywords, identificación de entidades, recomendaciones SEO, rewriter de meta tags,generador de FAQs, auditoría técnica, y más. Pero la parte buena es que podés crear tus propias acciones con un sistema de 29 placeholders que se llenan con datos en vivo de la página ({title}, {content}, {h1}, {wordCount}, etc.).
Lo técnico 🤓
- Manifest V3 compliant. Nada de inline event handlers, todo CSP-safe.
- Lazy loading: cada módulo se carga solo cuando hacés click en su tab. Si nunca tocás “Core Web Vitals”, ese código nunca se ejecuta.
- Navegación escalable: las primeras 4 herramientas son tabs visibles, el resto vive en un dropdown “More”. Agregar una herramienta nueva son ~10 líneas de código.
- Link Checker robusto: inyección programática del content script, patrón safeSend() que no explota si recargás la extensión mid-check, y relay de mensajes a través del service worker.
Descargala
ADBOT SEO Suite está disponible en la Chrome Web Store y es gratuita. Si hacés SEO on-page y estás cansado de abrir 6 pestañas distintas para revisar meta tags, headings y schema, probablemente te sirva.
Y si encontrás un bug, escribime. Si encontrás algo que funciona bien, también escribime — me vendría bien la validación emocional.
