三个最值得看的设计
双维矩阵取代产品目录产品形态（颗粒/柱状/粉末/蜂窝、椰壳/煤质/木质、物理/化学活化）× 应用行业（水处理、废气、新能源、矿业、医药、食品……），同一个产品有十几个入口。
页面从”行业挑战”开场不先堆参数，先讲你在这个工况下会遇到什么麻烦——痕量有机物、余氯腐蚀膜、金属析出、盐类泄漏，逐条对应到解决方案。
按工艺流程分节，而不是按型号分节超纯水页按”半导体制造 → TOC 控制 → 系统预处理 → RO 预处理”四段展开，每段 Solution Overview + Key Advantages。
一、客户速览
| 项目 | 内容 |
|---|---|
| 站点 | https://www.tankechemical.com/ |
| 企业 | Jiangsu Tanke Carbon Co., Ltd.（品牌 TANKE） |
| 所在地 | 江苏省南京市江北新区浦滨路 209 号新科大厦 |
| 联系 | info@tankechemical.com ／ LinkedIn ／ Facebook |
| 主营 | 活性炭（Activated Carbon）与干燥剂（Desiccant）两大产品线，支持定制 |
| 活性炭品类 | 颗粒（GAC）／柱状（Pelletized）／粉末（PAC）／蜂窝（Honeycomb）／椰壳／果壳／煤质／木质／物理活化／化学活化／浸渍 |
| 干燥剂品类 | 硅胶／氯化钙／氯化镁／蒙脱石／凹凸棒／纤维，另有定制干燥剂 |
| 生产 | 多条全自动产线，主要设备含回转窑、机械耙、竖炉；自有实验室 |
| 服务行业 | 制药、食品饮料、电子、水处理、化工、矿业、新能源、医疗、农业等 |
| 站点形态 | 双产品线 × 双维度（品类 + 应用）× 多语种目录式架构 |
二、先理解这门生意：同一批活性炭，卖给十几个互不相识的行业
活性炭是一种很特殊的工业品——它是基础材料，本身没有”用途”，用途完全由买家决定。
同一款椰壳活性炭，可能出现在：
| 买家 | 他要解决的 | 他关心的参数 |
|---|---|---|
| 半导体厂工艺工程师 | 超纯水系统的 TOC 控制 | 灰分、金属析出、催化脱氯能力 |
| 市政水厂采购 | 饮用水除味除氯 | 碘值、目数、堆积密度 |
| 金矿选冶工程师 | 黄金提取（炭浆法） | 硬度、耐磨强度、粒径 |
| 口罩厂采购 | 防毒面具滤毒盒 | CTC 吸附值、浸渍类型 |
| 食品厂技术员 | 糖液脱色 | 亚甲基蓝值、食品级认证 |
| 锂电池材料工程师 | 导电剂与电容材料 | 比表面积、孔径分布 |
这六个人之间没有一句共同语言。 他们看同一份参数表，关注的却是完全不同的字段。
干燥剂同理：集装箱运输用的干燥剂、变压器呼吸器里的硅胶、衣柜里的除湿袋、手办展示柜里的防潮包——场景之间的跨度更大，从工业采购一直到普通消费者。
这就是建站面临的核心矛盾：
按常规做法，做一个”产品中心 → 活性炭 / 干燥剂 → 各品类”的两级结构，等于让半导体工程师和金矿采购看同一个页面，结果两边都觉得这个供应商不专业。
TANKE 的解法不是做一个更大的产品目录，而是换一个组织维度。
三、整体策略：从”我们有什么”转向”你是谁”
常规工业品官网是按供给侧组织的：工厂生产什么，网站上就列什么。
TANKE 是按需求侧组织的：客户是谁、他在什么工况下遇到什么问题，就给他一个对应的入口。
具体做法是建立两条并行的路径，让客户无论从哪条进都能落地：
| 路径 | 回答的问题 | 典型客户 |
|---|---|---|
| 路径 A：按品类 | “这是什么材料？” | 已经知道自己要椰壳炭还是煤质炭的采购 |
| 路径 B：按应用 | “我这个行业用哪种？” | 只知道”我要处理废水/废气/湿度”的工程师 |
两条路径不是孤立的——它们在页面内部互相交叉引用，最终汇到同一批产品。
关键是路径 B 的深度。 大多数企业站的”应用行业”只是一页概述，而 TANKE 把每个行业往下挖了两到三层。
四、策略一：双维矩阵 + 三级纵深
4.1 品类维度：活性炭拆成四个子维度
主导航的 Activated Carbon 菜单没有平铺成一列，而是按四种分类方式分组：
| 分组 | 分类依据 | 具体品类 |
|---|---|---|
| By Types 按形态 | 物理形状 | Granular（颗粒 GAC）／ Pelletized（柱状）／ Powdered（粉末 PAC）／ Honeycomb（蜂窝） |
| By Material 按原料 | 用什么做的 | Coconut Shell（椰壳）／ Nut Shell（果壳）／ Coal-Based（煤质）／ Wood Based（木质） |
| By Activation Type 按工艺 | 怎么活化的 | Physically Activated（物理法：蒸汽/气体高温活化）／ Chemically Activated（化学法：H₃PO₄/ZnCl₂） |
| Special Usage 特殊用途 | 有没有改性 | Impregnated（浸渍炭：负载 I₂／Ag／KOH 等活性组分） |
四种分类方式互相正交——同一款产品可以同时是”颗粒 + 椰壳 + 物理活化”，也可以做成”柱状 + 煤质 + 化学活化”。
这意味着客户只要知道自己关心的那一个维度，就能找到入口，不必先搞清楚全部技术名词。
干燥剂产品线同样按材料分：硅胶 ／ 氯化钙 ／ 氯化镁 ／ 蒙脱石 ／ 凹凸棒 ／ 纤维。
4.2 应用维度：行业下还有三级
另一条路径按行业与用途展开，而且不止一层：
Activated Carbon Application ├─ Gas & Air 废气与空气治理 │ ├─ Industrial Waste Gas 工业废气 ├─ Air Purifying 空气净化 │ ├─ Bio Odor Control 生物除臭 └─ Biogas 沼气 ├─ Water Treatment 水处理 │ ├─ Wastewater Treatment 废水 ├─ Drinking Water 饮用水 │ ├─ Desalination 海水淡化 └─ Ultrapure Water 超纯水 ├─ Clean Energy 新能源（超级电容 / 锂电池） ├─ Personal Protection 个人防护 ├─ Food and Beverage 食品饮料 ├─ Agriculture 农业 ├─ Mining 矿业（含金矿提取） ├─ Medical 医疗 └─ Chemical / Petrochemical 化工与石化
注意”水处理”这一支——它下面不是直接列产品，而是先分成废水、饮用水、海水淡化、超纯水四个独立场景。
这四个场景对应的买家完全不同：废水 → 市政与工业水处理厂；饮用水 → 净水设备厂与滤芯品牌；海水淡化 → 膜系统工程商；超纯水 → 半导体与电子厂。
每个场景都有独立页面、独立文案、独立的技术论证。 客户搜”超纯水用活性炭”，落到的就是讲 TOC 控制和 RO 膜保护的那一页，而不是一个笼统的”水处理活性炭”。
干燥剂应用同样按行业分：包装运输（含集装箱）／服装纺织 ／ 食品 ／ 电子 ／ 军工 ／ 家用 ／ 建筑 ／ 医疗 ／ 汽车。
4.3 两条路径如何交叉
品类页与应用页不是孤岛，而是通过三种方式互相导流：
- 页面底部的关联网格——品类页列出”相关类型的活性炭”，按形态／原料／活化方式／特殊用途四组展开；
- 场景段落内嵌产品——应用页每讲完一个场景，紧接着给出这个场景适用的具体品类；
- 导航双入口——同一个产品，既能从 “By Material → Coconut Shell” 进去，也能从 “Water Treatment → Drinking Water” 进去。
结果就是一张网：客户从任何角度进入，都能走到同一批产品，但沿途看到的论证是为他这个行业写的。
五、策略二：页面从”行业挑战”开场，而不是从参数表开场
这是整个站点最值得学的一点。
大多数材料类站点的产品页是：定义 → 参数表 → 应用范围 → 联系我们。参数表对已经知道要什么的采购有用，但对还在判断要不要买的工程师几乎无效。
TANKE 的产品页结构是：
| 顺序 | 区块 | 承担的任务 |
|---|---|---|
| 1 | 标题 + Buy 按钮 + Quote Now | 定位与转化入口 |
| 2 | 定义与作用 | 一段话说清它在这个场景下干什么 |
| 3 | Industry Challenges | 先讲你在这个工况下会遇到什么麻烦 |
| 4 | Why Choose / Key Advantages | 逐条对应上面的挑战给出能力 |
| 5 | related types | 关联品类网格（带参数） |
| 6 | Process and Technology / Usage | 按工艺流程或场景分节展开 |
| 7 | Related Blog | 延伸阅读 |
| 8 | Get Inquiry 表单 | 询盘 |
关键在于第 3 步。看超纯水活性炭页实际写的：
Industry Challenges
Trace Organic Contamination 痕量有机污染
☆ Even trace organics can impact ultrapure water quality
☆ TOC control requires highly efficient adsorption materials
☆ Conventional media may release impurities into the systemChlorine and Oxidant Removal 余氯与氧化剂
☆ Residual chlorine damages RO membranes and resins
☆ Incomplete removal leads to system degradation risks
☆ Rapid catalytic reduction is essential for protectionLow Metal and Ash Requirements 低金属与低灰分要求
☆ Metal leaching can contaminate ultrapure water systems
☆ High ash content affects water purity and stability
☆ Strict standards demand ultra-low impurity carbonBiofouling and Bacterial Growth 生物污染 ／ System Stability 系统稳定性 …
这四条不是产品卖点，是半导体厂工艺工程师每天在头疼的事。
客户看到这里的第一反应不是”这家在推销”，而是”这家懂我的产线”。
紧接着的 Key Advantages 逐条对应：
| 挑战 | 对应的能力 |
|---|---|
| 痕量有机物 | 高度发达的孔隙结构，强化 TOC 去除 |
| 余氯腐蚀膜 | 强催化脱氯能力，保护 RO 膜与树脂 |
| 金属析出与灰分 | 高稳定性，满足高纯系统的低杂质要求 |
| 系统稳定性 | 连续运行下性能一致，适配半导体严苛标准 |
先讲挑战、再给能力，比直接罗列参数有说服力得多——因为参数需要客户自己去翻译，而”余氯会烧穿你的 RO 膜”不需要翻译。
干燥剂家用页的挑战写得更接地气：
- Safety and Leak Risks——氯化钙/氯化镁包装破损会腐蚀共储物品，家有儿童宠物需要明确安全说明
- Environmental Compatibility——硅胶与纤维惰性但不可降解，盐类有废液处置问题，矿物类”天然”但可持续性存疑
- Disposal and Misconceptions——名称标识混乱导致错误丢弃，饱和盐类产品会污染下水道
- Market Education Gap——用户不会按需求匹配类型（地下室该用盐类、干燥文件该用硅胶）
这四条是写给品牌商和采购看的，不是写给消费者看的——B2B 卖家关心的恰恰是”我的下游客户会遇到什么投诉”。
六、策略三：按工艺流程 / 使用场景分节，每节配方案与优势
产品页的中段是 Process and Technology（活性炭）或 Usage（干燥剂），结构高度统一：
Process and Technology ├─ 1. 环节一 │ ├─ Solution Overview 这个环节在做什么、活性炭起什么作用 │ └─ Key Advantages 三条具体收益 ├─ 2. 环节二 ├─ 3. 环节三 └─ 4. 环节四 …
超纯水页的四个环节是：
| # | 环节 | 讲的什么 |
|---|---|---|
| 1 | Semiconductor and Electronics Manufacturing | 半导体与电子制造中的超纯水应用 |
| 2 | TOC Control (Organic Matter Removal) | 总有机碳控制 |
| 3 | Ultrapure Water System Pretreatment | 超纯水系统预处理 |
| 4 | Pretreatment for Reverse Osmosis Systems | 反渗透系统预处理 |
这四个环节是客户产线上的实际工序顺序，而不是产品目录的分类顺序。工程师读起来像在走自己的流程图，读到哪一段都能对上号。
干燥剂家用页的 Usage 分节同理，而且分得极细：
| 场景 | 用法 | 推荐材料 |
|---|---|---|
| Clothing and Closet Storage | 衣柜、抽屉、鞋柜防潮 | 硅胶包、蒙脱石、凹凸棒、纤维 |
| Electronics and Document Safeguarding | 相机、乐器、书籍、文件 | 硅胶包、纤维 |
| Basements and Garage Environments | 地下室、车库高湿 | 氯化钙、氯化镁、凹凸棒 |
| Seasonal Item Storage | 节日装饰、露营装备、换季衣物 | 凹凸棒、硅胶 |
| Anime Collectibles | 亚克力展示柜内的手办与模型 | 硅胶包、纤维 |
“Anime Collectibles”（手办收藏）这一节特别值得注意——它对应的是一个非常具体的消费场景：PVC 手办会因增塑剂挥发而”出汗”，原包装纸盒会降解，精细涂装怕灰尘。
能把场景写到这个颗粒度，说明站点的页面规划是从搜索需求倒推的，而不是从产品清单正推的。
每节下面除了 Usage Overview 和 Key Advantages，还直接挂 Related Product（如 Dehumidifier Bag / Dehumidifier Box），客户读到哪儿产生兴趣，就能在哪儿点。
七、策略四：把参数对比摆到客户眼前
每个产品页与品类页的中段，都有一张 related types of activated carbon 网格，按形态／原料／活化方式／特殊用途四组列出全部相关品类，每款带 2–4 个核心参数：
| 品类 | 页面给出的参数 |
|---|---|
| Granular (GAC) | Iodine Value 600-1200 ／ Mesh Size 1×4/4×8/8×16/8×30…（More size on request）／ Apparent Density 400-700 |
| Pelletized | Iodine Value 500-1300 ／ Mesh Size 0.9-1mm/1.5-2mm/3-4mm/6mm/8mm ／ Density 450-600 |
| Powdered (PAC) | Iodine Value 500-1300 ／ Mesh Size 150/200/300/350 ／ Density 450-550 |
| Honeycomb | Iodine Value 400-800 ／ 100×100×100mm/100×100×50mm（Custom cell density on request）／ Bore Diameter 1.5-8mm |
| Coconut Shell | Iodine Value 700-1200 mg/g ／ Surface Area 700-1200 m²/g ／ Density 320-550 kg/m³ |
| Coal-Based | Iodine Value 700-1200 mg/g ／ Surface Area 700-1200 m²/g ／ Density 300-650 kg/m³ |
| Physically Activated | 活化方式：蒸汽/气体高温活化 ／ 孔结构：微孔为主、分布均匀 ／ 特点：无化学添加、低灰分 |
| Chemically Activated | 活化方式：H₃PO₄/ZnCl₂ 中温活化 ／ 孔结构：中孔丰富、比表面积更高 ／ 收率提高 30-50% |
| Impregnated | 负载 I₂/Ag/KOH 等活性组分 ／ 针对 Hg⁰/H₂S/酸性气体定向吸附 |
三个细节值得注意：
1. 参数口径统一。 每一类都给碘值、目数、堆积密度这三个可比字段，客户不用跳转就能横向比较。
2. 活化方式那三行给的不是数字，是”工艺—结构—用途”的因果链。 比如化学活化炭：化学法活化 → 中孔丰富、比表面积更高 → 活化时间短、收率高 30-50% → 需酸洗去除残留。这种写法让不懂材料的采购也能做出判断。
3. 反复出现 “More size on request” 和 “Custom cell density on request”。 在参数表里植入定制暗示——客户看到”目数可以按要求做”，就不会因为找不到完全匹配的规格而离开。
每个格子都配一个 Quote Now，把对比行为直接接到询盘上。
八、策略五：多语种目录式架构与合规配置
多语种采用目录前缀式：/ru/、/fr/、/es/、/it/、/pt/、/de/、/ja/、/ko/、/zh/、/ar/，覆盖欧洲、中东、东亚主要市场。
目录式（而非参数式或子域名式）的好处是每个语种都是一棵完整的页面树，搜索引擎可以对每种语言独立收录、独立排名；hreflang 标注也最直观。
配合 GDPR 的完整合规配置：
| 环节 | 做法 |
|---|---|
| Cookie 同意 | 分级同意（Essential / Comments / Statistics），可分别开关 |
| 统计脚本 | Google Analytics 采用 consent mode，默认全部 denied，用户同意后才激活 |
| 行为分析 | Microsoft Clarity，同样纳入同意管理 |
| 站点地图 | Rank Math 生成，按语种分别列出全部页面 URL |
| 隐私政策 | 独立的 Cookie Policy 页面 |
先合规、再统计的顺序很重要——面向欧洲的 B2B 站点，如果一进站就埋 GA，轻则数据不准，重则面临罚款。这套配置让销售团队可以毫无顾虑地把链接发给欧洲客户。
九、首页的信息节奏
| 顺序 | 区块 | 传递的信息 |
|---|---|---|
| 1 | Hero 轮播 | 活性炭主推（Precision-Engineered for Maximum Absorption & Purity／Your Trusted Factory Direct Source）+ 柱状炭 + 颗粒炭 + 干燥剂主推，四个卡片各有卖点句 |
| 2 | Products We Provide | 活性炭四条线 + 干燥剂四条线，双栏并列 |
| 3 | Desiccant Customized Introduction | 定制干燥剂能力说明 |
| 4 | ABOUT US | 全自动产线（回转窑、机械耙、竖炉等主要设备）+ 定制能力 |
| 5 | 数据计数 | 工厂面积 / 产线 / 年产能 |
| 6 | OUR ADVANTAGES | 自有实验室（严格质控与定制开发）／自有工厂（品质一致与快速交付）／服务体系（无损交付与产品防护） |
| 7 | CERTIFICATE | 资质认证 |
| 8 | OUR CLIENTS | 客户 |
| 9 | NEWS CENTER | 最新文章 |
三条主线在首页就摆平了：活性炭与干燥剂并列、品类与应用并列、产品能力与制造能力并列。客户一眼能看出这是两条产品线、两个找法。
Hero 那句 “Your Trusted Factory Direct Source” 值得单独提——工厂直销。对海外买家来说，这四个字意味着没有贸易商加价、可以直接谈定制、交期可控。
十、站点实现与技术选型
| 环节 | 方案 |
|---|---|
| 主题 | Astra |
| 页面构建 | Elementor |
| SEO | Rank Math PRO（站点地图、结构化数据、面包屑） |
| 多语言 | 目录前缀式多语种架构（欧洲 / 中东 / 东亚主要语种） |
| 统计与分析 | Google Site Kit（GA，consent mode 默认拒绝）+ Microsoft Clarity |
| 合规 | 分级 Cookie 同意管理 + 独立 Cookie Policy |
| 内容组织 | WordPress 原生页面父子层级，构建双产品线的多级页面树 |
| 表单 | 页内 Get Inquiry 表单（Name / Email* / Phone / Company* / Message*） |
| 结构化数据 | Organization + WebSite + WebPage + BreadcrumbList |
选型思路清晰：成熟商业主题 + 可视化构建器 + 专业 SEO 插件。SERPs 竞争激烈的功能性材料行业，SEO 是主要获客渠道，Rank Math PRO 的站点地图与结构化数据能力是刚需；Elementor 保证运营团队能自己复制模板、批量生产行业页。
一个细节：询盘表单只保留五个字段，且必填项只有 Email、Company、Message 三项。要公司名（便于判断是不是真买家），不要冗长的需求问卷——工业品询盘的第一步是建立联系，细节可以在邮件里慢慢问。
十一、四个可复用的设计决策（复盘）
1. 应用跨度大的基础材料，按”客户是谁”组织而不是按”产品是什么”组织
半导体工程师和金矿采购看同一份参数表，关注完全不同的字段。与其做一个大而全的产品中心，不如为每个行业建独立的论证页面，让他们各自觉得”这家是做我这行的”。
2. 页面先讲客户的麻烦，再讲自己的产品
Industry Challenges 把”余氯会烧穿 RO 膜””盐类干燥剂泄漏会腐蚀共储物品”这类痛点写在参数表之前。参数需要客户自己翻译，痛点不需要。
3. 分节按工艺流程或生活场景走，不按产品型号走
超纯水页的四段是半导体制造 → TOC 控制 → 系统预处理 → RO 预处理，和客户产线的工序顺序一致；干燥剂家用页分到”手办收藏”这种颗粒度。客户读起来像在看自己的流程图。
4. 参数对比要放在客户眼前，而不是藏在详情页里
关联品类网格统一参数口径、给出”工艺—结构—用途”的因果链、标注可定制，每个格子直接接 Quote Now。客户不用跳转就能比完，比完就能问。
结语
TANKE 这个站解决的不是”怎么把活性炭和干燥剂展示出来”，而是一个更前置的问题：
同一款基础材料要卖给十几个互不相关的行业，官网该怎么组织？
它的回答分三步。
第一步，把一条产品线拆成两个维度。 产品形态（颗粒/柱状/粉末/蜂窝、椰壳/煤质/木质、物理/化学活化）回答”这是什么材料”，应用行业（水处理、废气、新能源、矿业、医药、食品……）回答”我这个行业用哪种”。两条路并行，且在行业下再挖两到三层——”水处理”下面还分废水、饮用水、海水淡化、超纯水。
第二步，让每个页面用客户的语言开场。 Industry Challenges 先讲你在这个工况下会遇到什么麻烦，Key Advantages 逐条对应给出能力。客户的第一反应不是”这家在推销”，而是”这家懂我的产线”。
第三步，把决策所需的信息压到一屏之内。 关联品类网格统一参数口径、给出”工艺—结构—用途”的因果链、标注可定制，每个格子直接接询盘。
三步串起来，把一家产品高度通用、买家极度分散的材料厂，做成了每个行业的买家都觉得”这是专门为我们做的”的专业站。配合多语种目录式架构与 GDPR 合规配置，海外销售团队可以直接把链接发给任何一个国家的客户。
