Saltar al contenido
Pagina todavía en desarrollo y pendiente de añadir contenido y solucionar algunos bugs
Casos de estudioLOG-9207

Ragdoll RagSweet: la web de un criadero de gatos que gestiona la propia criadora

Cómo construí la web de un criadero de Ragdoll sobre mi motor CMS, con dos módulos a medida, y qué corregí después del lanzamiento para que Google la indexara.

Javier Exposito Martinez2 min de lectura
Imagen destacada de Ragdoll RagSweet: la web de un criadero de gatos que gestiona la propia criadora

Un criadero de gatos Ragdoll necesitaba una web donde enseñar sus gatos y las exposiciones en las que participan, y poder actualizarla sin depender de nadie. Este es el proceso, de la base técnica a lo que aprendí después de lanzarla.

La base: mi motor CMS

No empecé de cero. La web sale de mi motor CMS modular, que ya trae los módulos comunes (preguntas frecuentes, anuncios, colaboradores, contacto y textos legales) y el panel de administración. Así el tiempo se va en lo que es propio del negocio.

Dos módulos a medida

  • Gatos: la ficha de cada gato con sexo, etapa (gatito o adulto), fecha de nacimiento, padre y madre, código de registro, grupo sanguíneo, enlace al pedigrí, tests genéticos y galería de fotos. El catálogo tiene búsqueda y filtros.

  • Exposiciones: cada exposición con fecha, lugar, organizador, enlace oficial, resultado obtenido y galería.

Todo está en español e inglés, y todo lo edita la criadora desde su panel.

Calidad

Tests de API con Jest y Supertest, E2E con Playwright y de accesibilidad con axe, con despliegue automático desde GitHub Actions a Vercel (frontend) y Fly.io (backend). En PageSpeed Insights para móvil obtiene 93 en rendimiento y 100 en accesibilidad, buenas prácticas y SEO.

Lo que aprendí después de lanzar

La web salió el 16 de julio y, revisando Google Search Console los días siguientes, vi que Google solo había indexado 10 de sus 88 URLs. Lo resolví con tres cambios:

  • Pre-renderizar las fichas. Las páginas de cada gato y cada exposición se generaban la primera vez que alguien entraba, así que Googlebot llegaba a páginas que tardaban en responder. Ahora se generan de antemano.

  • Corregir el sitemap. Un enlace apuntaba a una ruta que no existía: la de la declaración de accesibilidad.

  • Completar el hreflang. En algunas fichas faltaba la versión por defecto que indica a Google qué idioma mostrar.

Ninguno de estos fallos se veía en local: aparecen con tráfico real y midiendo. Por eso estas correcciones las llevo también al motor, para que las próximas webs salgan con ellas.

¿Tienes un proyecto parecido?

Si tienes un negocio con un catálogo propio que quieras gestionar tú, escríbeme y vemos si encaja.

Etiquetas