案例研究 · 上门汽车美容 · Northern Rivers

Northern Rivers Detailing

一家位于 Pottsville 附近的上门美容企业，服务范围覆盖 Tweed、Byron Bay、Ballina 和 Lismore，是悉尼 Shiny Detailing 的姊妹企业。其 Squarespace 网站经过重建，保留了每个有排名的页面，拥有了独特的外观，报价从一张照片开始。

访问 northernriversdetailing.com.au 开始打造您的网站

行业: 上门汽车、房车、船只及内饰美容
基地: Pottsville，NSW Northern Rivers
上线时间: 2026年10月
替换对象: 一个 Squarespace 网站

Northern Rivers Detailing 网站首页，显示在桌面浏览器中

项目需求

在悉尼二十年，如今扎根 Northern Rivers

业主在悉尼经营 Shiny Detailing 达 20 年，之后搬到北部。Northern Rivers 的这家企业有一个 Squarespace 网站，在“Northern Rivers mobile detailing”（Northern Rivers 上门汽车美容）这一搜索词上有排名，但网站残留着模板遗留内容（一个未编辑的“services-1”页面、一个“new-page-1”页面、占位用的客户评价），而且 Google 评价是以截图形式显示的。

业主希望保留全部旧内容、客户评价和视频，只是要做得更好。这家企业在当地主要从事汽车、房车、陶瓷镀膜和内饰美容，而船只相关页面仍能带来码头的生意。

大多数工作都是凭一张照片报价，所以必须让人能在手机上轻松索取报价。

目标

保留每个有排名的网址，以及网站赖以知名的那句关键词
让企业拥有自己的外观，而不是照搬悉尼网站
以汽车、房车、陶瓷镀膜和内饰为主打，同时保留船只相关页面
让在手机上索取报价只需点两下
向 Google 和 AI 助手将其呈现为独立的服务区域型企业，与悉尼的商家信息区分开来

设计选择

Night Tide：源自徽标的设计语言

业主的标志是一枚衬于黑色夜空上的圆形徽标，因此网站以深色为主与之呼应，并为长篇阅读配以温暖的纸色区块。

配色

#060d16 夜色徽标中的夜空：首屏、页眉、页脚
#10243a 浅夜色夜色区块和面板
#1b4a73 海军蓝徽标中的蓝色：圆环和边框
#6cc4f0 冰川蓝夜色背景上的链接和高亮
#f3a447 日落琥珀行动号召，配夜色深色文字
#c6d4e1 薄雾夜色背景上的正文
#f7f6f2 暖纸色长篇内容区块，例如指南
#eaf1f6 冰色交替的浅色区块

日落琥珀是 Northern Rivers 海岸日落的颜色，也是深色页面上唯一的暖色，因此“致电”和“短信”按钮格外醒目。正文灰色是在对比度检查之后选定的，因为浅色主题的灰色在夜色背景上不达标。

字体排印

展示标题

Fraunces

一款可变衬线字体，柔和而略带喇叭形收笔的字母与徽标上的文字相呼应。强调用的斜体词带有镀铬渐变，宛如新漆面上的反光。

正文

System UI

在每台设备上即时显示、具有原生感的阅读文字。

度量匹配的 Georgia 后备字体确保标题不会重新排版；超出字框的斜体字形也加了内边距，让渐变永远不会将其裁切。

图案、布局与移动端

生命之花图案

以精确的几何图形绘制，19 个圆排列在六边形网格上，以日落金色叠于首屏背后纤细的同心圆环之上。其七圆核心用作区块标签的标记，并采用各标签的颜色。

通往各项服务的拱门

首页首屏中的四张拱形照片直接链接到 Cars（汽车）、Caravans（房车）、Ceramic（陶瓷镀膜）和 Upholstery（内饰），旁边是五张幻灯片的首屏轮播，所有幻灯片共用同一个网格单元，因此切换时页面绝不会移动。

纯 CSS 实现的前后对比

同一画框中放着一艘船体翻新前后的两张照片，通过由单选按钮构建的 Before（之前）和 After（之后）标签切换：无需 JavaScript 即可运行，也支持方向键。

基于真实坐标的覆盖地图

一幅内联 SVG，以 Pottsville 为中心绘制真实的 25、50 和 100 km 圆环，以及从 Tweed 到 Clarence 的海岸线。

原封不动的徽标

曾尝试矢量重绘，但应业主要求放弃。取而代之的是将徽标的黑色背景处理为真正透明，使其无框地融入夜色页眉。

发张照片

固定的手机栏提供“致电”和“Text a photo”（发张照片），后者会打开短信应用并预先写好留言。附上汽车、船只或房车的照片，报价请求就完成了。

构建方式

共享的工程基础，独有的设计

纯 PHP 8.2，服务器端渲染，没有 CMS、数据库或软件包。服务、城镇、评价、服务地区、常见问题和重定向都是内容文件，每个页面、每个 schema 节点、每张分享卡片和 llms.txt 的每一行都由它们生成。它与悉尼的姊妹网站共享同一工程基础。

客户视频，自行托管

旧网站上的两段客户视频改由网站自身提供，在有人按下播放之前不加载任何内容，并且同一时间只播放一段。

每段视频都有文字稿

每段视频在页面上都有完整的文字稿和 VideoObject 标记，让搜索引擎和 AI 助手能读到客户说了什么。

评价以文字呈现，并如实标注

旧网站以图片形式展示了四条 Google 评价。如今它们变成了可读的文字，并标注为业主悉尼企业的评价，链接到该商家资料。

不会出错的评价链接

/review/ 页面会打开新的 Northern Rivers 商家资料的评价表单，并经过检查，确保它永远不会指向悉尼的商家信息。

保护隐私的照片

AVIF 和 WebP 提供四种宽度，并以 JPEG 作为后备，所有 EXIF 数据（包括手机 GPS）均已去除。始终设定尺寸。

每次更改 1,270 项检查

爬取每个页面、链接、资源、视频字段和旧 Squarespace 网址，再加上一次真实的表单提交和 HTML 校验。

PHP 8.2
Squarespace 迁移
自托管视频
服务区域 SEO
AVIF / WebP
CSP

搜索与 AI 答案

保留每个有排名的网址，拥有独立的企业身份

网站原本已有排名的关键词“Northern Rivers Mobile Detailing”，保留在首页标题、描述和导语中。

Squarespace 网址，全部妥善处理

每个服务页面都保留了完全相同的路径名。模板遗留页面重定向到对应的真实页面，/config 和 /commerce 等 Squarespace 系统路径则返回 410 Gone。

服务区域型企业

结构化数据写明基地所在城区以及上门服务的每个地区，从不公开住宅地址，并为每项服务和每个城镇各设一个 Service 节点。

针对真实搜索的城镇页面

四个城镇页面和一个服务区域页面，与人们的搜索方式相匹配，例如“upholstery cleaning Byron Bay”（Byron Bay 内饰清洁）。测试会确保标题长度保持在 50 至 60 个字符之间。

独立的 Google 商家资料

Northern Rivers 的 Google 商家资料被关联为同一实体，营业时间一致，并与悉尼的企业区分开来。

{
  "@context": "https://schema.org",
  "@graph": [
    { "@type": "AutomotiveBusiness" },
    { "@type": "OfferCatalog" },
    { "@type": "Service" },
    { "@type": "VideoObject" },
    { "@type": "FAQPage" },
    { "@type": "BreadcrumbList" }
  ]
}

northernriversdetailing.com.au 发布的 schema.org 类型，每个页面一个 JSON-LD 图谱。

成果

重建 Squarespace 网站，寸土不失

99Lighthouse 性能（移动端）
100无障碍、最佳实践和 SEO
1.6 s移动端最大内容绘制（LCP）
19可收录页面，含 6 项服务和 4 个城镇
2附文字稿的客户视频
1,270每次更改的自动检查项

Lighthouse 数据：移动端，线上首页，于 2026年10月19日测得（单次运行；各次运行分数略有差异）。

查看线上网站：northernriversdetailing.com.au

项目常见问题

关于 Northern Rivers Detailing 网站的问题

没有找到您的问题？咨询工程师 →

NGN 如何让 Northern Rivers Detailing 迁离 Squarespace 而不失去 Google 排名？

每个有排名的页面都保留了完全相同的网址，因此 Google 看到的是相同的网址，背后却是更好的页面。不带末尾斜杠的旧网址重定向一次，遗留的模板页面重定向到对应的真实页面，Squarespace 自身的系统路径则返回 410 Gone，使其迅速从索引中移除。网站原本已有排名的关键词也保留在首页标题中。

Northern Rivers Detailing 网站上的“Text a photo”（发张照片）按钮有什么作用？

在手机上，它会打开短信应用，收件人已填好为这家企业，并预先写好留言，请您提供姓名和所在城区，您只需附上汽车、船只或房车的照片即可。大多数美容工作都是凭照片报价的，因此点两下就能通过网站发出报价请求。

为什么 Northern Rivers Detailing 的客户视频托管在网站本身？

在旧网站上，视频依赖于 Squarespace。如今它们是由网站提供的压缩版本，在有人按下播放之前不加载任何内容，因此不会增加页面加载负担。每段视频在页面上都有完整的文字稿和 VideoObject 标记，让搜索引擎和 AI 助手能读到客户说了什么。

Northern Rivers Detailing 网站深色的“夜空”风格从何而来？

来自业主自己的徽标，一枚衬于夜空上的圆形标志，而且原样保留。夜色海军蓝和冰川蓝取自徽标，取自 Northern Rivers 海岸的日落琥珀色标示每一个行动号召，生命之花图案则赋予网站独有的视觉主题，与悉尼的姊妹企业区分开来。

一家没有实体店面的上门美容企业，如何出现在本地搜索中？

Northern Rivers Detailing 网站将其描述为服务区域型企业：基地所在城区（Pottsville）、上门服务的地区，以及每个主要城镇各一个页面，而不公开住宅地址。其独立的 Google 商家资料被关联为同一实体，来自业主悉尼企业的评价也如实标注，而不是算作新商家信息的评价。

更多作品

我们打造的更多网站

园林景观 · Bayview

Google Reviews

What our clients say.

5.0 from 19 Google reviews

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

Read all 19 reviews Leave us a review

联系我们

想要一个这样的网站吗？

告诉我们您的业务和现有网站。我们会在同一个工作日内给您一份坦诚的评估和方案。

地址

澳大利亚新南威尔士州悉尼

服务时间

每周 7 天，24 小时服务

给我们留言

我们会在同一个工作日内回复

姓名

电子邮件

咨询类型

留言

本网站受 reCAPTCHA 保护，并适用 Google 隐私政策和服务条款。