案例研究 · 意大利熟食店与咖啡馆 · Narraweena

Rose's Continental Deli

一家自 1995 年起扎根 Narraweena 的家族意大利熟食店兼意式咖啡吧，拥有了第一个网站。它解答顾客进店前想问的问题，外观与熟客熟悉的店铺如出一辙，致电或导航只需轻点一下。

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

行业: 意大利熟食店兼意式咖啡吧
地点: Narraweena，Northern Beaches
上线时间: 2026 年 10 月
取代: 无：这是第一个网站

项目需求

拥有忠实顾客，目录网站上的营业时间却是错的

Rose's Continental Deli 有一批熟客和评价良好的 Google 资料，却没有自己的网站。人们搜索“deli Narraweena”或清晨 6 点在 Dee Why 附近找咖啡时，看到的是营业时间互相矛盾的目录页面。

网站必须解答顾客进店前会问的问题：现在营业吗？在哪里停车？可以提前下单吗？提供外送吗？用的是什么咖啡？而且它必须看起来就是 Rose's，而不是一个模板：使用熟客在店里早已熟悉的同一个标志、同样的颜色和照片。

这家熟食店通过电话接单，不公开电子邮件地址，因此网站以电话为先，也没有需要维护的联系表单。

目标

营业时间、停车、提前下单和外送信息一目了然
以店铺自己的标志、颜色和照片呈现熟食店的样貌
排队时或在车里用手机也能顺畅使用，致电和导航只需轻点一下
为 Google 和 AI 助手提供一套与 Google 商家资料完全一致的信息

设计选择

奶油色纸面上的海军蓝与金色

一切都从熟食店自己的标志出发：海军蓝墨色和金色、一抹意大利三色旗元素，以及如纸袋或菜单板般温暖的奶油色。

配色

#02012e 海军蓝标志的墨色：页眉、页脚和深色区块
#0b0a4a 功能海军蓝链接和按钮
#c9a94b 金色装饰、分隔线以及海军蓝底上的金色致电按钮
#7a6220 文字金奶油色底上的金色文字，对比度 4.5:1
#f7f1e6 奶油纸色页面背景
#008c45 三色旗绿仅作点缀，与标志中的用法一致
#c8102e 三色旗红仅作点缀，从不用于大面积填充
#211915 暖墨色正文文字，在奶油色底上比纯黑更柔和

奶油色让海军蓝成为熟食店的标志性颜色，而不是一种企业蓝。明亮的标志金色用于装饰和海军蓝底上的文字；奶油色底上的文字则使用更深的金色，以满足对比度要求。

字体排印

展示字体

Bodoni Moda

一款高对比度的 Didone 字体，与标志和进口商品标签上的经典意大利字体相呼应。斜体用于金色强调词、数字以及商品名称组成的“食品柜”。两个子集文件，分别约 21 KB 和 25 KB。

正文

System UI

使用手机自带的无衬线字体，正文即时显示，观感原生。

经过度量调整的 Georgia 后备字体，确保 Bodoni Moda 加载完成时标题不会跳动。

布局、图片、地图与移动端

顶部栏显示“正在营业”

一条细细的海军蓝顶栏显示“正在营业，今天营业至下午 4:30”或下次开门时间，按悉尼时间根据服务器输出的同一套营业时间计算，因此即使没有脚本，页面上的营业时间依然可见。

柜台、熟食与品牌故事

首页从照片主视觉开始，依次是编号的柜台卡片、海军蓝区块上的外带商品系列、实时 Google 评价、以大字号显示电话号码的致电区块、品牌故事，以及突出显示当天营业时间的到店信息。

拱形相框与“食品柜”

商品照片置于圆顶拱形框中，配以细细的错位金色轮廓，致敬意大利的店面。“食品柜”区块以一行意大利斜体衬线名称列出货架上的商品。

熟食店自己的照片

店里的面包卷、印有店铺品牌的杯装咖啡、烘焙点心、食品杂货和店面，每张照片裁切两次：16:9 用于主视觉，4:5 用于拱形框，叠加文字处覆以海军蓝蒙层。

手绘地图，而非嵌入

熟食店周边的街道根据 OpenStreetMap 数据以海军蓝、金色和奶油色绘制，并在地图上注明出处。没有 Google Maps iframe，需要导航的人可以使用“路线”按钮。

为排队时用手机而设计

固定的“路线”和“致电”栏、专为 360 至 430px 屏幕设计的布局层、以紧凑行形式呈现的柜台卡片，以及全站 48px 的触控区域。

构建方式

电话优先，没有可被滥发的入口

纯 PHP 8.2，服务器端渲染，不使用 CMS、数据库、插件或前端框架。菜单、熟食系列、营业时间、常见问题和商家信息存放在少数几个内容文件中，所有页面、结构化数据和 llms.txt 都由它们生成。

一个小脚本

约 150 行，延迟加载，用于菜单、营业状态、主视觉、常见问题和评价链接。即使没有它，每个页面也都能正常使用。

优先呈现的照片

四种宽度的 AVIF 和 WebP 图片，配以 JPEG 后备，并删除全部元数据。主视觉图片以高优先级预加载；其他主视觉照片等页面加载完成后再载入。

完全没有表单

页眉、主视觉、致电区块和手机底栏中都有致电按钮，导航只需轻点一下，外送通过 DoorDash，自取可电话下单。没有表单，也就没有可被滥发的入口。

实时评价，每六小时更新

评分和最新评价在服务器端从 Google 获取并缓存，按时间由新到旧显示且不做筛选，以姓名首字母代替头像。如果数据源不可用，该区块就不会显示。

柜台专用的评价链接

一个简短、可打印的 /review/ 链接，直接转到熟食店的 Google 评价表单，可印在柜台卡片或收据上。

营业时间处处一致

测试会检查内容本身，例如营业时间在出现的每一处都保持一致，并在每次发布前爬取所有页面。

PHP 8.2
首个网站
实时 Google 评价
手绘本地地图
AVIF / WebP
CSP

搜索与 AI 答案

一家熟食店，一套信息

名称、地址、电话和营业时间与 Google 商家资料完全吻合，结构化数据将熟食店、菜单及商品系列描述为同一个实体。

精准描述一家熟食店

Schema.org 没有“熟食店”类型，因此该商家同时被标记为 FoodEstablishment 和 GroceryStore，并附上营业时间、免费停车和无障碍通道等设施、付款方式、柜台的 Menu 以及熟食系列的商品目录。

一个页面上的十二个答案

营业时间、停车、提前下单、外送、周日营业、咖啡、熟食店在 Narraweena 经营了多久、付款方式以及外带意面，每个答案都独立完整。

猜测的网址也能到达

由于此前没有网站，人们常会猜测的地址，例如 /hours/、/order/ 和 /coffee/，都会重定向到正确的页面，而不是显示 404。

以地名做本地优化

标题和描述写明 Narraweena 和 Northern Beaches，正文提及周边区域，llms.txt 则为 AI 助手提供商家信息、菜单和下单方式。

{
  "@context": "https://schema.org",
  "@graph": [
    { "@type": "FoodEstablishment" },
    { "@type": "GroceryStore" },
    { "@type": "Menu" },
    { "@type": "OfferCatalog" },
    { "@type": "WebSite" },
    { "@type": "BreadcrumbList" },
    { "@type": "FAQPage" }
  ]
}

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

成果

第一个网站即获满分

100Lighthouse 移动端性能
100无障碍、最佳实践和 SEO
1.5 秒移动端最大内容绘制（LCP）
0除分析外的第三方请求
7可索引页面
12常见问题解答

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

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

项目常见问题

关于 Rose's Continental Deli 网站的问题

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

为什么 Rose's Continental Deli 网站自行绘制地图，而不嵌入 Google Maps？

嵌入 Google Maps 会增加数百 KB 的第三方脚本，而且在每个网站上看起来都一样。NGN 根据 OpenStreetMap 数据，以熟食店的海军蓝、金色和奶油色绘制了周边街道，并在地图上注明出处，同时保留了“路线”按钮，在有人真正需要导航时打开 Google Maps。

Rose's Continental Deli 网站上的 Google 评价如何保持最新？

网站服务器每六小时向 Google 获取一次评分和最新评价并缓存结果，因此页面从不需要等待 Google。评价按 Google 返回的原样显示，不会过滤掉较低的评分，也不会为搜索引擎添加评价标记，从而确保网站符合 Google 的规则。

为什么 Rose's Continental Deli 网站没有联系表单？

Rose's Continental Deli 通过电话接单，不公开电子邮件地址，因此表单只会收集无人查看的留言。取而代之的是，手机屏幕底部固定有致电和路线按钮，顶部栏的营业状态则在顾客开口之前就解答了最常见的问题。

Rose's Continental Deli 网站是如何做到看起来像这家熟食店，而不是一个模板的？

一切都从熟食店自己的标志出发：标志被重绘为清晰的矢量图，其海军蓝和金色成为配色，标题采用 Bodoni Moda 以呼应其意大利字体风格，照片也都是店里自己的面包卷、咖啡和店面。拱形相框和以斜体呈现的商品名称“食品柜”，带来传统欧陆熟食店的氛围。

一家此前没有网站的企业，如何马上在 Google 上被找到？

网站为 Google 提供一个一致的实体：与 Google 商家资料相同的名称、地址、电话和营业时间，并通过描述商家及其服务的结构化数据加以关联。可被猜到的网址会重定向到真实页面，站点地图列出每个页面和照片，llms.txt 文件则为 AI 助手提供简明的信息摘要。

更多作品

我们打造的更多网站

婚礼与活动花艺 · Sydney

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