Cómo convertimos Glassics.in en una potencia SEO de 195 páginas

Por Manmeet Gemavat, fundador · Actualizado el 29 de septiembre de 2026

La mayoría de las webs de fabricantes tienen el mismo problema oculto: a una persona le parecen correctas, pero para Google están prácticamente en blanco. Ahí estaba exactamente Glassics.in: un negocio familiar de herrajes para vidrio arquitectónico con una web que los buscadores no podían leer.

La reconstruimos desde cero. Te contamos qué cambió, por qué importa y qué puede aprender de ello cualquier fabricante.

¿Por qué Google no podía ver el sitio web de Glassics?

La antigua Glassics.in estaba construida como una aplicación solo JavaScript. Es decir, cuando alguien abría la web, su navegador ejecutaba código para montar la página en ese momento. En pantalla se veía normal, pero cuando el rastreador de Google la visitaba, a menudo veía poco más que un cascarón vacío.

Para un fabricante, eso es letal. Tus compradores buscan cosas muy concretas: "perfil de aluminio slim para mampara 16×45", "fabricante de herrajes para puertas de vidrio", "bisagra de ducha 135 grados". Si esas palabras solo existen dentro de un JavaScript que el rastreador puede ejecutar o no, no posicionas. No existes.

Glassics tenía los productos y el detalle técnico. Lo que no tenía era una web que permitiera encontrar nada de eso.

La reconstrucción: 195 páginas prerrenderizadas

Descartamos el enfoque solo JavaScript y reconstruimos Glassics.in como un sitio estático prerrenderizado: 195 páginas, todas en HTML completo antes de que llegue cualquier visitante o rastreador. Nada que montar. Lo que ves en "ver código fuente" es la página entera.

La estructura queda así:

• 147 páginas de producto: una página dedicada para cada producto. Cada perfil, herraje de fijación, bisagra y freno hidráulico de suelo tiene su propia URL, su propio título y su propia descripción.
• 23 páginas de gama: páginas de categoría que agrupan los productos tal como los buscan realmente los compradores.
• Sistemas, guías y un glosario: 6 páginas de sistemas completos más contenido formativo que responde a las preguntas que hacen los compradores antes de contactar con un proveedor.

¿Por qué importa el número de páginas? Porque en la búsqueda B2B gana lo específico. Un comprador que busca un sistema corredero telescópico no aterriza en una página de inicio: aterriza en la página exacta del producto. 147 páginas de producto son 147 oportunidades de coincidir con una búsqueda exacta, en lugar de una página de inicio genérica intentando posicionar para todo.

SEO, AEO y GEO: integrados desde la base, no añadidos después

La mayoría de las webs tratan el SEO como algo que se añade al final: un plugin por aquí, una metaetiqueta por allá. Nosotros lo integramos en los cimientos.

SEO (Optimización para motores de búsqueda, Search Engine Optimization): URLs limpias, etiquetas de título y meta descripciones correctas en cada página, HTML semántico con un solo H1 por página, un sitemap y enlazado interno entre productos y gamas relacionados. Lo básico, bien hecho, en las 195 páginas. Es el mismo enfoque que aplicamos en nuestros servicios de SEO.

AEO (Optimización para motores de respuesta, Answer Engine Optimization): los compradores ya no solo escriben palabras clave: hacen preguntas. "¿Qué perfil necesito para una mampara de vidrio de 12mm?" Las guías y el glosario están estructurados para responder directamente a esas preguntas, con secciones de preguntas frecuentes y marcado de esquema FAQ que los buscadores pueden llevar directamente a los resultados.

GEO (Optimización para motores generativos, Generative Engine Optimization): esta es la novedad, y cada mes importa más. Cuando alguien pregunta a ChatGPT o Perplexity "¿quién fabrica perfiles de aluminio slim para mamparas?", la IA necesita contenido legible, factual y bien estructurado que pueda citar. El HTML prerrenderizado con encabezados claros, especificaciones reales y sin relleno comercial es justo lo que mejor consumen estos sistemas.

Alojamiento e infraestructura

La web se trasladó al alojamiento de Netlify, con el DNS apuntando directamente allí. El alojamiento estático hace que las páginas carguen rápido esté donde esté el comprador: Bombay, Dubái o Londres. Las imágenes de producto se sirven a través del CDN de Cloudinary, así que incluso un comprador con una conexión lenta recibe la página en segundos.

El diseño: oscuro, premium, intencionado

Una marca de herrajes que compite por arquitectos y distribuidores no puede parecer un catálogo web de 2010. El rediseño se inspira en marcas premium del sector automovilístico e industrial:

• Fondos en gris carbón (#0e0f11) con acentos en dorado champán (#c9a86c)
• Cormorant Garamond para los títulos: editorial, con seguridad
• Manrope para el texto: limpio y muy legible

La idea es sencilla: cuando un arquitecto o un distribuidor abre la web, debe sentir que es una marca a la altura de un proyecto premium. La primera impresión cierra tratos antes de que se envíe el primer email.

¿Qué convirtió el catálogo en un imán para compradores?

Además de las 147 páginas de producto y las 23 páginas de gama, la reconstrucción añadió la capa de contenido que convierte un catálogo en una referencia a la que los compradores vuelven. Seis páginas completas de sistemas guían a los compradores por conjuntos completos — sistemas correderos, sistemas de partición, cabinas de ducha — mostrando cómo funcionan juntos los productos individuales, que es exactamente como piensan contratistas y distribuidores al planificar un proyecto.

Cuatro guías prácticas responden las preguntas que los compradores se hacen antes de contactar a un proveedor: cómo medir para una puerta corredera, qué bisagra conviene para una puerta pesada de vidrio, cómo mantener los herrajes para que duren. Un glosario define los términos del sector que los compradores realmente buscan, capturando las consultas de cola larga que las páginas de producto por sí solas nunca alcanzan. Y tres páginas de ciudad conectan la fábrica con búsquedas específicas por ubicación, para que un comprador que busca un proveedor en una región determinada llegue a una página hecha para él.

Este es el trabajo poco glamoroso que se acumula. Cada guía y cada entrada del glosario es otra puerta de entrada al sitio, otra respuesta exacta para un comprador con un problema específico. El sitio web de un fabricante no es solo una lista de productos — es una biblioteca de referencia que demuestra experiencia antes de que se envíe la primera consulta.

¿Qué pueden aprender los fabricantes de esta reconstrucción?

No necesitas 195 páginas para aplicar la lección. Aquí tienes la versión corta (más en nuestra guía para fabricantes y exportadores):

1. Si tu web es solo JavaScript, eres invisible. Mira el código fuente de tu página de inicio. Si los nombres de tus productos no están en el HTML, probablemente Google tampoco los ve.
2. Una página por producto. Una única página de "productos" con todo dentro no posiciona para nada. Dale a cada producto su propia URL.
3. Escribe para la pregunta, no solo para la palabra clave. "Bisagra de ducha 90°" es una palabra clave. "¿Qué bisagra de ducha necesito para una puerta de vidrio sin marco de 10mm?" es un comprador. Responde al comprador.
4. Estructura tu contenido para la búsqueda con IA ya, no más adelante. Los compradores de 2027 preguntarán a una IA antes incluso de abrir Google. Un contenido limpio, factual y prerrenderizado es la forma de que te citen.

Nuestros próximos pasos

La reconstrucción es la base. Sobre ella viene el trabajo continuo: enviar el sitemap a Google Search Console y Bing Webmaster Tools, solicitar la indexación de las páginas clave de producto y de gama, conectar las páginas de ciudad con Google Business Profiles y activar el formulario de contacto con notificaciones adecuadas. Una web no es un proyecto que se termina: es un activo que sigue creciendo. Descubre más en el blog de MeiXin Social.