案例研究 · 园林景观 · Bayview

Northern Beaches Landscapers

一家位于 Bayview、在 Northern Beaches 经营超过 15 年的园林景观与砂岩工程企业，从老旧的 WordPress 网站迁移到快速的手工打造网站，没有丢失任何一个有排名的页面。

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

行业: 园林景观施工与砂岩工程
地点: Bayview，Northern Beaches
上线时间: 2026年9月
替换对象: 一个 WordPress 网站

Northern Beaches Landscapers 网站首页，显示在桌面浏览器中

项目需求

值得信赖的本地品牌，网站却随之老去

多年来，这家企业在 Northern Beaches 各地建造花园、砂岩墙、台阶、铺装和车道，而它的 WordPress 网站也随之老化：过时的主题、缓慢的页面、大多拍摄于 2013 至 2020 年的照片，以及仍写着旧价格的文案。

新网站要展示由一支团队完成整个园林工程，从开挖到最后的种植，并把砂岩工程放在最显眼的位置，同时将手机访客转化为来电和报价请求。它还必须保留每一个已有排名的页面，因为多年的搜索积累都在这些网址里。

品牌延续性至关重要。最初尝试过重新设计的标志，但业主要求换回原版，因此 2015 年的“nbl”标志被忠实地重建为清晰的矢量图形，而不是被替换。名称在各处都使用小写，因为它在 Google 上就是这样显示的。

目标

全部十二个服务网址以及“关于我们”“客户评价”“联系我们”页面原地保留
展示一支团队包办整个工程，砂岩工程居于显要位置
将手机访问转化为来电和报价请求
向 Google 和 AI 助手将企业描述为与其 Google 商家资料相符的同一实体
几乎无需维护：没有 CMS、没有插件、没有数据库

设计选择

桉树绿与悉尼砂岩

配色、字体和摄影都取材于作品本身：丛林与花园的绿色、Hawkesbury 砂岩的蜂蜜色，以及企业自己档案中的真实工程照片。

配色

#1f3d2f Green 800 品牌主绿色：按钮、页眉电话胶囊按钮、浏览器主题色
#13271d Green 900 页脚和深色横幅
#3b6b54 Green 600 悬停状态和辅助点缀
#d9b77e Sand 500 砂岩点缀色：深色照片上的高亮和行动号召
#8a6124 Sand 700 较深的砂岩色，用于需要对比度的文字级点缀
#18221d 墨色正文：带绿调的近黑色，而非纯黑
#fbf8f2 背景温暖的米白色，如浅色砂岩
#f3ede1 辅助背景交替区块

文字为绿黑色，衬于温暖的米白底色之上，让篇幅较长的服务页面显得自然而不冰冷。砂色调承载着行动号召，无论它们位于哪张深色照片之上。

字体排印

标题

Fraunces

一款柔和、略带古典风格的可变衬线字体，契合手艺行业，与衬线风格的“nbl”标志相得益彰。自托管并只保留拉丁字符子集，约 31 KB。

正文

System UI

手机自带的界面字体：无需下载，在每台设备上都很熟悉，基础字号设为 17px，便于阅读。

标题字号从手机上约 34px 流畅缩放至桌面端 60px。经度量匹配的后备字体（调整过尺寸的 Georgia）确保网页字体加载时页面上没有任何内容移动。

布局、图像与移动端

一个故事，按顺序讲述

首页从照片首屏开始，依次是“Why get three quotes when one team can do it all?”（一支团队就能包办，何必找三家报价？）、十二张服务卡片、企业自有的机械设备、近期项目、实时 Google 评价、服务区域和简短的常见问题。

每个服务页面，统一的结构

带面包屑导航的照片首屏、导语、内容区块、选项列表、图库、专属常见问题和相关服务，让访客和搜索引擎始终清楚自己所在的位置。

真实照片，保护隐私

约 100 张来自企业档案的工程照片，没有图库素材，每张都有描述性的替代文字和文件名。每张图片上线前都会去除位置数据，因为手机 GPS 会指向客户的住所。

按部就班的动效

首页首屏在五张照片之间缓慢交叉淡入淡出，并有可见的暂停按钮。只有第一张照片会优先加载，在“减少动态效果”设置下则保持静止。

为工地皮卡里的手机而打造

手机上有固定的“致电”和“免费报价”栏、48px 触控目标、紧凑的横向服务卡片，以及在首次绘制前就已布局好的全屏菜单。

从一开始就注重无障碍

在每个照片首屏上检查对比度，常见问题使用原生折叠面板，面包屑导航清晰可见，并且所有功能在没有 JavaScript 的情况下都能正常运行。

构建方式

手工编写、服务器端渲染、无需打补丁

没有 CMS、没有数据库，也没有第三方软件包：每项服务、每个项目、每条常见问题和每个城区都存放在简单的结构化内容文件中，由 PHP 在服务器端渲染。

PHP 8，不用框架

页面由纯内容文件在服务器端渲染，因此加载快速，也没有任何需要更新或打补丁的东西。

响应式图片

AVIF 和 WebP 提供四种宽度，并以 JPEG 作为后备；尺寸与实际渲染宽度匹配，标明具体尺寸，首屏以下内容延迟加载。

关键 CSS 优先

约 3 KB 的关键样式内联在 head 中，其余放在一个可缓存的样式表里；图标带有固有尺寸，不会闪现超大图标。

无需验证码的报价表单

咨询邮件以客户地址作为 Reply-To 发送，业主直接点击回复即可。垃圾信息通过签名时间令牌、蜜罐字段和频率限制来拦截，每一条真实咨询也都会保存在服务器上。

实时 Google 评价，本地提供

评分和最新评价在服务器端获取并缓存，按原文显示，以姓名首字母代替头像，因此浏览器不会从 Google 加载任何内容。

安全响应头

严格的内容安全策略（CSP）、HSTS，以及常见的框架、引用来源和权限策略，任何人都可以在响应头中看到。

PHP 8
WordPress 迁移
Schema.org
实时 Google 评价
AVIF / WebP
CSP

搜索与 AI 答案

一个本地实体、十二项服务、45 个答案

网站向 Google 和 AI 答案引擎描述这家企业的方式，与其 Google 商家资料一字不差。

保留历史积累的重定向

十二个服务页面以及“关于我们”“客户评价”“联系我们”页面都保留了原有网址。旧的项目、轮播和分类网址永久重定向到新页面，旧图片网址也做了重定向以便 Google 图片继续收录，WordPress 登录路径则返回 410 Gone。

与 Google 商家资料关联

企业实体指向该资料的知识图谱条目，名称、营业时间和服务区域与之完全一致。Google 评分以文字形式显示，从不使用自行发布的评价标记。

为被引用而写的答案

45 个直接答案，其中 12 个在常见问题页面，33 个分布在各服务页面；每个答案只标记一次，并且都能独立成文，写明企业名称、地点和具体细节。

被 AI 助手找到

一份 llms.txt 简介、一个包含所有页面和 124 张图片的站点地图、一个欢迎主要搜索引擎和 AI 爬虫的 robots.txt，以及在页面更改时通知 Bing（它为 ChatGPT 搜索和 Copilot 提供数据）的 IndexNow。

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

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

成果

快速、完整、全面收录

99Lighthouse 性能（移动端）
100无障碍、最佳实践和 SEO
1.3 s移动端最大内容绘制（LCP）
0布局偏移
24可收录页面，其中 12 个为服务页面
45已标记的常见问题答案

Lighthouse 数据：移动端，线上首页，于 2026年10月19日测得（单次运行；各次运行分数略有差异）。页面、常见问题和图片数量来自线上站点地图。

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

项目常见问题

关于 Northern Beaches Landscapers 网站的问题

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

northern beaches landscapers 迁离 WordPress 后，有没有失去 Google 排名？

重建时就做了规划，确保不会。全部十二个服务页面以及“关于我们”“客户评价”“联系我们”页面都保留了完全相同的网址，其余每个旧页面和旧照片网址都通过永久重定向，将访客和 Google 引导至对应的新页面。

为什么 northern beaches landscapers 网站上拍摄于客户花园的照片可以放心发布？

每张照片上线前都会去除隐藏的位置数据。手机相机会在每张图片中记录 GPS 坐标，而在园林网站上，这些坐标会指向客户的住所。

为什么 northern beaches landscapers 首页显示实时 Google 评价，而不是使用评价小组件？

评分和最新评价在服务器端获取并缓存，然后以纯文本形式显示，用姓名首字母代替评价者头像。访客看到的是最新、未经筛选的评价，而页面不会从 Google 加载任何内容，因此依然快速并保护隐私。

一家提供十二项服务的园林公司，如何让搜索引擎和 AI 引擎轻松理解？

每项服务都有独立页面，配有各自的描述、常见问题和结构化数据，全部十二项服务都列在企业实体的一个服务目录中。该实体与 Google 商家资料关联，因此搜索引擎和 AI 助手会把网站和商家资料视为同一家企业。

为什么 northern beaches landscapers 保留了原来的标志？

业主对 2015 年的原版标志很有认同感，因此我们根据旧的低分辨率图片将其重建为清晰的矢量图形，而不是重新设计。网站图标、应用图标和分享卡片都由同一个矢量图形生成。

更多作品

我们打造的更多网站

船只、汽车与房车美容 · Ingleside

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