# Google SERP 预览模拟器（桌面 + 移动端）

输入标题、描述和 URL，按 2026 年当前 Google 规则像素级模拟搜索结果样式：桌面单行 ~600px 标题、移动端两行截断、桌面“站点名 › 路径”与移动端仅域名（2025 年 1 月改版）、评分星标与商品价格富媒体、日期行、浅色与深色双主题、像素用量仪表与诊断（含 FAQ 富媒体已于 2026 年 5 月移除的现状提示）。

> 标准页面: https://elysiatools.com/zh/tools/serp-preview-simulator

- **分类:** Development

- **关键词:** serp 预览, google 摘要, 标题像素宽度, 描述长度, 富媒体结果

## 概述

常量来源（2026-08 核实）：桌面标题 Arial ~20px 单行约 600px 截断（桌面两行换行未被证实，按单行建模）；移动端 Arial ~18px 两行合计约 805px；桌面描述 Arial 14px 两行约 920px，移动端约 680px；URL 行自 2025 年 1 月起移动端仅显示 favicon + 域名，桌面保留 站点名 › 路径；浅色配色 #1a0dab / #4d5156 / #202124，深色 #202124 底 / #8ab4f8 链接 / #bdc1c6 描述。富媒体仅保留仍上线的类型：评分星标、商品价格库存、日期行、桌面面包屑；FAQ 富媒体 2026-05-07 全量下线、HowTo 2023-09 下线，仅作为信息提示。另注：Google 会改写约 62% 的标题（Zyppy 研究）。

## 输入项

- **页面标题（）</x-turndown>** (text): The 50-60 character promise of your page
- **Meta 描述** (textarea): 150-160 characters that earn the click…
- **URL** (text): https://example.com/guides/seo-basics
- **站点名称（WebSite JSON-LD）** (text): defaults to the domain
- **日期行（可选，如 2026-08-17）** (text): YYYY-MM-DD
- **富媒体结果** (select)
- **评分（0-5）** (number)
- **评论数** (number)
- **价格展示（如 $29.99）** (text): only used for product rich result
- **设备** (select)
- **主题** (select)

## 适用场景

- 发布前核对标题与描述是否会在桌面约 600px / 920px、移动端约 805px / 680px 的像素预算内被截断。
- 对照 2025 年 1 月后的 URL 行差异：桌面为站点名 › 路径，移动端仅为 favicon + 域名。
- 为评价页或商品页预览仍上线的富媒体（评分星标、价格与库存），并同时查看浅色与深色主题。

## 工作原理

- 填写必填的页面标题（）和 URL，可选填 Meta 描述、站点名称（WebSite JSON-LD）和日期行（YYYY-MM-DD）。</x-turndown>
- 选择富媒体类型：无、评分星标（填写 0–5 评分与评论数）或商品价格 + 库存（填写价格文案，如 $29.99）。
- 选择设备（两种 / 仅桌面 / 仅移动端）和主题（两种 / 仅浅色 / 仅深色）。
- 生成 HTML 摘要卡片，展示 favicon、截断后的标题与描述、对应 URL 行，并附像素仪表、诊断，以及 FAQ 富媒体已于 2026 年 5 月下线的提示。

## 使用案例

- 优化博客或落地页的标题与 Meta 描述，避免在桌面或移动搜索结果中被截断。
- 电商商品页预览评分星标、价格与库存，并核对桌面面包屑路径是否清晰。
- 内容或设计团队一次性对比浅色/深色、桌面/移动四套摘要，确认可读性与站点名展示。

## 常见问题

### 桌面标题按几行、多少像素截断？

按 2026 年 8 月核实，桌面标题以 Arial 约 20px 单行约 600px 截断；桌面两行换行未被证实，本工具按单行建模。

### 移动端标题和描述的像素上限是多少？

移动端标题 Arial 约 18px、两行合计约 805px；描述 Arial 14px 两行约 680px。桌面描述两行约 920px。

### 为什么移动端 URL 只显示域名？

自 2025 年 1 月起，移动端 URL 行仅显示 favicon + 域名；桌面仍保留“站点名 › 路径”。未填站点名称时默认使用域名。

### 还支持 FAQ 或 HowTo 富媒体吗？

不支持。FAQ 富媒体已于 2026 年 5 月 7 日全量下线，HowTo 于 2023 年 9 月下线。当前仅可预览评分星标、商品价格库存、日期行和桌面面包屑。

### 预览等于 Google 最终展示吗？

不等于。工具按现行样式规则做像素级模拟；Google 仍会改写约 62% 的标题，实际摘要可能与输入不同。

## 相关工具

- [播客章节标记生成器（ID3 / Podcasting 2.0）](https://elysiatools.com/zh/tools/podcast-chapter-marker-builder): 粘贴时间码章节列表，一次生成全部交付格式：Podcasting 2.0 章节 JSON（v1.2.0）与 RSS podcast:chapters 标签、可选把 ID3v2.4 CHAP+CTOC 章节帧直接烧入上传的 MP3（毫秒为普通大端 uint32、偏移 0xFFFFFFFF、每章嵌 TIT2 子帧、保留原有标签帧）、Vorbis CHAPTER001 注释对（OGG/Opus）、mp4chaps 文本、YouTube 说明栏时间戳块与 SRT 副车文件，并附各播放器真实支持情况（Apple 自 2025 起支持 RSS JSON；Pocket Casts/Overcast 仅读内嵌 ID3；Spotify 两者都不读）。
- [Lodash 在线工具](https://elysiatools.com/zh/tools/lodash-online-utility): 对 JSON 输入运行安全、精选的 Lodash 数组、对象和字符串方法。
- [API 请求代码片段生成器](https://elysiatools.com/zh/tools/api-request-code-snippet-generator): 根据请求链接、方法、请求头、Query 参数和请求体生成 cURL 及常见开发语言的代码片段
- [配置文件语义 Diff](https://elysiatools.com/zh/tools/config-file-semantic-diff): 比较 JSON、YAML、TOML 和 dotenv 配置，按键路径显示变化并忽略排序与格式噪声。
- [环境配置差异可视化器](https://elysiatools.com/zh/tools/environment-config-diff-visualizer): 对 JSON、YAML、TOML 与 ENV 配置进行跨环境对比，高亮漂移项、缺失项，并给出清洗建议。
- [JSONPath 交互式测试场](https://elysiatools.com/zh/tools/jsonpath-repl-playground): 一个交互式 JSONPath REPL，可对任意 JSON 运行多步查询管道。每行写一个 JSONPath 表达式（例如先 $..book\[?(@.price<10)\]，再 $\[0:5\]），即可看到每一步的匹配数、路径和值——还附带一个可分享的 URL，编码了你的数据和管道。支持递归下降（$..）、通配符（\[*\]）、过滤器（\[?(@.price<10)\]）、切片（\[0:5:2\]）和负索引。
- [JSONata 查询转换工作室](https://elysiatools.com/zh/tools/jsonata-query-transform-studio): 预览 JSONata 风格查询与转换，支持多数据对比，并导出 JSON、CSV、YAML 或 Markdown。
- [GraphQL Playground](https://elysiatools.com/zh/tools/graphql-playground): 浏览器内的 GraphQL 客户端：编写查询与变量，发送到任意 GraphQL 端点，查看格式化的 JSON 结果或错误数组——开发阶段快速迭代 Schema 的理想工具

## 示例

- [Apache Arrow 示例](https://elysiatools.com/zh/samples/arrow): Apache Arrow 内存列式格式示例，用于高性能数据处理和分析
- [分布式追踪示例](https://elysiatools.com/zh/samples/distributed-tracing-samples): 使用 Jaeger、OpenTelemetry 和其他现代可观测性工具的综合分布式追踪示例，适用于微服务架构
- [AWS EventBridge 示例](https://elysiatools.com/zh/samples/eventbridge-samples): AWS EventBridge 示例，包括事件总线、规则、目标、模式注册表、自定义事件和跨账户事件路由，适用于无服务器事件驱动架构
- [JSON 示例](https://elysiatools.com/zh/samples/json): JSON（JavaScript 对象表示法）格式示例，从简单到复杂结构

## 相关内容

- [JSON 格式化、对比与规范化工具](https://elysiatools.com/zh/hubs/json-format): 在一个专题中比较 JSON 格式化、差异对比、日志审查、配置比较和数据规范化工具，适合需要让 JSON 更易读、更易审查的流程。
- [JSON 交换与格式翻译工具](https://elysiatools.com/zh/hubs/json-convert): 在一个专题里比较 JSON 与 CSV、YAML、TOML、GraphQL、XML、Markdown、Excel、BSON、EDN 等结构化格式之间的转换工具。
- [JSON 检查、对比与转换工具](https://elysiatools.com/zh/hubs/json-utility): 把 JSON 格式化、差异对比、路径检查、Schema 校验、合并、转换和导出工具集中到一个专题中，适合 API 与数据处理流程。
- [JSON Schema、Mock 数据与 API 夹具生成工具](https://elysiatools.com/zh/hubs/json-generate): 围绕JSON Schema 生成、Mock 负载构建与 API 夹具准备整理的一组工具。