LS 发动机组装与测功机调校 · Greenacre
sam's performance
Greenacre 一家发动机改装商的首个网站：每台客户改装车都有一个页面并附上公布的测功数据，一个测功排行榜，以及 LS 加大排量、Harrop 机械增压器和凸轮轴套件的服务页面，并为搜索和 AI 答案做好标记。
案例研究 · 物业整备与维护 · Mona Vale
Northern Property Solutions
一家位于 Mona Vale 的企业，帮助房屋做好出售准备并提供日常维护，由一支团队包办油漆、地板、厨房、园林、清洁和软装布置。其 WordPress 网站已无法在受支持的 PHP 版本上运行，因此进行了重建，且没有丢失任何一个服务页面。
- 行业
- 售前房屋整备与物业维护
- 地点
- Mona Vale，Northern Beaches
- 上线时间
- 2026年10月
- 替换对象
- 一个 WordPress 4.9 网站
项目需求
一支团队包办一切，网站却已无法更新
Northern Property Solutions 做的是一件实际上包含许多工作的事：让房屋做好出售准备或保持良好维护，由一支团队涵盖 18 个工种和服务。旧网站把这个信息传达得还算到位，但它所基于的 WordPress 版本和主题无法在受支持的 PHP 上运行，而且充斥着主题演示页面、早已停更的博客，以及重复的服务列表和咨询表单。
企业希望保持辨识度：2017 年的原版标志、绿色、炭灰色页眉、标语“All your property solutions in one place”（一站式解决您的所有物业需求）以及原有的首页顺序。在此过程中，业主提出了两项改动：去掉博客，并把 Central Coast 加入服务区域。
目标
- 全部 18 个服务页面保留相同网址
- 其余每个旧网址都做重定向或妥善停用
- 在手机上清楚呈现“一支团队包办”的服务，一键即可来电或索取报价
- 增加买家、卖家、房东和分层物业经理会查找的页面：服务区域、客户评价和简明的常见问题
- 保留客户早已熟悉的品牌
设计选择
沉稳的炭灰框架与一抹清新绿
配色沿用原有品牌，并针对对比度做了调整。整体给人务实、专业工匠的感觉，而不是推销味十足。
配色
-
#1c2124炭灰 页眉、页脚和深色横幅：原网站的页眉颜色 -
#15191b深炭灰 最深的横幅和遮罩层 -
#6ada6fNPS 绿 配深色文字的按钮、点缀、图标、炭灰底上的文字 -
#1f7a2c文字绿 白底上的链接和文字，深度足以达到 AA 标准 -
#1f2427墨色 正文 -
#545d62浅墨色 次要文字 -
#f4f6f6交替横幅 白色区块之间的浅灰色区块
明亮的品牌绿配白色文字对比度不达标，因此按钮使用深色文字；凡是绿色文字位于白底上时，则由另一种更深的绿色来承担。
字体排印
标题
Poppins
沿用旧网站的标题字体，字重为 600 和 700，自托管，每种字重约 8 KB，并配有度量匹配的 Arial 后备字体，确保字体加载时文字不会跳动。
正文
System UI
设备自带的字体：无需下载，在每部手机上读起来都很自然。
字号随屏幕流畅缩放，标题从手机上的 2.1rem 到桌面端的 3.6rem。
布局、地图、图片与移动端
原有首页，原有顺序
带原标语的首屏、三大支柱（售前整备、物业维护、退租清洁）、全部 18 项服务、数据横幅、客户评价、团队介绍、服务区域、常见问题，以及收尾的免费报价横幅。
每个服务页面都是一个落地页
先是原有文案和小标题，然后是免费报价面板、相关客户评价、常见问题、相关服务和完整服务列表，让每个页面都能独立成立。
绘制而非嵌入的覆盖地图
从北部半岛到 Central Coast 的六幅地区地图，根据 OpenStreetMap 的城区边界绘制，覆盖的城区以绿色标示，水域叠加在最上层。轻量的 SVG 文件，不使用地图小组件。
诚实的图片
现有照片大多是图库素材，因此将它们作为示意图使用：替代文字只描述画面内容，绝不声称是客户工程。真实的团队照片则放在首页和“关于我们”页面的显要位置。
每个手机屏幕上都有通话栏
两个 48px 按钮“Call us”（致电我们）和“Free quote”（免费报价）固定在每个手机页面底部；在联系页面上则隐藏，因为它们只会与表单重复。
十八项服务，依然一目了然
在手机上，长长的服务列表切换为紧凑的横向卡片，照片旁配三行摘要，让人能快速浏览，而不是变成冗长的滚动页面。
构建方式
一次编写，处处使用
手工构建的 PHP 8.2，没有 CMS、数据库或第三方软件包。电话号码、地址和营业时间只写一次，便用于页眉、页脚、联系页面、结构化数据和 llms.txt。
从结构上就快
关键 CSS 内联，只预加载首屏标题所用的字重，主图片以高优先级加载，标志只内联一次并重复使用，而不是发送两次。
咨询一到即可回复
表单提交到网站本身，邮件主题行中写明服务项目和城区，并以客户地址作为回复地址。服务器上还会保留一份副本，以防邮件发送失败。
悄无声息地拦截垃圾信息
签名令牌、隐藏的蜜罐字段和按访客计的频率限制。只有真实咨询才会在分析中计为潜在客户。
实时评价，从不筛选
评分和最新评价在服务器端从 Google 商家资料获取，按从新到旧显示，从不按评分筛选，并以姓名首字母代替头像。
每个页面都有分享卡片
为每个页面和每项服务专门设计的 1200 × 630 分享卡片，以及由矢量标志生成的全套图标。
每次发布前都经过检查
自动爬取程序测试每个页面、链接、图片、重定向以及联系表单的完整收发流程，HTML 校验零错误。
- PHP 8.2
- WordPress 迁移
- 区域覆盖地图
- 实时 Google 评价
- AVIF / WebP
- CSP
搜索与 AI 答案
2,600 个旧网址，每个都有去处
重建保留了旧网站积累的全部搜索历史，并让企业在网站、schema 和 Google 商家资料之间拥有统一一致的身份。
盘点每一个旧网址
从旧数据库、存档副本和上传文件中整理出约 2,600 个网址。每个网址都一次跳转重定向到最接近的新页面（旧博客文章会跳转到各自所讲的服务），或返回 410 Gone。
服务区域已标记
结构化数据写明了 Northern Beaches、North Shore 和 Central Coast 的各市政辖区及约 56 个城区，与页面上的列表和地图一致。
标题紧随排名
标题以服务和地点开头，使用旧页面已有排名的关键词。上线后，又对最接近搜索结果第一页的页面进一步优化了标题和小标题。
一个 Google 会收录的客户评价页面
Google 曾将旧页面列为“已发现，尚未编入索引”。如今它有了自己的引言、原有的客户评价、每条实时 Google 评价的全文，以及指向被评价服务的链接。
{
"@context": "https://schema.org",
"@graph": [
{ "@type": "HomeAndConstructionBusiness" },
{ "@type": "Service" },
{ "@type": "Offer" },
{ "@type": "WebSite" },
{ "@type": "BreadcrumbList" },
{ "@type": "FAQPage" }
]
}
成果
满分成绩，毫无损失
- 100Lighthouse 性能（移动端）
- 100无障碍、最佳实践和 SEO
- 1.1 s移动端最大内容绘制（LCP）
- 18保留原网址的服务页面
- 26站点地图中的页面
- 7覆盖地图，其中一幅为总览图
Lighthouse 数据：移动端，线上首页，于 2026年10月19日测得（单次运行；各次运行分数略有差异）。
NGN 如何让 Northern Property Solutions 迁离 WordPress 而不失去搜索排名？
全部 18 个服务页面保留完全相同的网址，其余每个旧网址（约 2,600 个，包括旧博客文章和图片文件）都通过一次 301 重定向映射到最接近的新页面，或以 410 停用。Google 保留了每个页面的历史，而不必重新发现整个网站。
为什么 Northern Property Solutions 网站使用绘制的地图，而不是嵌入 Google 地图？
每个地区的地图都是根据 OpenStreetMap 城区边界绘制的小型 SVG，覆盖的城区以品牌绿色标示。它即时加载，无需第三方脚本，并与页面上和结构化数据中的城区列表一致，让访客和搜索引擎看到相同的覆盖范围。
Northern Property Solutions 网站如何显示 Google 评价？
评分和最新评价在服务器端从企业的 Google 商家资料获取并缓存，按 Google 发布的顺序以纯文本显示，不会过滤掉较低的评分。网站不自行发布任何星级评分标记，这符合 Google 针对本地企业的指南。
为什么 Northern Property Solutions 网站上的照片被描述为示意图？
企业现有的图片大多是图库素材，因此替代文字只描述每张照片的内容，而不声称是客户工程。真实的团队照片用在最重要的位置，即首页和“关于我们”页面，真实工程照片日后也可以随时添加。
Northern Property Solutions 网站如何让人在手机上轻松索取报价？
每个手机页面底部都固定着一个栏，提供“Call us”（致电我们）和“Free quote”（免费报价）两个大按钮，页眉中的电话号码也可点击直接拨打。咨询到达团队收件箱时，主题行中已写明服务项目和城区，可以直接回复。
更多作品
我们打造的更多网站
地毯与软装清洁 · Northern Beaches
pro wet & dry
一家自 2001 年起在 Northern Beaches 从事地毯清洁的家族企业，迁离 WordPress 并保留每个旧网址：地毯、软装、皮革和水灾修复页面，44 篇清洁指南，实时 Google 评价，以及直接进入其工单系统的预约。
咖啡馆与精品咖啡 · Greenacre
soft sip
一家柔和粉色调的 Greenacre 咖啡馆上线了：全屏照片页面、按类别划分的菜单、可在任意页面通过 Uber Eats 和 DoorDash 外卖、咖啡车报价请求，以及为 Google 和 AI 搜索标记的营业时间和地址。
We have used Next Generation Networks for several custom solution projects that went well beyond the standard scope listed on their website. Every time, the team has been exceptional—genuinely enthusiastic about tackling complex challenges and consistently delivering solutions that exceed…
James Johnson
View on Google
Great internet and phone service, excellent customer service.
Fiori Mercuri
View on Google
Impeccable support and service! Would highly recommend.
Samuel Tolentino
View on Google
⭐⭐⭐⭐⭐
Great service from Next Generation! They really helped us get our internet running fast and smoothly. The process was easy, and their team was very helpful and responsive. We’re really happy with the improved internet speed and connection. Highly recommended!
Mariwel Largosa
View on Google
We engaged Next Generation Networks to build the ecommerce site for South West Apparel, and we couldn't be happier with the result. The team's attention to detail was outstanding. Everything from the layout and product pages to the checkout experience was carefully thought through, and they took…
Houssam Homsi
View on Google
联系我们
想要一个这样的网站吗？
告诉我们您的业务和现有网站。我们会在同一个工作日内给您一份坦诚的评估和方案。
给我们留言
我们会在同一个工作日内回复