La plupart des sites de fabricants ont le même problème caché : ils paraissent corrects pour un visiteur, mais pour Google ils sont pratiquement vides. C'était exactement la situation de Glassics.in — une entreprise familiale de quincaillerie pour verre architectural, dont le site restait illisible pour les moteurs de recherche.
Points clés
- Un site web en JavaScript uniquement peut être invisible pour Google même s'il semble parfait aux visiteurs.
- Glassics.in a été reconstruit sous forme de 195 pages pré-rendues : 147 pages produits, 23 pages de gammes, plus des guides et un glossaire.
- Une page par produit permet à chaque produit de correspondre à une recherche exacte d'acheteur.
- Le SEO, l'AEO et le GEO ont été intégrés dès la fondation — pas ajoutés après coup.
- Testez votre propre site : affichez le code source et cherchez le nom d'un produit. S'il n'est pas dans le HTML, Google ne peut pas le voir non plus.
Nous l'avons entièrement reconstruit. Voici ce qui a changé, pourquoi c'est important, et ce que tout fabricant peut en retenir.
Pourquoi Google ne pouvait-il pas voir le site web de Glassics ?
L'ancien Glassics.in était une application entièrement en JavaScript. Concrètement, quand un visiteur ouvrait le site, son navigateur exécutait du code pour assembler la page à la volée. À l'écran, tout semblait normal — mais lorsque le robot de Google passait, il ne voyait souvent guère plus qu'une coquille vide.
Pour un fabricant, c'est rédhibitoire. Vos acheteurs recherchent des choses précises : « profilé aluminium fin cloison 16×45 », « fabricant ferrure verre porte », « charnière douche 135 degrés ». Si ces mots n'existent que dans du JavaScript que le robot exécutera peut-être, ou peut-être pas, vous n'êtes pas référencé. Vous n'existez pas.
Glassics avait les produits et le niveau de détail technique. Ce qui lui manquait, c'était un site qui permette de les trouver.
La refonte : 195 pages pré-rendues
Nous avons abandonné l'approche 100 % JavaScript et reconstruit Glassics.in sous forme de site statique pré-rendu — 195 pages, chacune déjà en HTML complet avant même l'arrivée d'un visiteur ou d'un robot. Aucun assemblage nécessaire. Ce que vous voyez dans « Afficher le code source » est la page entière.
La structure se répartit ainsi :
- 147 fiches produits — une page dédiée par produit. Chaque profilé, ferrure, charnière et pivot de sol a sa propre URL, son propre titre et sa propre description.
- 23 pages de gammes — des pages de catégories qui regroupent les produits comme les acheteurs les recherchent réellement.
- Systèmes, guides et glossaire — 6 pages de systèmes complets, plus des contenus pédagogiques qui répondent aux questions que les acheteurs se posent avant même de contacter un fournisseur.
Pourquoi le nombre de pages compte-t-il ? Parce qu'en recherche B2B, la précision l'emporte. Un acheteur qui cherche un système coulissant télescopique n'atterrit pas sur une page d'accueil — il atterrit sur la fiche produit exacte. 147 fiches produits, ce sont 147 occasions de correspondre à une recherche précise, au lieu d'une seule page d'accueil générique qui tente de se positionner sur tout.
SEO, AEO et GEO — intégrés dès la conception, pas ajoutés après coup
La plupart des sites traitent le SEO comme un ajout ultérieur : une extension par-ci, une balise meta par-là. Nous l'avons intégré dès les fondations.
SEO (optimisation pour les moteurs de recherche, Search Engine Optimization) : des URL propres, des balises title et des meta descriptions soignées sur chaque page, un HTML sémantique avec un seul H1 par page, un sitemap et un maillage interne entre produits et gammes associés. Les fondamentaux, bien faits, sur les 195 pages. C'est la même approche que celle de nos services SEO.
AEO (optimisation pour les moteurs de réponse, Answer Engine Optimization) : les acheteurs ne se contentent plus de taper des mots-clés — ils posent des questions. « Quel profilé me faut-il pour une cloison en verre de 12mm ? » Les guides et le glossaire sont structurés pour répondre directement à ces questions, avec des sections FAQ et un balisage de schéma FAQ que les moteurs de recherche peuvent reprendre tel quel dans leurs résultats.
GEO (optimisation pour les moteurs génératifs, Generative Engine Optimization) : c'est la nouveauté, et elle compte davantage chaque mois. Quand quelqu'un demande à ChatGPT ou Perplexity « qui fabrique des profilés aluminium fins pour cloisons ? », l'IA a besoin d'un contenu lisible, factuel et bien structuré à citer. Un HTML pré-rendu, avec des titres clairs, de vraies spécifications et sans jargon marketing, est exactement ce que ces systèmes exploitent le mieux.
Hébergement et infrastructure
Le site a été migré vers l'hébergement Netlify, avec le DNS pointé directement dessus. Grâce à l'hébergement statique, les pages se chargent rapidement où que se trouve l'acheteur — Mumbai, Dubaï ou Londres. Les images produits sont servies via le CDN de Cloudinary : même avec une connexion lente, l'acheteur obtient la page en quelques secondes.
Le design : sombre, haut de gamme, réfléchi
Une marque de quincaillerie qui cherche à convaincre architectes et distributeurs ne peut pas ressembler à un catalogue en ligne de 2010. Le nouveau design s'inspire des marques automobiles et industrielles haut de gamme :
- Fonds anthracite (#0e0f11) avec des touches d'or champagne (#c9a86c)
- Cormorant Garamond pour les titres — éditorial, affirmé
- Manrope pour le texte courant — net, très lisible
L'idée est simple : quand un architecte ou un distributeur ouvre le site, il doit sentir une marque à sa place dans un projet haut de gamme. La première impression conclut des affaires avant même le premier e-mail.
Qu'est-ce qui a transformé le catalogue en aimant à acheteurs ?
Au-delà des 147 pages produit et des 23 pages de gamme, la refonte a ajouté la couche de contenu qui transforme un catalogue en une référence vers laquelle les acheteurs reviennent. Six pages systèmes complètes accompagnent les acheteurs à travers des ensembles complets — systèmes coulissants, systèmes de cloison, cabines de douche — montrant comment les produits individuels fonctionnent ensemble, ce qui correspond exactement à la façon dont les entrepreneurs et les distributeurs raisonnent lorsqu'ils planifient un projet.
Quatre guides pratiques répondent aux questions que les acheteurs se posent avant même de contacter un fournisseur : comment mesurer pour une porte coulissante, quelle charnière convient à une lourde porte en verre, comment entretenir les fixations pour qu'elles durent. Un glossaire définit les termes du secteur que les acheteurs recherchent vraiment, captant les requêtes de longue traîne que les pages produit seules n'atteignent jamais. Et trois pages ville relient l'usine aux recherches géolocalisées, pour qu'un acheteur cherchant un fournisseur dans une région donnée arrive sur une page conçue pour lui.
C'est le travail ingrat qui s'accumule. Chaque guide et chaque entrée du glossaire est une autre porte d'entrée vers le site, une autre réponse exacte pour un acheteur avec un problème précis. Le site web d'un fabricant n'est pas qu'une liste de produits — c'est une bibliothèque de référence qui prouve l'expertise avant même l'envoi de la première demande.
Que peuvent apprendre les fabricants de cette refonte ?
Pas besoin de 195 pages pour en tirer la leçon. Voici l'essentiel (plus de détails dans notre guide pour les fabricants et exportateurs) :
- Si votre site est 100 % JavaScript, vous êtes invisible. Affichez le code source de votre page d'accueil. Si les noms de vos produits n'apparaissent pas dans le HTML, Google ne les voit probablement pas non plus.
- Une page par produit. Une page « produits » unique qui regroupe tout ne se positionne sur rien. Donnez à chaque produit sa propre URL.
- Écrivez pour la question, pas seulement pour le mot-clé. « Charnière douche 90° » est un mot-clé. « Quelle charnière de douche pour une porte en verre sans cadre de 10mm ? », c'est un acheteur. Répondez à l'acheteur.
- Structurez pour la recherche par IA dès maintenant, pas plus tard. En 2027, les acheteurs interrogeront une IA avant même d'ouvrir Google. Un contenu propre, factuel et pré-rendu, c'est ce qui vous fait citer.
La suite
La refonte n'est que la fondation. Vient ensuite le travail continu : soumettre le sitemap à Google Search Console et Bing Webmaster Tools, demander l'indexation des principales fiches produits et pages de gammes, relier les pages par ville aux Google Business Profiles et activer le formulaire de contact avec des notifications adaptées. Un site web n'est pas un projet qu'on termine — c'est un actif qui prend de la valeur avec le temps. Pour en savoir plus, consultez le blog MeiXin Social.
Vous vendez à l'international mais restez invisible sur Google ? Nous reconstruisons les sites de fabricants comme nous l'avons fait pour Glassics.in — pré-rendus, prêts pour le SEO/AEO/GEO, conçus pour être trouvés.
Obtenez un audit gratuit de votre site sur WhatsApp →