咖啡馆与精品咖啡 · Greenacre
soft sip
一家柔和粉色调的 Greenacre 咖啡馆上线了：全屏照片页面、按类别划分的菜单、可在任意页面通过 Uber Eats 和 DoorDash 外卖、咖啡车报价请求，以及为 Google 和 AI 搜索标记的营业时间和地址。
案例研究 · 地毯与软装清洁 · Northern Beaches
Pro Wet & Dry
一家自 2001 年起在 Northern Beaches 从事地毯和软装清洁的家族企业，告别了缓慢的 WordPress 网站，多年积累的搜索历史完整保留：每个服务页面和全部 38 篇指南都沿用原来的网址。
- 行业
- 地毯、软装与皮革清洁，水灾修复
- 地点
- Collaroy，服务整个 Northern Beaches
- 上线时间
- 2026 年 10 月
- 取代
- 一个使用页面构建器主题的 WordPress 网站
项目需求
多年的搜索积累，却是一个在手机上很慢的网站
Pro Wet & Dry 本来就有排名：八个服务页面和 38 篇博客文章为其带来 Northern Beaches 的清洁类搜索流量，还有来自旧目录信息和更早期网站的外部链接。原有的 WordPress 网站在手机上加载缓慢，挂着过期的促销内容，信息也与企业当前的 Google 资料不再一致。
大多数寻找地毯清洁或水灾清理服务的人都在用手机。他们要做的就是两件事：打电话或预约，因此这两个操作必须出现在每一个屏幕上。
该企业还有一个发布服务，会按计划定期发布新的指南。这项服务必须继续运作，且无需他们做任何改动。
目标
- 保留原有的网址、标题和描述，其余全部做好重定向
- 在手机上加载迅速
- 在每个屏幕上提供“致电”和“在线预约”
- 让网站与 Google 商家资料完全一致
- 博客继续按现有计划发布
设计选择
明亮、洁白、通透，采用标志漩涡的配色
原有标志予以保留而未重新设计，其紫色和洋红成为整体配色。网站明亮干净：在视觉上正好与脏地毯相反。
配色
-
#4b338e品牌紫 主色、按钮、浏览器主题色 -
#21154a深紫 标题、页脚和深色区块 -
#eeeaf7浅紫 浅色调和交替的区块背景 -
#e0127f洋红 取自标志漩涡：用于强调和行动号召 -
#b00d61文字用洋红 洋红文字和悬停状态，对比度达标 -
#fde9f3洋红浅色 徽章和柔和面板 -
#1d1830墨色 带紫色调的近黑色，让文字也融入整体配色 -
#e6e1f0线条 卡片边框和分隔线
形状也遵循同样的思路：宽松的 18px 圆角、柔和的紫色调阴影，以及悬停时轻轻上浮的效果。圆润柔和的形状，正适合一家清洁布艺、靠垫和沙发的企业。
字体排印
标题
Outfit
一款亲和的几何无衬线字体，字重 600 至 650。以单个约 29 KB 的可变字体文件自行托管，并使用与样式表完全相同的网址进行预加载，确保只下载一次。
正文
System UI
在每种设备上都能快速、熟悉地阅读，无需下载任何文件。
分别为常规字重和粗体调校了两套 Arial 后备字体，使标题在字体加载前后的换行位置保持一致。
页面、照片与移动端
促成上门预约的首页
带“在线预约”和电话号码的照片主视觉、三个信任要点、数据条、服务覆盖的区域、八张服务卡片，以及实时 Google 评价。
水灾修复拥有独立区块
水浸损坏需要尽快来电，因此它在首页拥有专门的区块，而不是八张卡片中的一张。
让每篇指南都有去处
为从未有过目录的博客新建了分页的“Tips & guides”索引，每篇指南的结尾都会指向相关的服务。
企业自己的照片
旧网站上的施工照片经过重新处理：裁剪、以描述性名称重命名、配上真实的替代文本，并删除了位置数据，因为这些照片拍摄于客户家中。
每个手机屏幕上都能致电和预约
每个页面都有固定的底部操作栏，配以紧凑的横向服务卡片和全屏菜单。
两个号码，标注清晰
一个用于新预约和报价，一个用于已预约的客户，让现有客户不必排在新咨询之后。
构建方式
纯文件架构，原有发布流程完整保留
手写 PHP 8.2，不使用 CMS、数据库或框架。网站信息、服务、区域、常见问题、客户评价和重定向都存放在纯数据文件中；每篇指南都是一个独立文件，位于其原始网址。
博客照常发布
企业一直用来发布新指南的服务，通过一个兼容的接口与新网站对接。新图片会自动转换为 AVIF 和 WebP，每个新网址都会提交索引。
预约直接进入工单系统
“在线预约”会转到企业的 ServiceM8 预约页面，并事先说明、在新标签页中打开，让预约请求直接进入团队已在使用的系统。
无需验证码的报价表单
改用垃圾信息拦截机制：签名时间令牌、蜜罐字段、来源检查和频率限制，每次提交后都有感谢页面加以确认。
实时评价，并有后备方案
Google 评分和最新评价在服务器端获取，未经筛选，以纯文本和姓名首字母显示；如果数据源不可用，则改为显示网站自有的客户评价。
在手机上加载迅速
内联关键 CSS、一个预加载字体、480 至 1600px 的 AVIF 和 WebP 图片、首张之后的主视觉轮播图延迟到页面加载后再载入，以及预压缩的静态资源。
每次变更都进行 2,600 项检查
自动化爬取涵盖每一个旧 WordPress 网址，确保重定向绝不会悄无声息地失效。
- PHP 8
- WordPress 迁移
- ServiceM8 预约
- 一键拨号
- 实时 Google 评价
- RSS
搜索与 AI 答案
迁移完成，排名毫无损失
Google 在相同的地址看到相同的页面，只是速度更快；网站内容现在也与 Google 商家资料完全一致。
审核了 1,844 个旧网址
附件页面、插件站点地图、订阅源、归档页、拼写错误的服务网址以及 2014 年旧网站的页面，全部重定向到最接近的对应页面；没有对应页面的则返回 410 Gone。上线后 Bing 仍在抓取的网址，也在出现时陆续补充处理。
与 Google 信息一致
名称、服务区域、电话和营业时间与 Google 商家资料完全吻合，一个来自已失效目录信息的旧街道地址也已从各处删除。
按真实搜索词撰写
上线后，针对已排在第二页的搜索词重新调整了页面措辞：在 lounge 和 sofa 之外加入“couch”，加入区域名称，以及“leather lounge cleaning”和“wet carpet”。
以结构化数据呈现预约
ReserveAction 指向在线预约，两个联系点分别面向新客户和现有客户。llms.txt 和全文版本为 AI 助手提供内容，IndexNow 则在每篇新指南发布时通知 Bing。
{
"@context": "https://schema.org",
"@graph": [
{ "@type": "LocalBusiness" },
{ "@type": "ReserveAction" },
{ "@type": "Service" },
{ "@type": "BlogPosting" },
{ "@type": "FAQPage" },
{ "@type": "CollectionPage" },
{ "@type": "BreadcrumbList" }
]
}
成果
每个页面都保留下来，而且更快
- 95+Lighthouse 移动端性能
- 100无障碍、最佳实践和 SEO
- 64站点地图中的页面
- 44清洁指南
- 1,844审核的旧 WordPress 网址
- 0布局偏移
Lighthouse 数据：移动端，线上首页，测量于 2026 年 10 月 19 日。页面和指南数量来自线上站点地图。
NGN 如何将 Pro Wet & Dry 从 WordPress 迁出而不失去 Google 排名？
每个服务页面和全部 38 篇博客文章都完全沿用原有的网址、标题和描述，因此 Google 看到的是相同的页面，只是更快。约 1,844 个旧地址（图片文件、订阅源、插件站点地图、更早期网站的页面）被逐一检查，要么重定向到最接近的新页面，要么以 410 状态码停用。
Pro Wet & Dry 网站上的在线预约是如何运作的？
“在线预约”按钮会打开企业的 ServiceM8 预约页面，预约请求直接进入团队已用于安排工作的工单系统。更愿意通话的客户可以直接致电，已预约的客户有专用号码，不必排在新咨询之后。
为什么 Pro Wet & Dry 网站不显示街道地址？
Pro Wet & Dry 是上门服务，其 Google 商家资料设置为不公开地址的服务区域型商家。网站与此完全一致（Collaroy，服务整个 Northern Beaches），因为网站与 Google 信息不一致会削弱本地搜索表现。
网站重建时，Pro Wet & Dry 的博客需要改动吗？
不需要。指南保留了原有网址，企业用来发布新文章的服务以与对接 WordPress 相同的方式连接新网站，因此新指南会继续按计划发布。现在每篇指南的结尾都会引导读者前往相关的清洁服务。
如果 Google 评价数据源不可用，Pro Wet & Dry 网站会怎样？
评价在服务器端获取并缓存，因此短暂中断根本不会被察觉。如果数据源持续不可用，首页会改为显示企业自有的客户评价，该区块永远不会空白，而且访客的浏览器从不加载任何来自 Google 的内容。
更多作品
我们打造的更多网站
定制刺绣、DTF 印花与街头服饰 · South West Sydney
south west apparel
以定制刺绣和 DTF 印花为先的 Next.js 重建：12 个行业页面，一个可上传图稿、直接发送到工坊的四步报价表单，背后还有使用 Stripe Checkout 的街头服饰商店。
豪华专车服务 · Sydney
prestige chauffeurs
为悉尼一家专车服务打造的营销与搜索网站，基于 Next.js App Router 构建：240 多个服务、车队、区域和场所页面，引导至 Limo Anywhere 预订系统，每个旧 WordPress 网址都已保留、重定向或停用。
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
联系我们
想要一个这样的网站吗？
告诉我们您的业务和现有网站。我们会在同一个工作日内给您一份坦诚的评估和方案。
给我们留言
我们会在同一个工作日内回复