La JunglaSitio de productora con servicios, parrilla de programas y un blog que trabaja para las ventas

Desarrollo del sitio en Azirgo SAS: la primera versión en Next.js, la migración a Astro, el blog, las fichas de programa y el SEO técnico.

La Jungla hace dos cosas a la vez: vende producción - podcast, streaming, live shopping, cursos online, contenido para redes, alquiler de estudio - y produce su propia parrilla de programas. Son dos públicos distintos: la empresa que busca «productora en Guayaquil» o «cuánto cuesta producir un podcast», y la audiencia que quiere saber qué programa sale hoy. La primera versión era una home animada con una página de programas, sin páginas por servicio ni contenido que respondiera a esas búsquedas.

• Home editorial con fotografía real del estudio: servicios, galería detrás de cámaras, programas, bloque de confianza, FAQ y contacto.
• Siete landings de servicio - producción de podcast, alquiler de estudio, contenido para redes, contenido para marca personal, live shopping, streaming en vivo y cursos online -, cada una con pestañas hacia el resto de servicios.
• Menú de servicios desplegable con miniatura y descripción de cada uno.
• Página de programas y ocho fichas propias, con horario, portada, enlace al canal de YouTube, sitio del programa cuando existe y FAQ.
• Banda de parrilla en la home: los logos de los programas ordenados de lunes a domingo con su día y hora de estreno, en un carrusel que se detiene al pasar el cursor y queda quieto si el visitante prefiere menos movimiento.
• Blog de 48 artículos en siete categorías, con paginación, FAQ en cada artículo y artículos relacionados.
• Contacto con WhatsApp, correo y mapa, más un botón flotante de WhatsApp en todas las páginas que incluye en el mensaje la URL desde la que escribe el visitante.
• Datos estructurados: Organization y ProfessionalService con catálogo de servicios, LocalBusiness con horario, CreativeWorkSeries para cada programa, Service, Article, FAQPage, BreadcrumbList y ContactPage.

Astro 5 con salida estática y React solo donde hay animación, montado como islas. Programas y servicios son módulos de datos tipados que alimentan una ruta dinámica cada uno, y el blog es una colección de contenido en Markdown con su esquema validado. El build se sirve con nginx dentro de Docker en Railway.

Los 48 artículos no son un anexo: cada categoría del blog respalda una landing de servicio, y el enlazado va en las dos direcciones.

• Astro con salida estática y React solo en islas: el sitio es sobre todo contenido, así que el HTML sale listo del build, y los componentes animados que ya existían se montaron como islas en lugar de reescribirse.
• Programas y servicios como registros de datos tipados, con una ruta dinámica cada uno: sumar un programa es sumar una entrada, y esa entrada alimenta la banda de parrilla, la grilla, la ficha, su FAQ y su JSON-LD.
• El FAQ visible y el FAQPage salen siempre del mismo dato - en la home, en cada programa y en cada artículo -, porque un marcado que no coincide con lo que se ve es spam estructurado para Google.
• WhatsApp como canal principal: el botón flotante lleva la URL canónica de la página dentro del mensaje, así el equipo sabe de dónde viene cada contacto y WhatsApp muestra la vista previa de esa página.
• GA4 y Clarity se cargan en la primera interacción del visitante o 8 segundos después de la carga, con los eventos encolados mientras tanto: la medición no compite con el primer render.
• Política explícita para bots de IA en robots.txt - buscadores de respuesta y de entrenamiento, bot por bot - más un llms.txt con servicios, programas y artículos: el negocio vive de ser encontrado.

• Migrar de Next.js a Astro sin rehacer la interfaz: un reemplazo propio de next/image permitió montar los componentes existentes como islas sin tocarlos.
• Rendimiento: el CSS en línea llegaba a ~83 KB por página, Google Fonts bloqueaba el render ~750 ms en móvil y las islas encadenaban sus descargas. Se pasó a CSS externo cacheable, fuentes propias y precarga en paralelo de los módulos de cada isla.
• Programas que cambian de nombre y de URL: 301 en nginx, redirección de respaldo en Astro y las rutas viejas fuera del sitemap, para que los rastreadores no encuentren una redirección donde esperan una página.
• Cerrar los hallazgos de las auditorías SEO: canonical de la home sin barra final, previsualizaciones recortadas en 55 páginas y landings de servicio que no enlazaban a los artículos de su propio tema.

El sitio está en producción con sus siete landings de servicio, las ocho fichas de programa y los 48 artículos del blog publicados y rastreables, 67 URLs en el sitemap con fechas reales de modificación, y cada contacto por WhatsApp llega con la página desde la que se escribió.