首页 / 案例展示 / 万文知识产权
法律服务

知产管理品牌站点,品牌视觉+检索+双语……

万文是宁波的商标、专利和版权代理。本地客户按确权、体系、争议进站;海外申请人按「到中国申请」进站。两套路径不是同一页翻译。

前台页面是生成好的静态网页。日常改内容后重新发布即可上线。必须互动的三件事——新闻、预约、尼斯检索——留在网站自己的小接口里,不开放后台接口。中文顶栏给出免费商标检索、专利检索和尼斯分类;英文站不挂这些入口。

动静态分离 页面是现成文件。动态只留新闻、预约、尼斯三处。
SEO 中英各有自己的网址和标题。检索页能被搜到,咨询前就能用。
特色模块 中文站三件检索,含尼斯工作台;页脚还有 IP 咖啡馆。
多语言 中文站和英文站是两套内容,不是一键切换翻译。
响应速度 页面按文件打开。实验室里中文首页等待大约 20–30 毫秒。
信任层 机构代码、团队照片、合作伙伴和案例都可以核对。
知产管理品牌站点,品牌视觉+检索+双语……

案例概述

万文要的不是再做一个律师事务所官网。本地要把服务和电话讲清楚,海外要把到中国申请的路径讲清楚,并且在打电话之前就能自己查一查。

客户真正要解决的,不是「再做一个官网」。宁波本地要把七条服务、三家主体和部门电话讲清楚;海外申请人要的是到中国申请的路径,不是把中文页切成英文。

如果做成普通的动态网站,每次打开页面都要过一遍程序和数据库。检索页、资质页会跟后台绑在一起。改一句说明,缓存也要重新解释。海外访问还要再背一层动态开销。

我们把编辑和线上拆开。内容写在结构化文件里,发布时生成静态网页,由服务器直接打开。图片和样式走独立的静态域名。必须互动的三件事——新闻、预约、尼斯检索——留在网站自己的小接口,搜索引擎不收录这些接口。中文站和英文站是两套结构,不是一个语言开关。

做成之后:本地客户能按部门打电话,能进咖啡馆和洞察,能在咨询前检索。海外申请人走英文站,先读入境说明或合作页。前台不开放后台接口。打开的页面也不是正在运行的主题程序。

方案与功能

每一条都写清用了什么技术、做成了什么、客户因此能做什么。

  • 动静态分离,动态只留三处线上页面是发布产物,服务器按文件回答。新闻接口代理甬江知道并缓存配图;预约只接受提交;尼斯检索读本地分类数据。编辑按「发布」算,线上需要动态的地方也数得清。
  • 中英两套站点,不是语言包中文站给本地:标题是「保护知识产权 让品牌与发明价值最大化」,顶栏三件检索,页脚四个部门电话。英文站给海外:标题是 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 秒)。那是图,不是架构。架构已经把服务器响应做到头。下一刀是封面图,不是把动态主题搬回前台。

中文首页

桌面
100 性能
96 无障碍
100 最佳实践
100 SEO

LCP 528 ms · TBT 23 ms

移动
91 性能
100 无障碍
100 最佳实践
100 SEO

LCP 1.70 s · TBT 380 ms

英文首页

桌面
97 性能
96 无障碍
100 最佳实践
100 SEO

LCP 1.2 s · TBT 70 ms · TTFB 30 ms

移动
73 性能
96 无障碍
100 最佳实践
100 SEO

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 还没补。实验室分数不能写成已经满分。

图库

相关案例