WooCommerce
Retros Football
Tienda WooCommerce de camisetas retro de fútbol con más de 1.300 productos en inglés y alemán.
Web de producto SaaS · A código (React)
MentionScore: una web programada a medida, pensada para Google y para la IA
En resumen
MentionScore es una herramienta que mide qué dice la inteligencia artificial de una marca. Su web está programada a código en React, con el contenido prerenderizado en HTML para que buscadores y asistentes de IA lo lean sin ejecutar JavaScript. Tiene versión en inglés y español, una página por funcionalidad, datos estructurados de software y un llms.txt propio. Lighthouse de escritorio: 93 en rendimiento y 92 en SEO.
El reto
Un producto que mide la visibilidad de las marcas en la IA tiene que predicar con el ejemplo: su propia web debía ser fácil de entender, citar y recomendar por ChatGPT, Gemini o Perplexity.
Además, las webs hechas con frameworks de JavaScript suelen esconder el contenido a los rastreadores. Había que tener la flexibilidad del código a medida sin perder visibilidad.
Ficha del proyecto
- Plataforma
- A código: React + Vite, HTML prerenderizado
- Tipo
- Web de producto SaaS
- Idiomas
- Inglés y español, con hreflang
- Páginas
- 78 URLs en el sitemap
- Lighthouse (escritorio)
- Rendimiento 93 · Accesibilidad 92 · SEO 92
Diseño: qué hicimos y por qué
- La respuesta en el H1"Descubre si la IA recomienda tu marca y qué dice de ella": el titular explica el producto sin jerga, y debajo hay una vista real de la herramienta.
- Interfaz enseñada, no descritaCada funcionalidad se muestra con capturas de la aplicación y datos de ejemplo, en un diseño limpio y muy legible.
- Recorrido claroFuncionalidades, precios, comparativas, sobre nosotros y contacto en el menú, con una llamada a la acción constante para empezar gratis y una demo.
Estructura y SEO
- HTML prerenderizadoTodo el contenido de cada página llega en el HTML inicial (más de 1.500 palabras en la portada). Google y los rastreadores de IA lo leen sin depender de JavaScript.
- Una página por funcionalidadDoce páginas de funcionalidad por idioma, cada una con su búsqueda, su explicación y sus preguntas frecuentes.
- Bilingüe bien hechoVersión en inglés y en español (bajo /es/) con hreflang y x-default en cada página.
- Datos estructurados de softwareSoftwareApplication con oferta, Organization, WebSite y FAQPage; Article en las páginas de funcionalidad.
- Abierta a los asistentes de IArobots.txt que permite explícitamente GPTBot, OAI-SearchBot, ChatGPT-User y Google-Extended, bloquea el área privada de la aplicación, y un llms.txt que describe el producto y sus páginas.
Rendimiento
En la prueba de Lighthouse de escritorio: LCP de 1,4 s, bloqueo total de 26 ms y CLS de 0,02.
Datos comprobados en la web publicada el 2 de noviembre de 2026: código fuente, sitemap, datos estructurados y una prueba de Lighthouse de escritorio. Las puntuaciones de Lighthouse varían ligeramente entre pruebas.
Qué puedes aplicar a tu web
Lo que funciona en este proyecto, resumido para cualquier negocio.
- Si tu web está hecha con un framework de JavaScript, asegúrate de que el contenido llega en el HTML.
- Explica tu producto en una frase en el H1: es lo que los asistentes de IA van a repetir.
- Una página por funcionalidad posiciona mejor que una página larga con todo.
Más casos
Shopify
Yokosuka Supply Co.
Tienda Shopify de chaquetas sukajan y moda japonesa para EE. UU., con guías que posicionan el nicho.
Shopify
Galarina Design
Tienda Shopify de mobiliario de diseño de Barcelona, en castellano, inglés y catalán.