我们如何把Glassics.in重建为195页的SEO利器

作者 Manmeet Gemavat，创始人 · 更新于 2026 年 9 月 29 日

大多数工厂网站都有同一个隐藏问题：在访客眼里看起来没问题，但在Google眼里几乎是一片空白。Glassics.in此前正是如此——一家家族经营的建筑玻璃五金企业，网站却无法被搜索引擎读取。

我们从零开始重建了它。下面讲清楚改了什么、为什么重要，以及任何制造商都能从中借鉴的经验。

为什么Google看不到Glassics网站？

旧版Glassics.in是一个纯JavaScript应用。也就是说，访客打开网站时，浏览器要现场运行代码才能拼出页面。屏幕上看起来一切正常——但Google爬虫来访时，往往只看到一个空壳。

对制造商来说，这是致命的。海外买家搜索的都是非常具体的英文词，例如："slim aluminium partition profile 16×45"（16×45窄边铝合金隔断型材）、"glass door patch fitting manufacturer"（玻璃门夹厂家）、"shower hinge 135 degree"（135度淋浴房合页）。如果这些词只存在于爬虫未必会执行的JavaScript里，你就不会有排名。等于你根本不存在。

Glassics有产品，也有技术细节。缺的是一个能让这些内容被找到的网站。

重建：195个预渲染页面

我们放弃了纯JavaScript方案，把Glassics.in重建为预渲染静态网站——共195个页面，每一页在访客或爬虫到达之前就已是完整的HTML。无需现场拼装。你在"查看源代码"里看到的，就是完整页面。

网站结构如下：

• 147个产品页——每个产品一个专属页面。每一款型材、玻璃门夹、合页和地弹簧都有自己的URL、自己的标题和自己的描述。
• 23个系列页——按买家实际搜索习惯对产品进行归类的分类页。
• 系统页、指南和术语表——6个完整的系统页面，外加教育类内容，解答买家在联系供应商之前就会提出的问题。

页面数量为什么重要？因为在B2B搜索中，越具体越能赢。搜索伸缩推拉门系统的买家不会落到首页——而是直接落到那个具体的产品页。147个产品页，就是147次精准匹配搜索的机会，而不是靠一个泛泛的首页去争所有关键词的排名。

SEO、AEO与GEO——从底层内置，而非事后补装

大多数网站把SEO当成事后添加的东西：这里装个插件，那里加个meta标签。我们则把它写进了网站的底层架构。

SEO（搜索引擎优化）：简洁的URL、每一页都有规范的标题标签和meta描述、每页只有一个H1的语义化HTML、网站地图，以及相关产品与系列之间的内部链接。基本功做扎实，覆盖全部195个页面。这也是我们SEO服务背后的同一套方法。

AEO（答案引擎优化）：买家不再只是输入关键词——他们会直接提问，比如"What profile do I need for a 12mm glass partition?"（12mm玻璃隔断该用哪种型材？）。指南和术语表的结构就是为了直接回答这类问题，配有FAQ板块和FAQ结构化数据（schema），搜索引擎可以直接将其展示在结果中。

GEO（生成式引擎优化）：这是新出现的一项，而且重要性逐月上升。当有人问ChatGPT或Perplexity"who makes slim aluminium partition profiles?"（谁生产窄边铝合金隔断型材？）时，AI需要可读、真实、结构清晰的内容来引用。标题清楚、参数真实、没有营销废话的预渲染HTML，正是这些系统最容易吸收的内容。

托管与基础设施

网站迁移到Netlify托管，并将DNS直接指向新平台。静态托管意味着无论买家身在孟买、迪拜还是伦敦，页面都能快速加载。产品图片通过Cloudinary的CDN分发，即使买家网络较慢，也能在几秒内打开页面。

设计：深色、高端、用心

一个要争取建筑师和经销商的五金品牌，网站不能看起来像2010年的产品目录。新设计借鉴了高端汽车和工业品牌的风格：

• 炭黑色（#0e0f11）背景，搭配香槟金（#c9a86c）点缀
• 标题使用Cormorant Garamond——具有杂志感，自信大气
• 正文使用Manrope——简洁清爽，易于阅读

理念很简单：当建筑师或经销商打开网站时，应该感觉这是一个配得上高端项目的品牌。第一印象往往在第一封邮件发出之前就已促成了成交。

是什么让产品目录变成了买家磁石？

除了147个产品页和23个系列页，这次重建还增加了一层内容，让产品目录变成了买家愿意反复查阅的参考资料。6个完整的系统页面带领买家了解整套装配方案——推拉系统、隔断系统、淋浴房——展示各个单品如何协同工作，这正是承包商和经销商在规划项目时的思考方式。

4篇实用指南回答了买家在联系供应商之前会问的问题：如何为推拉门测量尺寸、重型玻璃门该配哪种铰链、如何保养夹具让它们更耐用。术语表解释了买家真正会搜索的行业术语，覆盖了单靠产品页永远触达不到的长尾查询。还有3个城市页面把工厂与按地域的搜索连接起来，让在特定地区寻找供应商的买家直接落到为他们打造的页面上。

这些是不起眼但会复利的工作。每篇指南、每条术语都是进入网站的又一道门，都是给有具体问题的买家的又一个精准答案。制造企业的网站不只是一份产品清单——它是一座参考图书馆，在第一封询盘发出之前就证明了你的专业。

制造企业能从这次重建中学到什么？

不需要做到195页，也能吸取这些经验。简要版如下（更多内容见我们面向制造商与出口商的指南）：

1. 如果你的网站是纯JavaScript的，你就是隐形的。查看首页的源代码。如果HTML里没有你的产品名称，Google很可能也看不到。
2. 一个产品一个页面。把所有产品堆在一个"产品"页面上，什么词都排不上。给每个产品一个独立的URL。
3. 为问题而写，而不只是为关键词而写。"Shower hinge 90°"（90°淋浴房合页）是关键词；"Which shower hinge do I need for a 10mm frameless glass door?"（10mm无框玻璃门该用哪种淋浴房合页？）才是真实的买家。去回答买家。
4. 现在就为AI搜索做好结构，而不是以后。2027年的买家在打开Google之前会先问AI。清晰、真实、预渲染的内容，才是被AI引用的途径。

我们的下一步

重建只是地基。在此之上是持续的工作：向Google Search Console和Bing Webmaster Tools提交网站地图，申请收录重点产品页和系列页，将城市页面关联到Google Business Profiles，并启用带有正确通知设置的联系表单。网站不是做完就结束的项目——而是需要持续积累增值的资产。更多内容请见MeiXin Social博客。