H1 被埋在 Hero 之下
Hero 把 H1 当作营销标语(「欢迎」),真正的 SEO H1 —— 服务 + 地点 —— 在折叠之下、或者降级成 H2。整页全丢「[服务] in [城市]」查询。
SEO 型网站设计
SeoMata 的 SEO 网站设计项目,在设计阶段就把决定搜索可见度的关键事项 —— 信息架构、页面模板、内容模块、内链结构、Schema —— 全部决定完,而不是上线后再补。结果是第一年没有任何 SEO 翻修成本。
15
On-page SEO 输入
设计期就决定
6
Schema 类型
按模板分配
90+
Lighthouse SEO
上线即达标
3
内链模式
默认交付
大多数代理把 SEO 当成设计之后的事。关键词塞进已经定稿的页面,Schema 临时挂上,内链全凭运气。可见的代价是:你想扩展主题覆盖时,整个站会拽你后腿。
SEO 网站设计把这些决策都拉到设计阶段。买家意图图驱动 IA;IA 驱动页面类型目录;页面类型目录驱动模板,让模板自带正确的 H1 策略、内容模块、Schema 和内链槽位。
结果:网站排名更快、扩展不再依赖工程工单、能扛 Google 核心更新 —— 因为它的主题结构是有意设计的,不是设计副作用。
0
上线后翻修
元数据 / Schema / IA 都不动
< 1 周
新服务页
编辑 → 上线
3x
内链密度
对比模板构建
踩坑
这是 SeoMata 审计最近上线的设计师站时最常出现的 6 个 SEO 失败。每一个都是「设计决策做出时桌上没有 SEO」的产物。
Hero 把 H1 当作营销标语(「欢迎」),真正的 SEO H1 —— 服务 + 地点 —— 在折叠之下、或者降级成 H2。整页全丢「[服务] in [城市]」查询。
导航 6 个一级页、Footer 又 6 个,剩下 80 个服务页只从父 Hub 获得一条内文链。Topical Authority 没法复利。
服务页只有 Hero + 4 benefits,赢不了 evaluation 类查询 —— 因为页面里没有那些查询要求的内容形状。
Hero、主文案、价格都是客户端渲染。Googlebot 看到空壳、索引错内容、排不上。
设计师按 Retina 桌面装 3MB Hero 图。Android 上 LCP 6 秒。Page Experience 一直红。
Organization、Service、FAQ、LocalBusiness、Article 全无。Rich Result + AI 搜索引用全无机会。
信息架构
IA 决定网站有哪些 URL、哪些 URL 链到哪些、买家(和 Googlebot)怎么从意图走到行动。这一层决策直接决定整个站的 SEO 上限。
我们分三遍设计 IA。第一遍:列出网站要服务的所有买家意图,映射到查询簇;第二遍:把每个查询簇分配到服务页、城市页、对比页或文章;第三遍:设计 URL 模式、Breadcrumb 结构、Hub-and-Spoke 内链模式、以及让主题图谱真实化的相关内容模块。
产出是 Sitemap、URL 计划和内容模型。后续设计工作都是从这往下推 —— 不是反过来。
模板
我们交付的每个模板,都为它要服务的那种意图而设计。Evaluation 查询的页需要对比表;Transactional 查询的页需要首屏价格 + CTA;Informational 查询的页需要 TOC 和深度。
Hero H1 含主关键词 + 地点。Benefits、含哪些内容、流程、价格、FAQ、证言、Schema 标记。每个模块都因为查询类型需要它而存在。
城市特定 H1、本地相关证明(该城市的案例)、Service Area Schema、嵌入地图、社区级内容。为「[服务] in [城市]」设计。
左右对比 Feature / Price / Value、FAQ 区块回答决策问题、FAQ + Product Schema。为 Evaluation 查询设计。
吸顶 TOC、相关文章侧栏、内嵌 CTA、Article + FAQ + Breadcrumb Schema。为 Informational + AI 引用查询设计。
三层卡片、完整对比表、FAQ、锚链套餐详情、Product / Service Schema。为 Transactional + Evaluation 查询设计。
顶部产出 KPI、叙事、改版前后、范围、相关案例。Article + Organization Schema。通过内链支撑服务页 + 城市页。
Schema
Schema 在设计期分配,CI 验证,第一天就在。下面是标准映射 —— 大型站点按场景再加 Product / Course / Event 等。
Organization(全站)
Name / Logo / Social / Contact / sameAs。共享布局加在所有页。
WebSite(全站)
全站搜索 Action / Name / URL。
BreadcrumbList(全站)
按 URL 结构每页生成。
Service(服务模板)
serviceType / areaServed / provider / hasOfferCatalog。CI 验证。
LocalBusiness(本地 + 联系)
NAP、openingHours、geo、priceRange、sameAs。按门店生成。
Article(博客 + 长文)
headline / datePublished / dateModified / author / publisher / image。
FAQPage(有时启用)
Question + Answer 配对、验证后可触发 Rich Result + AI 引用。
Person(团队页)
name / jobTitle / image / sameAs。提升 E-E-A-T 信号。
内容模型
内容模型是编辑能给模板化页面填的字段集合。弱的内容模型就给页面戴了 SEO 帽子:没有「服务区」字段就没法有本地 SEO 模块;没有「对比行」字段就没法竞争 Evaluation 查询。
SeoMata 的内容模型是按页面类型目录设计的,不是按 CMS 的默认字段类型设计的。每个模板页声明它的字段、约束、帮助说明和预览行为。编辑体验做到「营销可以在一天之内上一个新服务页且不用工程」。
实际落地时根据编辑工作流选 Sanity / Strapi / WordPress 上的 ACF / Shopify 的 Block 字段。CMS 选择是内容模型设计的下游,不是反过来。
内链
多数「设计过的」网站内链不足。内链图基本由导航 + Footer 组成 —— 6 个一级 + 一列 Footer —— 之后单页全靠运气。这种结构下 Topical Authority 没法复利。
SeoMata 的 SEO 设计项目默认交付 3 种显式链接模式。(1)Hub-and-Spoke:每个服务 Hub 链到所有服务 Spoke;每个 Spoke 链回 Hub 并链到 2 个姐妹 Spoke。(2)相关内容模块:每个模板页都有一条「相关」侧栏,从精选内容模型字段拉取,不是从随机「最近文章」拉。(3)内文编辑链接:长文模板带一个「Link Tray」,编辑用它在每篇文章里安插 3–5 条语境链,并附编辑指南。
净效果:60 页站的一个服务页,上线当天就收到 8–12 条内部语境链,而模板构建只给 1–2 条。
性能
Page Experience 是确认的排名信号。下面 6 项是设计期做完的决策,决定网站能否在这个信号下排名。
Hero 是单一 LCP 元素、eager load、按 breakpoint 响应、AVIF/WebP。默认不在移动端用视频 Hero。
关键 CSS 路径在预算内。首屏不挂第三方脚本。Hero 出 HTML,不是 React Mount。
自托字体、`font-display: swap` + `size-adjust`。无 FOIT / FOUT,字体加载零 CLS。
分析、Chat、A/B 工具在交互后或 `requestIdleCallback` 后加载。任何都不会碰 LCP 路径。
模板化页面边缘缓存 + 智能失效。多数市场 TTFB < 100ms。
重组件 Code-Split。表单先本地校验再走网络。地图 Embed 交互后再懒加载。
流程
SEO 设计项目六阶段。SEO 从 Kickoff 就在场,不是最后才上。
聚类网站要赢的查询,分配到页面类型,设优先级。产出:关键词图 + 页面类型目录。
Sitemap、URL 模式、Breadcrumb 模式、Hub-and-Spoke 内链模式、内容模型。
5–8 个模板按要服务的查询设计。每个模块都因查询类型而存在。
Schema 分配并在 CI 验证。内链模式接入模板。
Hero 策略、字体策略、第三方预算、边缘缓存、关键模板 INP 审计。
GSC 校验、Sitemap 提交、30 天监控。第 30 天 Rich Result 覆盖报告。
作品
近期 SEO 设计项目的一小部分。点击可看关键词图、模板、与排名走向。
范围
下面是每个 SEO 设计项目都默认包含的内容。
关键词 + 意图图
聚类查询、分配到页面类型、设优先级。
页面类型目录
服务 / 本地 / 对比 / 文章 / 价格 / 案例 模板规划。
Sitemap + URL 计划
新 Sitemap 含 URL 模式 + Breadcrumb 结构。
内容模型
按模板定义字段、约束、帮助文本、编辑预览。
内链模式
Hub-and-Spoke、相关内容侧栏、编辑 Link Tray。
Schema 实施
全站 + 按模板,CI 验证。
性能预算
Hero / 字体 / 第三方 / 边缘缓存策略 CI 强制。
上线 + 索引
上线后 30 天 GSC + Sitemap + Rich Result 监控。
不同。常规 SEO 是对已存在的网站做的事。SEO 网站设计是在网站创建期做的事 —— 从第一天把 IA、模板、Schema、内链做对,让后续 SEO retainer 能从更高的基线复利。
新站通常 4–8 周内有意义的索引,8–16 周内出现首批排名变化。大头复利出现在 4–9 个月之间 —— 因为 IA + 内链 + Schema 会随 Google 反复抓取而复利。
通常需要,但小很多。SEO 网站设计消掉了 SEO retainer 60% 的底层工作(修元数据、加 Schema、补内链)。后续 retainer 聚焦在内容、外链、CRO。
能 —— Sanity / Strapi / WordPress / Shopify / Webflow / HubSpot CMS / 自研系统都支持内容建模。如果你还没有 CMS,我们会按内容模型选 CMS 层,而不是反过来。
需要。SEO 网站设计给你模板与结构,你(或我们作为 retainer 的一部分)写内容填进去。优势是:填一个模板化页面只需要营销编辑 60–90 分钟,没模板就是 2 周工程工单。
8 页以下的小站,SEO 网站设计和普通网站设计重叠很大 —— 我们把 SEO 层直接打包进设计项目里,不另算费用。专门的 SEO 网站设计 scope 从 15+ 页开始才划算。
从免费 SEO 设计审计开始。我们会看你现在的 IA、模板、主题覆盖,回来给一份按优先级排序的机会清单和大致预算 —— 通常 3 个工作日内回复。
相关服务
下一步
提交你的行业、目标市场与当前网站状态,SeoMata 会先做关键词研究与竞争分析,再给出一份从首屏到服务页、城市页、内链与 schema 都为排名与转化打好地基的 SEO 型网站结构方案。