Trabajo

Concepto propio

MotoFaro

Un comparador de accesorios para moto construido en Next.js con arquitectura SEO-first: catálogo filtrable, comparador lado a lado y recomendador por quiz — todo alimentado desde una sola fuente de datos y optimizado para captar tráfico de intención de compra. Proyecto propio, de cero a producción.

Año
2026
Disciplinas
Web, Next.js, SEO técnico
Cliente
MotoFaro (concepto propio)
Mi rol
Producto + diseño + desarrollo + SEO
Stack
Next.js · React · Tailwind CSS
Enfoque
SEO técnico · intención de compra
Comparador lado a lado de MotoFaro con specs, precio y puntuación

En un comparador, el SEO no es una capa — es la arquitectura.

Quien busca "mejor intercomunicador para moto en Colombia" está a un clic de comprar. El reto no era diseñar bonito: era construir un sitio donde cada producto, cada categoría y cada comparación fuera una página indexable, rápida y con datos estructurados — para que Google entienda el catálogo y lo muestre justo cuando alguien está decidiendo qué comprar.

La monetización por afiliados es el objetivo de negocio; el SEO técnico es lo que la hace posible. Este proyecto es la prueba de que sé construir esa base.

Un producto real, en vivo — no una maqueta.

MotoFaro está desplegado y funcionando: 12 productos con puntuación, filtros por categoría, seis modos de orden, comparador lado a lado y un quiz que recomienda según tu tipo de uso. Esta es la web real embebida — haz clic para abrirla completa.

Vista en vivo de MotoFaro: puedes navegarlo aquí mismo o abrirlo en una pestaña nueva. Abrir el sitio ↗ (se abre en una pestaña nueva)

Medido, no prometido.

99PageSpeed escritorio
84PageSpeed móvil
100SEO técnico
12Productos comparables

* Métricas de rendimiento medidas con Google PageSpeed Insights sobre el sitio en producción. La monetización por afiliados está en fase temprana — este caso documenta la construcción del producto y su base técnica, no ingresos.

Rendimiento y SEO no se negocian entre sí.

Un comparador con imágenes de producto, filtros dinámicos y muchas páginas suele ser pesado y lento. El reto fue mantener PageSpeed alto Y el catálogo completo indexable al mismo tiempo. Estas son las decisiones que lo hicieron posible.

  • Una sola fuente de datos alimenta todo el sitio

    Todo el catálogo vive en un solo archivo de datos estructurado. De ahí se generan las páginas de producto, las de categoría y el comparador — sin duplicar contenido y sin base de datos. Añadir un producto es editar un objeto, y el sitio entero se actualiza de forma consistente.

  • Imágenes optimizadas sin sacrificar velocidad

    Uso el sistema de imágenes de Next.js para servir cada foto en el formato y tamaño exactos que necesita cada dispositivo. Resultado: catálogo visualmente rico con PageSpeed 99 en escritorio y 84 en móvil, sin bloquear el renderizado.

  • SEO técnico 100/100 con metadatos y datos estructurados

    Cada página tiene su meta description, Open Graph con locale es_CO, Twitter cards y marcado orientado a producto. La divulgación de afiliados es visible y cumple la normativa. Google no solo indexa el sitio: entiende qué es cada página y para quién.

Siguiente proyecto Logofolio I

¿Necesitas un sitio que Google entienda y que cargue rápido?

Si tu negocio vive de aparecer en búsquedas, ese es exactamente el tipo de base técnica que construyo. Cuéntame tu proyecto — respondo en menos de 24 horas.