Mo's Experiences

De un vistazo

• Cliente: Mo's Experiences
• Sector: Viajes y turismo
• Entrega: De octubre de 2025 a julio de 2026
• Público: Viajeros anglófonos y francófonos que planean un viaje a Egipto
• Alcance: Sitio público, panel editorial, sistema de contenido bilingüe, SEO, correo y analítica

El encargo

Mo's Experiences necesitaba un sitio de viajes útil sobre Egipto, sin dejar a su equipo dependiente de desarrolladores para las actualizaciones diarias. Los viajeros debían entender destinos y programas, comparar lo que encajara con su viaje y consultar por una experiencia adaptada a sus planes. El equipo necesitaba controlar directamente programas, destinos, artículos, imágenes, metadatos de búsqueda y estados de publicación en inglés y francés.

Ambas necesidades debían funcionar como un solo producto. Un sitio público cuidado, pero imposible de mantener al día, perdería valor pronto. Un sistema de contenido flexible que generara páginas desiguales o decisiones poco claras tampoco ayudaría a los viajeros.

El sistema

Construimos el sitio público y el panel editorial alrededor de una única fuente de información estructurada. El panel controla los nombres, resúmenes, itinerarios, preguntas frecuentes, imágenes, metadatos y estados de publicación que ven los viajeros. La aplicación controla el diseño, las interacciones y las reglas visuales. Los editores pueden cambiar lo que dice una página sin reconstruir cómo funciona.

El inglés y el francés forman parte del modelo de datos y de la estructura de rutas. Cada idioma se puede publicar por separado, mientras una política compartida mantiene alineadas la publicación y la indexabilidad en la página pública, sus metadatos, el sitemap y las reglas robots.

Servicios

• Arquitectura de producto y contenido
• Arquitectura de información y diseño de rutas bilingües
• UX y desarrollo de interfaz del sitio público
• Panel editorial y diseño del modelo de contenido
• SEO técnico y datos estructurados
• Correo transaccional y analítica propia
• Accesibilidad, rendimiento y comprobaciones de calidad

Lo que pueden hacer viajeros y equipo

• Los viajeros exploran destinos, categorías, programas, experiencias VIP, artículos, galerías, contacto y páginas de viajes personalizados localizados, y pasan del descubrimiento a la consulta mediante pasos claros. Las páginas responsivas de programa reúnen itinerarios estructurados, detalles, preguntas frecuentes y contenido relacionado. Los formularios de consulta y reseñas envían correo transaccional.
• El equipo trabaja en un panel que reconoce el tipo de página: programas, destinos, categorías, artículos, testimonios, archivos multimedia, ajustes y acceso de equipo. Los campos estructurados corresponden a las páginas públicas, en vez de a un lienzo en blanco.
• La edición de texto enriquecido está disponible cuando ayuda, con reglas de contenido fijas cuando la coherencia importa más. Los editores gestionan metadatos, imágenes sociales, rutas, redirecciones, publicación y orden. El acceso por rol está respaldado por políticas de base de datos.

La visibilidad en buscadores forma parte de la arquitectura

El renderizado público y el sistema de contenido siguen un mismo contrato SEO. Los encabezados, textos y enlaces importantes llegan en la primera respuesta HTML y siguen disponibles sin JavaScript. Los estados de carga no pueden sustituir la página renderizada en el servidor ni ocultar su contenido principal. Las entidades no válidas o no publicadas devuelven respuestas 404 reales. Las URL canónicas, alternativas de idioma, sitemaps, reglas robots y controles de indexación por página aplican la misma política. Las páginas de autenticación usan noindex, y las páginas de programa usan un único árbol de contenido responsivo, sin marcado móvil y de escritorio duplicado.

El sistema comprueba las 166 URL del sitemap actual frente al límite HTML de todo el sitio y después revisa familias de rutas representativas mediante la respuesta sin procesar, el contenido renderizado y la respuesta de Googlebot. Las comprobaciones automatizadas cubren también renderizado, navegación, códigos de estado, controles de indexación, estabilidad de diseño y tamaño del HTML.

El resultado

Mo's Experiences cuenta ahora con un solo sistema para el sitio público y el trabajo necesario para mantenerlo al día. Los viajeros tienen un camino concreto desde la investigación hasta la consulta en cualquiera de los idiomas compatibles. Editores y especialistas en SEO pueden actualizar el contenido y las señales de búsqueda asociadas a esas páginas sin pedir a un desarrollador los cambios rutinarios. Los nuevos programas siguen las mismas reglas de renderizado, peso e indexabilidad que las páginas existentes, para que el catálogo crezca sin correcciones específicas para cada página.

Entrega

• De octubre de 2025 a mayo de 2026: modelo de datos, reglas de acceso y panel editorial
• Junio de 2026: sitio público, contenido bilingüe, correo, rendimiento y SEO
• Julio de 2026: analítica, arquitectura de renderizado SEO, control del tamaño de las páginas y comprobaciones de calidad

Tecnología

Next.js, React, TypeScript y Tailwind CSS sostienen la aplicación. Tiptap, React Hook Form y Zod apoyan el contenido y los formularios. Supabase aporta PostgreSQL, autenticación y seguridad a nivel de fila. next-intl gestiona el idioma y las rutas; Resend, React Email y Umami cubren el correo y la analítica propia.

Registro del proyecto

El project DNA recoge las reglas de producto y marca. El contrato de renderizado SEO y la lista de comprobación de calidad documentan las salvaguardas de indexabilidad mientras el sitio crece.