🌐 NutriNen.com — Plan de Landing + SEO
Fecha: 19 de febrero de 2026
Estado: 🟢 Live en producción
Ruta: public/nutrinen-baby/
URL: nutrinen.com
📁 Estructura
public/nutrinen-baby/
├── index.html ✅ Landing principal
├── styles.css ✅ Estilos NutriNen brand (v=2.3)
├── app.js ✅ Interactividad
├── cookie-consent.js ✅ Consentimiento cookies (RGPD)
├── ads-loader.js ✅ Publicidad programática
├── newsletter-widget.js ✅ Widget newsletter en footer
├── sw.js ✅ Service Worker
├── 404.html ✅ Página de error
├── robots.txt ✅ SEO crawl config
├── sitemap.xml ✅ Mapa del sitio (33 artículos + 29 tools + newsletter + legal)
├── _headers ✅ Cache headers Cloudflare
├── img/ ✅ Imágenes (OG, fondos, logo)
├── app/ ✅ App web minificada (generada por build-nutrinen-web.cjs)
├── newsletter/ ✅ Landing newsletter (formulario + Turnstile anti-bot)
├── tools/ ✅ 29 herramientas SEO interactivas
│ ├── alimentos-por-edad/ ✅ Buscador de alimentos por zona/edad
│ ├── caja-musica/ ✅ Sonidos y nanas para dormir
│ ├── calculadora-embarazo/ ✅ Semanas de embarazo
│ ├── calculadora-hidratacion/✅ Hidratación del bebé
│ ├── calculadora-imc/ ✅ IMC infantil
│ ├── calculadora-leche/ ✅ Leche materna/fórmula
│ ├── calculadora-porciones/ ✅ Porciones por edad
│ ├── calculadora-tomas/ ✅ Tomas de biberón
│ ├── calendario-alergenos/ ✅ Introducción alérgenos
│ ├── calendario-denticion/ ✅ Cronología dentición
│ ├── calendario-vacunas/ ✅ Calendario vacunas 2026
│ ├── checklist-bebe/ ✅ Checklist llegada del bebé
│ ├── decodificador-caca/ ✅ Escala Bristol bebés
│ ├── generador-actividades/ ✅ Actividades de estimulación
│ ├── generador-pures/ ✅ Recetas de purés
│ ├── guia-cortes/ ✅ Cortes seguros BLW
│ ├── menu-bliss/ ✅ Menú BLISS con IA
│ ├── menu-blw/ ✅ Menú BLW con IA
│ ├── menu-infantil/ ✅ Menú infantil +2 años
│ ├── nombres-bebe/ ✅ Significado de nombres con IA
│ ├── nutricion-embarazo/ ✅ Nutrición por trimestre
│ ├── nutricion-fertilidad/ ✅ Nutrición y fertilidad
│ ├── percentiles/ ✅ Percentiles OMS
│ ├── peso-embarazo/ ✅ Peso en el embarazo
│ ├── primeros-auxilios/ ✅ Guía primeros auxilios
│ ├── quiz-primera-comida/ ✅ Quiz readiness
│ ├── tabla-sueno/ ✅ Tablas de sueño
│ ├── test-hitos/ ✅ Test hitos desarrollo
│ └── test-postparto/ ✅ Test recuperación postparto
├── blog/ ✅ 33 artículos SEO publicados
├── privacidad/ ✅ Política de privacidad
└── terminos/ ✅ Términos de uso
🎨 Brand System
| Token | Valor | Uso |
|---|---|---|
--nn-green |
#5ec722 |
CTA, acentos, links |
--nn-green-light |
#8bef47 |
Gradientes, highlights |
--nn-green-dark |
#3d9915 |
Botones hover |
--nn-gold |
#ffd700 |
Badges, tools |
--nn-bg |
#1a1a2e |
Fondo principal |
--nn-bg-deep |
#0f0f1a |
Fondo alternator |
| Font | System stack | -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif |
Visual: Dark mode, glassmorphism, gradientes 135°/180°, border-radius 10-24px.
📄 Landing Page — Secciones implementadas
| # | Sección | Estado | Contenido |
|---|---|---|---|
| 1 | Navbar | ✅ | Logo + links + CTA sticky con blur |
| 2 | Hero | ✅ | H1 + subtítulo + Play Store btn + phone mockup |
| 3 | Problema | ✅ | 4 cards: 5 apps, comida tirada, notas, ansiedad |
| 4 | Stats | ✅ | 120+ funciones, 33 IA tools, 0€, 200KB |
| 5 | Features | ✅ | 8 cards: NutriBot, comidas, sueño, pañales, gamif, salud, nevera, música |
| 6 | Tools | ✅ | 4 lead magnet cards (próximamente) |
| 7 | Comparativa | ✅ | Tabla vs Baby Tracker, Huckleberry, Solid Starts |
| 8 | FAQ | ✅ | 6 preguntas con details/summary |
| 9 | CTA Final | ✅ | Descarga + specs |
| 10 | Footer | ✅ | Brand + 3 columnas links + legal |
🔍 SEO Implementado
Meta Tags
- ✅
<title>descriptivo - ✅
<meta name="description">optimizado - ✅
<meta name="keywords">con long-tail - ✅
<link rel="canonical"> - ✅ Open Graph completo (og:title, og:description, og:image, og:url)
- ✅ Twitter Card (summary_large_image)
- ✅
robots: index, follow
Structured Data (JSON-LD)
- ✅
MobileApplicationschema (name, OS, category, price, rating) - ✅
FAQPageschema (3 preguntas principales)
Pendiente
- 🔜 Screenshots reales de la app
- 🔜 Google Analytics 4 / Plausible
🛠️ Lead Magnets — Estrategia SEO
Cada tool es una página independiente, indexable, sin login, que atrae tráfico orgánico y convierte a descarga de la app.
1. 📊 Calculadora de Percentiles OMS
Keywords: "percentiles bebé", "calculadora peso bebé", "tabla OMS bebé", "percentil talla bebé"
Volumen estimado: 🔥 Alto (8K-15K/mes en español)
Implementación:
- Input: sexo, edad (meses), peso (kg), talla (cm)
- Output: percentil peso-para-edad, talla-para-edad, peso-para-talla
- Datos: tablas OMS oficiales hardcodeadas (JSON)
- Visual: gráfico con curva y punto del bebé
- CTA: "¿Quieres trackear esto cada semana? Descarga NutriNen"
- Complejidad: Media (necesita datos OMS, gráfico)
2. 🥦 Generador de Menú BLW
Keywords: "menú BLW 6 meses", "recetas BLW", "menú semanal bebé", "BLW alimentos"
Volumen estimado: 🔥 Alto (5K-12K/mes)
Implementación:
- Input: edad del bebé (select: 6m, 7m, 8m... 24m)
- Output: menú de 5 días (desayuno, comida, merienda, cena)
- Base de datos: ~100 alimentos BLW categorizados por edad
- Botón "Regenerar" para nuevas combinaciones
- CTA: "¿Quieres un plan personalizado con IA? Descarga NutriNen"
- Complejidad: Baja-Media (array de alimentos + randomización)
3. 🧪 Quiz: ¿Está listo para comer?
Keywords: "alimentación complementaria cuándo empezar", "señales bebé listo para comer", "BLW cuándo empezar"
Volumen estimado: 🟡 Medio (3K-6K/mes)
Implementación:
- 5-7 preguntas Yes/No con ilustraciones
- Score: "Tu bebé muestra X de 6 señales de prontitud"
- Resultado compartible (Web Share API)
- CTA: "Registra su primer comida con NutriNen"
- Complejidad: Baja (quiz simple)
4. 🗓️ Calendario de Introducción de Alérgenos
Keywords: "introducción alérgenos bebé", "regla 3 días alérgenos", "calendar alérgenos"
Volumen estimado: 🟡 Medio (2K-5K/mes)
Implementación:
- Alérgenos top 14 (leche, huevo, gluten, pescado, frutos secos...)
- Calendario visual interactivo drag-and-drop
- Regla de los 3 días automática
- Exportar como PDF/imagen
- CTA: "Trackea alergias e intolerancias en NutriNen"
- Complejidad: Media (calendario interactivo)
Prioridad de implementación (actualizada post-research 19/02/2026)
Ver análisis completo en
SEO-RESEARCH.md✅ TODAS implementadas — 29 tools publicadas en producción (marzo 2026)
📝 Contenido SEO — Blog (33 artículos publicados)
| # | Artículo | Keyword target | Estado |
|---|---|---|---|
| 1 | Guía completa BLW: de 6 a 24 meses | BLW guía, baby led weaning español | ✅ |
| 2 | Alimentación complementaria mes a mes | alimentos bebé 6 meses, 8 meses | ✅ |
| 3 | Tabla peso y talla del bebé | percentiles bebé, tabla OMS | ✅ |
| 4 | Crisis de lactancia | crisis lactancia, brotes crecimiento | ✅ |
| 5 | Mi bebé no quiere comer | bebé no come, selectividad alimentaria | ✅ |
| 6 | Tabla de sueño del bebé | horas sueño bebé, tabla sueño | ✅ |
| 7 | Arcadas vs atragantamiento | arcadas BLW, atragantamiento bebé | ✅ |
| 8 | Calendario vacunas 2026 | vacunas bebé 2026, calendario vacunación | ✅ |
| 9 | Estreñimiento en bebés | estreñimiento bebé, bebé no hace caca | ✅ |
| 10 | Hitos del desarrollo | desarrollo bebé, hitos motores | ✅ |
| 11 | Dentición del bebé | dientes bebé, síntomas dentición | ✅ |
| 12 | Cuánta agua necesita un bebé | agua bebé, hidratación infantil | ✅ |
| 13 | Semanas de embarazo | embarazo semana a semana, desarrollo fetal | ✅ |
| 14 | Alergias alimentarias en bebés | alergias bebé, intolerancia alimentaria | ✅ |
| 15 | Purés para bebés por edad | purés bebé, recetas papillas | ✅ |
| 16 | Leche materna almacenada | conservar leche materna, duración leche | ✅ |
| 17 | Porciones para bebés | porciones bebé, cuánto dar de comer | ✅ |
| 18 | Método BLISS | BLISS bebé, BLW con hierro | ✅ |
| 19 | Nombres de bebé 2026 | nombres bebé, significado nombres | ✅ |
| 20 | IMC infantil | IMC bebé, peso ideal niño | ✅ |
| 21-34 | Alimentación 3-6a, lactancia, fertilidad, embarazo, postparto, nanas, ruido blanco... | Diversos | ✅ |
🚀 Roadmap
Fase 1 — Base ✅
- Landing page con todas las secciones
- Estilos NutriNen brand
- SEO meta tags + structured data
- Mobile responsive
- Scroll animations
- Google Play placeholder
Fase 2 — Assets + Lead Magnets ✅
- Screenshots reales de la app
- OG cover image
- 29 herramientas SEO interactivas
-
sitemap.xml -
robots.txt
Fase 3 — Contenido ✅
- Blog: 33 artículos publicados
- Política de privacidad
- Términos de uso
Fase 4 — Lanzamiento ✅
- Dominio nutrinen.com configurado
- Google Play Store URL real
- Google Search Console + sitemap enviado
- Google Analytics 4 / Plausible
- Social media profiles
Fase 5 — Captación y monetización 🟢
- Newsletter con widget en todas las páginas + landing dedicada
- Cloudflare Turnstile anti-bot en newsletter
- Cookie consent (RGPD)
- Publicidad programática (ads-loader.js)
- AdSense solicitado
- Botones WhatsApp en 15 tools
- Completar WhatsApp en 14 tools restantes
- Envío de emails newsletter (Resend)
- Screenshots reales de la app en landing
⚙️ Tech Stack
| Componente | Tecnología |
|---|---|
| Hosting | Cloudflare Pages (proyecto separado) |
| Framework | Vanilla HTML/CSS/JS (zero deps) |
| Fonts | System font stack |
| Animations | CSS transitions + IntersectionObserver |
| SEO | JSON-LD, OG, meta, semantic HTML, sitemap.xml |
| Analytics | 🔜 Google Analytics 4 / Plausible |
| Newsletter | ✅ Widget + landing + API D1 + Cloudflare Turnstile |
| Ads | ✅ ads-loader.js + cookie-consent.js (AdSense en revisión) |
| Anti-bot | ✅ Cloudflare Turnstile (newsletter) |
🚀 Deploy — Cloudflare Pages (nutrinen.com)
⚠️ Para documentación detallada de deploy, ver
doc/projects/nutrinen-baby/DEPLOYMENT.md
Comandos de deploy actuales
# 1. Build (minifica HTML/CSS/JS → dist/nutrinen/)
cd c:\Users\gonzalo\Documents\GitHub\ProjectOS
node scripts/build-nutrinen-site.cjs
# 2. Deploy
cd dist/nutrinen
npx wrangler pages deploy . --project-name=nutrinen --commit-dirty=true
⚠️ NO desplegar directamente desde public/nutrinen-baby/ — usar siempre el build step.
Documento vivo — última actualización: 2026-03-09