DISEÑO WEB / HERRAMIENTA GRATUITA
El Checklist de Diseño Web de 75 Puntos
No lance sin verificar esto. Nuestro checklist pre-lanzamiento cubre todo: rendimiento, SEO, accesibilidad, diseño responsive, seguridad, calidad del contenido y optimización de conversiones. Usado internamente en cada proyecto que entregamos — ahora disponible gratis.
CHECKLIST
75 Puntos en 7 Categorías
Rendimiento (12 puntos)
☐Puntuación Lighthouse Performance ≥90 en móvil
☐LCP (Largest Contentful Paint) bajo 2.5 segundos
☐CLS (Cumulative Layout Shift) bajo 0.1
☐FID/INP (Interaction to Next Paint) bajo 200ms
☐Todas las imágenes optimizadas: formato WebP/AVIF, srcset responsive, lazy loading
☐CSS y JS minificados y tree-shaken
☐Fuentes subset y precargadas (font-display: swap)
☐CDN configurado (Cloudflare, Vercel Edge, o similar)
☐Compresión Gzip/Brotli habilitada
☐Sin recursos que bloqueen renderizado en ruta crítica
☐Scripts de terceros auditados y diferidos
☐Peso total de página bajo 2MB (idealmente bajo 1MB)
SEO (12 puntos)
☐Etiqueta <title> única por página (50-60 caracteres)
☐<Meta description> única por página (150-160 caracteres)
☐Jerarquía adecuada de headings (un H1 por página, H2-H6 lógicos)
☐URLs canónicas establecidas en todas las páginas
☐XML sitemap generado y enviado a Google Search Console
☐robots.txt configurado correctamente
☐Datos estructurados (Schema.org) en páginas clave
☐Etiquetas Open Graph para compartir en redes sociales
☐Todas las imágenes tienen texto alt descriptivo
☐Estrategia de enlaces internos implementada (3-5 enlaces internos por página)
☐Redirecciones 301 establecidas para URLs cambiadas
☐Sin enlaces rotos (404s) — verificado con crawler
Accesibilidad (12 puntos)
☐Cumplimiento WCAG 2.2 AA verificado
☐Ratio de contraste de color 4.5:1 mínimo para texto del cuerpo
☐Todos los elementos interactivos navegables por teclado
☐Indicadores de foco visibles en todos los elementos enfocables
☐Enlace skip-to-content para usuarios de teclado
☐Etiquetas ARIA en todos los elementos interactivos no textuales
☐Etiquetas de formulario asociadas adecuadamente con inputs
☐Mensajes de error descriptivos y asociados con el campo relevante
☐Media query prefers-reduced-motion respetada
☐Soporte prefers-color-scheme (modo oscuro) si aplica
☐Probado con lector de pantalla (VoiceOver, NVDA, o JAWS)
☐Objetivos táctiles 44x44px mínimo en móvil
Diseño Responsive (10 puntos)
☐Probado en 375px, 390px, 768px, 1024px, 1280px, 1440px, 1920px
☐Sin barra de desplazamiento horizontal en ningún breakpoint
☐Tipografía legible sin zoom en móvil (16px mínimo)
☐Imágenes responsive (srcset o CSS object-fit)
☐Tablas con scroll horizontal en móvil
☐Formularios utilizables en móvil (inputmode adecuado, selectores nativos)
☐Navegación colapsa a drawer móvil
☐Videos responsive y no desbordan contenedores
☐Modales/popups funcionan correctamente en móvil
☐Hoja de estilo para impresión disponible en páginas clave
Seguridad (8 puntos)
☐Certificado SSL activo (HTTPS en todas las páginas)
☐Headers de seguridad configurados: CSP, X-Frame-Options, X-Content-Type-Options
☐Todas las entradas de formulario validadas del lado del servidor
☐CAPTCHA o honeypot en formularios públicos
☐Sin datos sensibles en URLs o JavaScript del lado del cliente
☐Banner de consentimiento de cookies cumple GDPR/CCPA
☐Dependencias actualizadas (sin vulnerabilidades conocidas)
☐Paneles de administración protegidos (no accesibles vía URLs por defecto)
Calidad del Contenido (10 puntos)
☐Sin Lorem Ipsum o texto placeholder restante
☐Todos los enlaces apuntan a destinos correctos
☐Gramática y ortografía verificadas
☐Páginas legales presentes: Política de Privacidad, Términos de Servicio, Política de Cookies
☐Año de copyright actual (2026)
☐Información de contacto exacta y funcional
☐Página de error 404 diseñada y útil
☐Favicon e iconos de app establecidos
☐Preview de compartir social probado (Facebook, Twitter, LinkedIn)
☐Todos los archivos descargables verificados
Optimización de Conversiones (11 puntos)
☐CTA principal above the fold en cada página clave
☐Texto del botón CTA específico de acción ("Obtener Mi Cotización Gratuita" no "Enviar")
☐Número de teléfono clickeable en móvil (enlace tel:)
☐Dirección de email clickeable (enlace mailto:)
☐Formularios se envían exitosamente y activan confirmación
☐Tracking de analytics instalado (GA4, GTM) y verificado
☐Tracking de objetivos configurado (envíos de formulario, clics CTA, llamadas)
☐Herramienta de heatmap instalada (Hotjar, Microsoft Clarity)
☐Prueba social visible en páginas clave de conversión
☐Velocidad de carga de página bajo 3 segundos en móvil 4G
☐Estrategia de exit-intent definida
PREGUNTAS FRECUENTES
Preguntas Comunes
¿Este checklist es gratuito?+
Sí, completamente gratuito. Descargue el PDF, úselo en cada proyecto, compártalo con su equipo. Usamos este mismo checklist internamente en cada sitio web que construimos.
¿Con qué frecuencia debo ejecutar este checklist?+
Antes de cada lanzamiento, después de cada actualización mayor, y trimestralmente como auditoría de mantenimiento. Las verificaciones de Rendimiento y Seguridad deben ser mensuales.
¿Qué pasa si fallo varios elementos del checklist?+
Es normal — la mayoría de sitios web fallan en 20-30% de estas verificaciones. Priorice por impacto: correcciones de Rendimiento y Seguridad primero, luego SEO, después Accesibilidad. O permítanos manejarlo — ofrecemos servicios de auditoría de checklist desde €500.
¿Desea que Ejecutemos Este Checklist por Usted?
Nuestra auditoría profesional pre-lanzamiento cubre los 75 puntos más 25 verificaciones técnicas adicionales. Entregamos un reporte detallado con correcciones priorizadas e impacto estimado.