Início / Blog / Glassics.in: de app JavaScript a site SEO com 195 páginas
Por Manmeet Gemavat, Fundador · Atualizado em 29 de setembro de 2026

Como transformamos o Glassics.in em uma potência de SEO com 195 páginas

Como o Glassics.in deixou de ser um app só em JavaScript que o Google não lia e virou um site pré-renderizado de 195 páginas com SEO, AEO e GEO. Veja como.

A maioria dos sites de fabricantes tem o mesmo problema escondido: para quem visita, parecem normais, mas para o Google estão praticamente em branco. Era exatamente essa a situação do Glassics.in: uma empresa familiar de ferragens para vidro arquitetônico com um site que os mecanismos de busca não conseguiam ler.

Principais conclusões

  • Um site feito apenas com JavaScript pode ser invisível para o Google mesmo parecendo perfeito para os visitantes.
  • A Glassics.in foi reconstruída como 195 páginas pré-renderizadas: 147 páginas de produto, 23 páginas de linha, além de guias e um glossário.
  • Uma página por produto permite que cada produto corresponda a uma busca exata do comprador.
  • SEO, AEO e GEO foram integrados na base — não adicionados depois.
  • Teste seu próprio site: veja o código-fonte e procure o nome de um produto. Se não estiver no HTML, o Google também não consegue ver.

Nós reconstruímos tudo do zero. Veja o que mudou, por que isso importa e o que qualquer fabricante pode aprender com essa história.

Por que o Google não conseguia ver o site da Glassics?

O antigo Glassics.in foi construído como uma aplicação só em JavaScript. Ou seja, quando alguém abria o site, o navegador executava código para montar a página na hora. Na tela parecia normal, mas quando o robô do Google visitava, muitas vezes via pouco mais do que uma casca vazia.

Para um fabricante, isso é fatal. Seus compradores pesquisam coisas bem específicas: "perfil de alumínio slim para divisória 16×45", "fabricante de ferragens para porta de vidro", "dobradiça para box 135 graus". Se essas palavras só existem dentro de um JavaScript que o robô pode ou não executar, você não aparece no ranking. Você não existe.

A Glassics tinha os produtos e o detalhamento técnico. O que faltava era um site que permitisse que tudo isso fosse encontrado.

A reconstrução: 195 páginas pré-renderizadas

Página inicial do Glassics.in: redesign em grafite escuro e dourado champanhe

Abandonamos a abordagem só em JavaScript e reconstruímos o Glassics.in como um site estático pré-renderizado: 195 páginas, todas em HTML completo antes mesmo de qualquer visitante ou robô chegar. Nada para montar. O que você vê em "exibir código-fonte" é a página inteira.

A estrutura ficou assim:

  • 147 páginas de produto: uma página dedicada para cada produto. Cada perfil, ferragem de fixação, dobradiça e mola de piso tem sua própria URL, seu próprio título e sua própria descrição.
  • 23 páginas de linha: páginas de categoria que agrupam os produtos do jeito que os compradores realmente pesquisam.
  • Sistemas, guias e um glossário: 6 páginas de sistemas completos, além de conteúdo educativo que responde às perguntas que os compradores fazem antes mesmo de contatar um fornecedor.
Exemplo de página de produto do Glassics.in: perfil de alumínio para divisória GGP-101

Por que o número de páginas importa? Porque na busca B2B quem é específico vence. Um comprador procurando um sistema de correr telescópico não cai na página inicial: ele cai na página exata do produto. 147 páginas de produto significam 147 chances de corresponder a uma busca exata, em vez de uma página inicial genérica tentando ranquear para tudo.

SEO, AEO e GEO: parte da estrutura, não um remendo

A maioria dos sites trata o SEO como algo que se adiciona depois: um plugin aqui, uma meta tag ali. Nós colocamos isso na fundação.

SEO (Otimização para mecanismos de busca, Search Engine Optimization): URLs limpas, tags de título e meta descriptions corretas em todas as páginas, HTML semântico com um único H1 por página, sitemap e links internos entre produtos e linhas relacionados. O básico, bem feito, nas 195 páginas. É a mesma abordagem dos nossos serviços de SEO.

AEO (Otimização para mecanismos de resposta, Answer Engine Optimization): os compradores não digitam mais só palavras-chave: eles fazem perguntas. "Qual perfil eu preciso para uma divisória de vidro de 12mm?" Os guias e o glossário são estruturados para responder a essas perguntas diretamente, com seções de perguntas frequentes e marcação de schema FAQ que os mecanismos de busca podem levar direto para os resultados.

GEO (Otimização para mecanismos generativos, Generative Engine Optimization): essa é a novidade, e ela pesa mais a cada mês. Quando alguém pergunta ao ChatGPT ou ao Perplexity "quem fabrica perfis de alumínio slim para divisória?", a IA precisa de conteúdo legível, factual e bem estruturado para citar. HTML pré-renderizado, com títulos claros, especificações reais e sem enrolação de marketing, é exatamente o que esses sistemas consomem melhor.

Hospedagem e infraestrutura

O site foi para a hospedagem da Netlify, com o DNS apontado diretamente para lá. Hospedagem estática faz as páginas carregarem rápido onde quer que o comprador esteja: Mumbai, Dubai ou Londres. As imagens dos produtos são servidas pelo CDN da Cloudinary, então até um comprador com conexão lenta recebe a página em segundos.

O design: escuro, premium, pensado nos detalhes

Uma marca de ferragens que disputa arquitetos e distribuidores não pode parecer um site de catálogo de 2010. O redesign se inspira em marcas premium do setor automotivo e industrial:

  • Fundos em grafite (#0e0f11) com detalhes em dourado champanhe (#c9a86c)
  • Cormorant Garamond nos títulos: editorial, confiante
  • Manrope no texto: limpa e muito legível

A ideia é simples: quando um arquiteto ou distribuidor abre o site, ele precisa sentir que é uma marca à altura de um projeto premium. A primeira impressão fecha negócios antes mesmo do primeiro e-mail.

O que transformou o catálogo em um ímã de compradores?

Além das 147 páginas de produto e 23 páginas de linha, a reconstrução adicionou a camada de conteúdo que transforma um catálogo em uma referência à qual os compradores retornam. Seis páginas completas de sistemas guiam os compradores por conjuntos completos — sistemas deslizantes, sistemas de divisórias, boxes de banheiro — mostrando como os produtos individuais funcionam juntos, que é exatamente como empreiteiros e distribuidores pensam ao planejar um projeto.

Quatro guias práticos respondem às perguntas que os compradores fazem antes mesmo de contatar um fornecedor: como medir para uma porta deslizante, qual dobradiça serve para uma porta pesada de vidro, como fazer a manutenção das ferragens para durarem. Um glossário define os termos do setor que os compradores realmente pesquisam, capturando as consultas de cauda longa que as páginas de produto sozinhas nunca alcançam. E três páginas de cidade conectam a fábrica a buscas específicas por localização, para que um comprador procurando um fornecedor em uma determinada região chegue a uma página feita para ele.

Este é o trabalho sem glamour que se acumula. Cada guia e cada entrada do glossário é outra porta de entrada para o site, outra resposta exata para um comprador com um problema específico. O site de um fabricante não é apenas uma lista de produtos — é uma biblioteca de referência que prova expertise antes mesmo do envio da primeira consulta.

O que os fabricantes podem aprender com esta reconstrução?

Você não precisa de 195 páginas para aplicar a lição. Aqui vai a versão curta (mais detalhes no nosso guia para fabricantes e exportadores):

  1. Se o seu site é só JavaScript, você está invisível. Abra o código-fonte da sua página inicial. Se os nomes dos produtos não estão no HTML, provavelmente o Google também não consegue vê-los.
  2. Uma página por produto. Uma única página de "produtos" com tudo dentro não ranqueia para nada. Dê a cada produto a sua própria URL.
  3. Escreva para a pergunta, não só para a palavra-chave. "Dobradiça para box 90°" é uma palavra-chave. "Qual dobradiça eu preciso para uma porta de box de vidro de 10mm sem perfil?" é um comprador. Responda ao comprador.
  4. Estruture para a busca com IA agora, não depois. Os compradores de 2027 vão perguntar a uma IA antes mesmo de abrir o Google. Conteúdo limpo, factual e pré-renderizado é o que faz você ser citado.

Nossos próximos passos

A reconstrução é a base. Em cima dela vem o trabalho contínuo: enviar o sitemap ao Google Search Console e ao Bing Webmaster Tools, solicitar a indexação das principais páginas de produto e de linha, conectar as páginas de cidade aos Google Business Profiles e ativar o formulário de contato com notificações adequadas. Um site não é um projeto que termina: é um ativo que continua rendendo. Veja mais no blog da MeiXin Social.

Vende para o exterior, mas é invisível no Google? Reconstruímos sites de fabricantes do mesmo jeito que reconstruímos o Glassics.in: pré-renderizados, prontos para SEO/AEO/GEO e feitos para serem encontrados.

Peça uma auditoria gratuita do seu site pelo WhatsApp →
Perguntas frequentes

Perguntas frequentes

Por que o antigo site do Glassics.in não ranqueava no Google?

Ele foi construído como uma aplicação só em JavaScript. O conteúdo da página era montado no navegador do visitante executando código, então os robôs dos mecanismos de busca muitas vezes viam uma página vazia em vez dos produtos, descrições e especificações.

O que é um site estático pré-renderizado e por que ele ajuda no SEO?

Um site estático pré-renderizado gera páginas HTML completas com antecedência. Quando o Google visita, recebe todo o conteúdo na hora, sem precisar executar código. Assim, cada nome de produto, descrição e especificação fica visível para o robô já na primeira visita.

Quantas páginas tem o novo Glassics.in?

195 páginas no total: 147 páginas individuais de produto, 23 páginas de linha (categoria), além de páginas de sistemas, guias, um glossário, páginas de cidade e páginas institucionais como Sobre e Contato.

O que são AEO e GEO?

AEO (Otimização para mecanismos de resposta, Answer Engine Optimization) estrutura o conteúdo para que os mecanismos de busca possam usá-lo para responder perguntas diretas. GEO (Otimização para mecanismos generativos, Generative Engine Optimization) facilita que assistentes de IA como ChatGPT e Perplexity leiam, entendam e citem o conteúdo quando compradores pedem indicações de fornecedores.

Sou fabricante. Como sei se o meu site tem o mesmo problema?

Clique com o botão direito na sua página inicial, escolha "Exibir código-fonte da página" e procure o nome de um dos seus produtos. Se ele não estiver no HTML, provavelmente os mecanismos de busca também não conseguem vê-lo. Esse é o teste, e leva dez segundos.

Quer saber o que está travando a sua marca?

Receba uma auditoria grátis das suas redes sociais, do seu site e da sua presença no Google. Sem compromisso.

Fale no WhatsAppEnvie um e-mail
Fale no WhatsApp