知产管理品牌站点,品牌视觉+检索+双语……
万文是宁波的商标、专利和版权代理。本地客户按确权、体系、争议进站;海外申请人按「到中国申请」进站。两套路径不是同一页翻译。
前台页面是生成好的静态网页。日常改内容后重新发布即可上线。必须互动的三件事——新闻、预约、尼斯检索——留在网站自己的小接口里,不开放后台接口。中文顶栏给出免费商标检索、专利检索和尼斯分类;英文站不挂这些入口。
案例概述
万文要的不是再做一个律师事务所官网。本地要把服务和电话讲清楚,海外要把到中国申请的路径讲清楚,并且在打电话之前就能自己查一查。
客户真正要解决的,不是「再做一个官网」。宁波本地要把七条服务、三家主体和部门电话讲清楚;海外申请人要的是到中国申请的路径,不是把中文页切成英文。
如果做成普通的动态网站,每次打开页面都要过一遍程序和数据库。检索页、资质页会跟后台绑在一起。改一句说明,缓存也要重新解释。海外访问还要再背一层动态开销。
我们把编辑和线上拆开。内容写在结构化文件里,发布时生成静态网页,由服务器直接打开。图片和样式走独立的静态域名。必须互动的三件事——新闻、预约、尼斯检索——留在网站自己的小接口,搜索引擎不收录这些接口。中文站和英文站是两套结构,不是一个语言开关。
做成之后:本地客户能按部门打电话,能进咖啡馆和洞察,能在咨询前检索。海外申请人走英文站,先读入境说明或合作页。前台不开放后台接口。打开的页面也不是正在运行的主题程序。
方案与功能
每一条都写清用了什么技术、做成了什么、客户因此能做什么。
- 动静态分离,动态只留三处线上页面是发布产物,服务器按文件回答。新闻接口代理甬江知道并缓存配图;预约只接受提交;尼斯检索读本地分类数据。编辑按「发布」算,线上需要动态的地方也数得清。
- 中英两套站点,不是语言包中文站给本地:标题是「保护知识产权 让品牌与发明价值最大化」,顶栏三件检索,页脚四个部门电话。英文站给海外:标题是 Protect your IP in China,服务只留商标、专利、版权,另有入境说明和给外国所的合作页。没有对应页时,不假装有另一种语言。语言切换在页脚。
- 检索做成独立页面免费商标检索、专利检索、尼斯分类只挂在中文顶栏。尼斯另有工作台:45 类,中国 2026 最新版和美国对照。页上写明:申请前自查,不构成授权保证。英文站这些入口已撤。中文站的查找和咨询,发生在填表之前。
- 服务按任务展开中文七条独立地址:商标、专利、版权、数据知产、贯标、维权/海关、电商投诉。专利页有国内、涉外、授权后等入口。电商页公开费用构成,不写死金额。英文枢纽只留权利三卡。专业服务按任务被找到,海外读者也不会点进没有英文的页面。
- 转化不只检索页脚四个部门电话。联系页有预约表单和微信码。IP 咖啡馆在页脚,不进主导航。洞察页有公告、动态新闻和精选案例。本地客人能打电话、能留资、能看到人。
- 手机也能用标题、检索条和部门电话在小屏改成单列。中文站检索入口仍在第一屏,不进菜单。
技术栈
轴心是动静态分离:前台是静态网页,动态只留三个小接口。前后端语言、数据和接口都围着这件事选。
| 选择 | 理由 | 代价 |
|---|---|---|
| HTML / CSS / JavaScript | 前台就是浏览器能直接打开的页面 | 复杂交互只能做轻量前端 |
| Node.js 构建发布 | 内容写在 JSON 里,发布时预渲染成 HTML | 改字必须重新发布 |
| nginx 直接打开文件 | 页面按文件和校验标签回答,不过程序 | 没有按登录用户变化的片段 |
| PHP 7.3 三个同域接口 | 新闻、预约、尼斯必须动态;没有开放后台接口 | 接口要自己挡住收录 |
| 结构化 JSON + 本地尼斯数据 | 前台不连数据库;内容源和分类表是文件 | 不是传统的在线查库 |
| 阿里云 ESA 静态域名 | 图片和样式走 static.onewinip.com | 页面里的资源地址要分开写 |
| 中文站 / 英文站两套网址 | 海外路径和本地服务树不同,不能靠语言开关 | 内容要维护两份 |
Speed
页面变快,不是调了一轮分数,而是把「打开页面」从动态运行里拿掉。
前台不再经过主题程序和数据库。中文首页大约 24 KB。服务器按文件回答。实验室里中文首页文档等待 20–30 毫秒,是七个案例里最快的一档。英文首页没有中文站那张城市大图,移动性能从 59 到 73。
三个 PHP 接口不进这一组分数。它们在同一域名下,被挡住收录,也不承担首屏页面。
中文移动端仍被大图拖着(最大内容绘制 3.5 秒)。那是图,不是架构。架构已经把服务器响应做到头。下一刀是封面图,不是把动态主题搬回前台。
中文首页
LCP 528 ms · TBT 23 ms
LCP 1.70 s · TBT 380 ms
英文首页
LCP 1.2 s · TBT 70 ms · TTFB 30 ms
LCP 2.2 s · TBT 1,480 ms · TTFB 30 ms
更新时间:26-10-12。数据源自闪电博实验室,基于 Lighthouse 实验室分、axe 无障碍,以及可选的 Chrome UX Report 真实用户数据。数据可能因不同的网络环境及设备,会有差异。参考《如何做到Google PageSpeed Insights测试满分》。
最终结果
万文要的不是又一个律师事务所模板。本地要把服务和电话讲清楚,海外要把到中国申请讲清楚,并且在打电话之前就能检索。
动静态分离把这件事收住了
页面是服务器上的文件。动态只留新闻、预约、尼斯三条可数的接口。实验室文档等待掉到 20–30 毫秒。改一句备案说明,就是重新生成一版网页,而不是清一整套动态缓存。
两类客人分开走
英文标题是 Protect your IP in China,不是中文页的翻译开关。入境页把「境外主体须委托中国备案代理」写成转化点。给外国所的合作页按项目书面报价,不写死金额。没有对应页时,不假装有另一种语言。语言切换在页脚。
功能上,服务按任务被找到
确权、体系、争议分开写;专利不再只是一个词。中文站三件检索仍是公开页面,含尼斯工作台。部门电话、预约表单、微信码和 IP 咖啡馆出现在转化路径上。海外申请人不必先读完本地备案说明。
业务上,专业服务在检索中被找到
这不是流量口号,是中文站把检索放在留资前面。信任层可以核对:机构代码 33273、7 人照片、8 家伙伴标志、12 张匿名案例。后续改版按文件发布,不必为了换一张证书去碰正在运行的主题程序。
还没做的
中文移动端最大内容绘制仍被首页大图压着;国内 PageSpeed 还没补。实验室分数不能写成已经满分。
图库








相关案例
自己的产品和官网,一起服务超过5万站点
专注于WordPress主题和插件,无论设计和技术都追求极致。从自己的产品出发,为5万个站点提供支撑。
打造一个快如闪电极简之上的知产资讯类网站
按栏目读的知产通讯,不是按年月翻的博客。
协助本土加工制造业走出国门
深圳本土标识制造,英文静态站对接出口询价。没有多余解释,图纸就是语言,询价直接发生。
