案例研究 · 船只、汽车与房车美容 · Ingleside

Shiny Detailing

一位独立经营的上门美容技师，为游艇、房车和汽车提供服务，以 Ingleside 为基地，覆盖 Pittwater 和 Northern Beaches。新网站为每项服务设立独立页面，在任何手机上一点即可拨打电话。

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

行业: 游艇、汽车和房车上门美容
基地: Ingleside，Northern Beaches
上线时间: 2026 年 9 月
取代: 一个 WordPress 页面构建器主题

项目需求

一家上门服务企业，客户常在船坡边打来电话

Shiny Detailing 上门为客户服务：在客户家中、码头、船坡或工作地点。大多数咨询都从手机开始，打电话的人往往就站在游艇或房车旁边。

旧的 WordPress 网站却与此背道而驰。它对实际提供的服务介绍甚少，还带着商业主题自带的演示文章，而 Google 把这些文章当作企业内容收录了；网站也没有清晰的方式让人致电或索取报价。

店主还希望保留原有的镀铬“SHiNY DETAILING”字标，以及企业前身 Greenclean 的水绿色，让老客户依然一眼认出。

目标

为每项服务设立独立页面：游艇、陶瓷镀膜、抛光打蜡、房车、拖挂船以及上门美容
在每个手机屏幕上一点即可致电或索取报价
保留已有排名的页面，并把主题留下的垃圾内容从 Google 中清除
让网站、Google 商家资料和结构化数据在名称、城区、营业时间和服务区域上保持一致
让邀请客户留下 Google 评价变得简单

设计选择

海军蓝、镀铬与 Greenclean 水绿色

每种颜色都有其道理：游艇停泊的海水、企业闻名的光亮漆面，以及客户最初认识它时的名字。

配色

#0b1b2b 海军蓝 900 页眉、页脚和深色色带
#0f2c47 海军蓝 800 步骤编号和深色面板
#1a5c8a 海军蓝 700 链接和强调色
#2cc4a5 水绿 500 深色背景上的主按钮、高亮
#0b7563 水绿 700 在浅色背景上对比度达标的水绿色
#8f99a4 镀铬字标的镀铬渐变，从白色到钢灰
#0f1a24 墨色正文文字
#f6f8fa 背景色页面底色，交替分区使用 #eaf0f5

海军蓝给人沉稳可靠之感，镀铬直接取自现有字标，水绿色则延续了 Greenclean 时期的记忆。页眉采用深色，因为镀铬标志放在浅色背景上会失去轮廓。

字体排印

标题

Exo 2

一款带有些许技术感、造型方正的可变字体，与镀铬汽车标志相得益彰，又不会显得像赛车品牌。自托管并精简字符集，约 41 KB。

正文

System UI

San Francisco、Segoe UI 或 Roboto，手机上已有哪种就用哪种：无需下载，在每台设备上都是原生字体。

以 Arial Bold 为基础、按 Exo 2 精确度量调整的备用字体，确保网页字体替换时页面不会移动。

布局、图像与移动端

十三个页面，简短的网址

首页、服务总览页（因原有排名而从旧网站保留）、六个以关键词开头网址的服务页面（如 /boat-detailing/）、关于我们、服务区域、常见问题、联系我们和隐私政策。

以实际作业为核心的服务页面

每个页面开头都在文案旁展示该服务自己的作业照片轮播，随后是服务选项、以编号步骤呈现的流程、常见问题和相关服务。

无需地图脚本的覆盖范围图

服务区域页面在一张基于 OpenStreetMap 边界绘制的小型静态地图上为每个区域着色，港湾和潟湖以水域呈现。不嵌入 Google 地图。

真实照片，精心处理

全站不用图库照片。船只注册号和车牌均已模糊处理，所有文件都去除了位置信息，文件名描述照片内容，便于图片搜索。

每部手机上都有拨号栏

固定在底部的操作栏带有“致电”和“免费报价”按钮，每个按钮高度至少 48px，并避开 iPhone 的主屏幕指示条；在只会重复页面内容的地方则隐藏。

问对问题的报价表单

电话、电子邮件和城区字段配有合适的键盘和自动填充，并提示填写能让报价更快的信息：车辆或船只、尺寸和状况，以及需要做哪些处理。

构建方式

纯 PHP，所有信息集中一处

从企业信息到服务、区域、常见问题和重定向，所有文案都保存在几个内容文件中，因此更换电话号码或营业时间只需修改一处，所有页面、结构化数据和 llms.txt 都会同步更新。

无 CMS，无数据库

纯 PHP 8，不使用框架或第三方包：没有需要打补丁的东西，也没有拖慢页面的东西。

为每种屏幕调整尺寸的图片

提供 480 至 1600px 的 AVIF 和 WebP 图片，首页轮播还为大尺寸高密度屏幕提供 2400px 版本；除首屏第一张照片外，其余全部延迟加载。

尊重访客的轮播

缓慢的淡入淡出切换，带暂停按钮；在减少动态效果模式下保持静止，标签页隐藏时停止播放。只有第一张照片会预先加载。

无需 CAPTCHA 也能拦截垃圾信息

蜜罐字段、拒绝填写过快表单的签名时间令牌、来源检查、链接过滤和频率限制。感谢页面会邀请客户留下 Google 评价。

值得用短信发送的评价链接

简短的 /review/ 链接在短信和 WhatsApp 中显示规范的“请给我们留下 Google 评价”预览，然后跳转到评价表单。常见的拼写错误也会重定向到这里。

每次变更都经过检查

自动化爬取会测试每个页面的状态码、标题层级、页面标题、结构化数据、图片替代文字、内部链接、旧网址重定向，并对联系表单进行端到端测试。

PHP 8
WordPress 迁移
一键拨号
Google 评价
覆盖范围图
AVIF / WebP

搜索与 AI 答案

服务区域型企业，按 Google 期望的方式呈现

没有可供到访的店面，因此网站只公布所在城区和服务覆盖范围，从不显示街道地址或地图标记。

只写城区，完整列出覆盖范围

Ingleside 是唯一公布的地址。实际的覆盖范围包括 Northern Beaches、大悉尼地区，以及从 Palm Beach 到 Manly 约 25 个具名城区，均列在结构化数据和服务区域页面中。

演示内容直接下线，而非重定向

主题自带的 31 篇演示文章及其归档页面返回 410 Gone，从而退出 Google 索引；首页和服务总览页则保留原有网址。

关联到正确的 Google 资料

企业实体指向其自己的 Google 商家资料，不使用自行发布的星级或评价标记。评分徽章只是链接到该资料。

49 个可独立成立的答案

常见问题页面有 25 个综合问题，每个服务页面另有 4 个，每个答案都写得可以独立成立：谁来做、在哪里、费用多少、效果持续多久。

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

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

成果

干净的索引，快速的首屏

99Lighthouse 移动端性能
100无障碍、最佳实践与 SEO
1.4 秒移动端最大内容绘制（LCP）
13可索引页面，其中 6 个为服务页面
49已标记的常见问题答案
31从 Google 下线的演示文章

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

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

项目常见问题

关于 Shiny Detailing 网站的问题

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

为什么 Shiny Detailing 网站只显示城区，而不显示街道地址？

Shiny Detailing 在客户家中、码头或船坡上门服务，因此没有可供到访的店面。网站及其结构化数据公布的是 Ingleside NSW 2101，并列出所覆盖的城区，这与 Google 对待服务区域型企业的方式一致，同时也保护了店主住址的隐私。

旧的 Shiny Detailing 网站在搜索方面有什么问题？

旧的 WordPress 主题安装了 31 篇演示博客文章和归档页面，Google 把它们与三个真实页面一起收录了。新网站对这些网址返回 410 Gone，使其退出索引，并将已有排名的两个页面保留在原有网址。

简短的 /review/ 链接如何帮助小企业收集 Google 评价？

这是一个简短好记的链接，店主可以通过短信发送，或印成二维码。它在短信和 WhatsApp 中显示规范的“请给我们留下 Google 评价”预览（直接发送 Google 原始链接则会显示登录页面），然后直接跳转到企业 Google 资料上的评价表单。

为什么 Shiny Detailing 网站使用覆盖范围图，而不是嵌入 Google 地图？

嵌入地图会增加沉重的第三方脚本，而且对于上门服务企业来说，地图标记指向的是客户无法前往的地点。服务区域页面使用基于 OpenStreetMap 边界绘制的小型静态地图，为企业覆盖的每个区域着色，因此可以瞬间加载，展示的是服务范围而非地址。

Shiny Detailing 的作业照片是如何为网站处理的？

每张照片都是真实作业，而非图库照片。船只注册号和车牌已模糊处理，文件中的位置信息已去除，每张图片都以现代格式提供多种尺寸，手机只需下载所需的大小。

更多作品

我们打造的更多网站

砂岩石工 · Narrabeen

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 隐私政策和服务条款。