🌱 Visitar My Green Taste | 📂 Ver código en GitHub
El Desafío
Existe una brecha enorme entre:
- Lo que sabemos que deberíamos comer (verduras, granos integrales, proteínas magras)
- Lo que realmente cocinamos (pasta rápida, comida procesada, delivery)
El problema no es falta de información. Es falta de inspiración y simplicidad.
Los blogs de cocina saludable suelen caer en dos extremos:
- Demasiado científicos: Hablan de macronutrientes pero olvidan el sabor
- Demasiado aspiracionales: Requieren 15 ingredientes exóticos que nunca encontrarás
La Visión
My Green Taste nace como respuesta: un espacio donde la alimentación saludable se siente accesible, deliciosa y real.
Propuesta de Valor
- 🍽️ Recetas probadas: Cada platillo se cocina 3+ veces antes de publicarse
- 📚 Educación sin jerga: Nutrición explicada como si fueras un humano, no un científico
- 🌍 Cultura gastronómica: Viajes culinarios que amplían tu paladar
- ❓ FAQ honesto: Respuestas directas a dudas reales de cocina
Arquitectura del Sitio
📖 Secciones Principales
1. Recetas
El corazón del blog. Cada receta incluye:
- Tiempo de preparación realista (sin mentiras del tipo “listo en 10 minutos”)
- Lista de compras descargable (para no olvidar nada en el super)
- Pasos con fotos (porque los videos son bonitos pero a veces solo necesitas ver el paso 4)
- Sustituciones inteligentes (¿No tienes aguacate? Usa hummus)
2. Consejos Nutricionales
Artículos educativos sin rollos científicos:
- “¿Qué desayunar para tener energía todo el día?” (spoiler: no es solo café)
- “Cómo leer etiquetas nutricionales sin volverse loco” (el azúcar tiene 50 nombres diferentes)
- “Meal prep para principiantes” (domingo 2 horas = semana resuelta)
3. Cultura Gastronómica
Viajes culinarios desde tu cocina:
- Historia de platillos icónicos (¿Sabías que la pizza Margherita es propaganda política?)
- Ingredientes del mundo (qué es el miso y por qué debería estar en tu alacena)
- Rituales alimentarios (el té de las 5pm británico, el aperitivo italiano)
4. FAQ Interactivo
Respuestas directas a preguntas reales:
- “¿El pan engorda?” (depende, pero probablemente no es tu enemigo)
- “¿Cuántas proteínas necesito?” (menos de lo que Instagram te quiere vender)
- “¿Vale la pena comprar orgánico?” (en algunas cosas sí, en otras no)
Stack Técnico & Optimización
Plataforma Base
WordPress 6.5 con tema Kadence Pro personalizado
¿Por qué WordPress?
- ✅ CMS maduro: Más del 43% de la web lo usa, hay solución para todo
- ✅ SEO-friendly: Estructura optimizada desde el núcleo
- ✅ Escalable: De 10 a 100,000 visitantes sin cambiar plataforma
- ✅ Ecosistema rico: Miles de plugins probados en batalla
Personalización Visual
Tema Kadence Modificado
- Tipografía custom: Poppins (títulos) + Lato (cuerpo) para legibilidad premium
- Paleta de marca: Verdes orgánicos (#2D5016, #7FB069) + acentos cálidos (#F4A259)
- Diseño modular: Bloques Gutenberg personalizados para layouts únicos
- CSS custom: 500+ líneas de estilos para detalles que marcan diferencia
/* Ejemplo: Cards de recetas con hover elegante */
.recipe-card {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.recipe-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 24px rgba(0,0,0,0.15);
}Rendimiento Web
Métricas de Optimización
- ⚡ Imágenes optimizadas: WebP con fallback a JPG
- ⚡ Caché configurado: WP Rocket para páginas y objetos
- ⚡ Lazy loading: Carga diferida de imágenes
- ⚡ Minificación: CSS y JS comprimidos
Optimizaciones Aplicadas
- Caché inteligente: WP Rocket con caché de páginas + objetos
- Imágenes lazy-load: Solo se cargan cuando entran en viewport
- WebP automático: Imágenes un 30% más ligeras sin perder calidad
- Minificación: CSS, JS y HTML comprimidos al mínimo
- CDN: Contenido estático servido desde Cloudflare (latencia <50ms)
SEO Avanzado
Estrategia On-Page
- Schema Markup: Recetas marcadas con JSON-LD para rich snippets de Google
- Títulos optimizados: Keyword en primeros 60 caracteres, CTR-focused
- Meta descriptions únicas: Cada artículo con resumen custom de 150-160 chars
- Alt text descriptivo: Todas las imágenes con texto alternativo SEO-friendly
- Internal linking: Red de enlaces internos que distribuye autoridad
Resultados SEO
- 📈 Indexación completa: Todas las páginas indexadas en Google
- 📈 Rich snippets: Recetas marcadas con Schema.org para mejor visibilidad
- 📈 URLs semánticas: Estructura clara y amigable para buscadores
- 📈 Meta tags optimizados: Títulos y descripciones únicos por página
Experiencia de Usuario
Responsive Design
Testado en 15+ dispositivos reales:
- Mobile-first: Diseñado primero para móvil (70% del tráfico)
- Breakpoints: 320px, 768px, 1024px, 1440px
- Touch-friendly: Botones de mínimo 44x44px (accesibilidad WCAG)
- Tipografía fluida: Tamaños escalados con
clamp()para legibilidad perfecta
Navegación Intuitiva
- Menú sticky: Siempre accesible mientras haces scroll
- Breadcrumbs: Sabes dónde estás en la jerarquía del sitio
- Búsqueda con filtros: Por ingrediente, tiempo de cocción, tipo de dieta
- Recetas relacionadas: 3 sugerencias inteligentes al final de cada post
Cumplimiento Legal
Políticas Implementadas
- 📄 Política de Privacidad: GDPR-compliant, redactada para humanos
- 🍪 Política de Cookies: Banner con opt-in explícito (no pre-checked)
- ⚖️ Aviso Legal: Términos claros de uso y responsabilidad de contenido
- ✉️ Consentimiento de datos: Formularios con checkbox de aceptación
Seguridad
- 🔒 SSL/HTTPS: Certificado Let’s Encrypt renovado automáticamente
- 🔒 Firewall WAF: Cloudflare bloqueando bots maliciosos
- 🔒 Backups diarios: 30 copias incrementales en servidor externo
- 🔒 2FA en admin: Autenticación de dos factores para acceso WordPress
Aprendizajes del Proyecto
Desafíos Técnicos Superados
1. Tiempo de Carga con Imágenes Pesadas
Problema: Las fotos de recetas en alta resolución hacían el sitio lento Solución:
- Implementé lazy loading con IntersectionObserver API
- Convertí todas las imágenes a WebP con fallback a JPG
- Generé 5 tamaños distintos para responsive images (
srcset)
Resultado: Tiempo de carga de 4.5s → 1.8s 🎉
2. SEO para Recetas
Problema: Google no mostraba las recetas en rich snippets Solución:
- Agregué Schema.org markup de tipo Recipe
- Incluí todos los campos requeridos (tiempo, calorías, pasos)
- Validé con Google Rich Results Test
Resultado: 8 recetas aparecen con estrellitas y tiempos en Google 🌟
3. Gestión de Comentarios Spam
Problema: 200+ comentarios spam diarios Solución:
- Akismet para filtrado automático
- reCAPTCHA invisible en formularios
- Moderación manual solo para primeros comentarios
Resultado: Spam reducido en 99.5%, comentarios legítimos intactos ✅
Lecciones de Diseño
- Menos es más: Eliminé 40% de elementos visuales en v2.0, UX mejoró 30%
- Whitespace importa: Aumentar márgenes hizo el contenido más “respirable”
- Usuarios no leen: Bullets points + negritas = mejor comprensión
- Mobile is king: 70% del tráfico es móvil, priorizarlo no es opcional
Funcionalidades Implementadas
Gestión de Contenido
- 📝 CMS WordPress: Sistema robusto para crear y editar contenido
- 🔍 Búsqueda interna: Filtrado por ingredientes y categorías
- 📱 Responsive desde el diseño: Mobile-first approach
- 🔄 Actualización sencilla: El cliente puede agregar recetas sin código
Integración de Herramientas
- ✉️ Formulario de contacto: Configurado con validación y anti-spam
- 🍪 Gestión de cookies: Banner GDPR-compliant
- 🔒 SSL y seguridad: Certificado Let’s Encrypt activo
- 📊 Google Analytics: Configurado para seguimiento básico
Características Técnicas
- ⚡ Caché optimizado: WP Rocket para mejor rendimiento
- 🖼️ Imágenes optimizadas: Compresión automática y lazy loading
- 🎨 Tema personalizado: Kadence con CSS custom
- 🔐 Backups automáticos: Copias de seguridad configuradas
Roadmap Futuro
Próximas Funcionalidades
Q2 2025
- App móvil PWA: Instalar el blog como app nativa
- Modo oscuro: Para lectura nocturna sin quemar retinas
- Calculadora nutricional: Ajustar recetas según porciones
- Comunidad de usuarios: Foro para compartir variaciones de recetas
Q3 2025
- Video recetas cortas: Reels de 60 segundos con pasos clave
- Planificador de menús: Generar menú semanal automático
- Lista de compras compartida: Sincronizar con pareja/familia
- Versión en inglés: Expandir audiencia internacional
Q4 2025
- E-book descargable: “Las 30 recetas más populares”
- Programa de afiliados: Monetizar con productos relevantes
- Colaboraciones con chefs: Recetas exclusivas de profesionales
¿Por Qué Este Proyecto Importa?
My Green Taste no es solo otro blog de recetas. Es un manifiesto:
- 🌱 Salud accesible: Comer bien no requiere presupuesto de chef Michelin
- 📚 Educación honesta: Sin pseudociencia, sin dietas mágicas
- 🍽️ Placer real: La comida saludable también puede ser deliciosa
- 🌍 Sostenibilidad: Recetas con menor impacto ambiental
En un mundo donde la información nutricional es abrumadora y contradictoria, este proyecto ofrece claridad, simplicidad y sabor.
La mejor dieta es la que puedes mantener. Este blog te ayuda a encontrarla.
🌱 Explorar recetas • 📂 Ver el código • 💌 Newsletter gratuito