跳到主要内容

SERP 模拟器

API reference

预览页面标题和 meta 描述在桌面端与移动端 Google 搜索结果中的显示效果,并通过真实的 Arial 像素宽度测量,显示每项内容在何处被截断。

输入

可选。匹配的词会加粗显示,与 Google 真实搜索结果中突出查询词的方式相同。

输出

输入标题、描述或 URL 以查看预览。

长度检查
元素测量值状态
No data yet
Meta 标签
 
预览 HTML
 
这对您有帮助吗?

使用此工具的更多方式

REST API

curl -X POST https://api.iotools.cloud/v1/tool/google-serp-snippet-simulator \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "title": "How to Bake Sourdough Bread at Home: A Beginner'…",
    "description": "Everything a first-time baker needs to bake sour…",
    "url": "https://example.com/guides/sourdough-for-beginne…",
    "query": "sourdough beginners",
    "device": "desktop",
    "siteName": "",
    "favicon": "true",
    "date": "",
    "rating": "",
    "ratingValue": "4.5",
    "ratingCount": "128",
    "descriptionLimit": "160"
  }'

替换成您账户中的密钥。工具的字段即为请求体——没有额外包装。

让 AI 代理执行

Use the IOTools `google-serp-snippet-simulator` tool (SERP Simulator) on this input:

YOUR_INPUT_HERE

将此粘贴给任何已连接 IOTools MCP 服务器的代理,再加上您的输入内容。

嵌入式小组件

<iframe
  src="https://iotools.cloud/embed/google-serp-snippet-simulator/"
  width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
  title="SERP 模拟器 — iotools.cloud"
  sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
  allow="clipboard-write"
  style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>

把它放到您自己的页面上——免费,无需密钥,只需保留一个反向链接。

每次 API/MCP 调用费用5 积分起
需要更多积分?查看定价

也可通过

使用指南

粘贴页面标题、meta 描述和 URL,本工具就会绘制它们在桌面端或移动端将产生的 Google 搜索结果,并根据 Google 截断它们的宽度来测量两者。

按像素而非字符计算

几乎所有"标题要控制在 60 个字符以内"的经验法则都是错的,因为 Google 是按宽度而不是字符数截断的。WWW 是 3 个字符,约 210 像素;iii 也是 3 个字符,但只有约 47 像素。一个 55 字符、满是大写字母和 W 的标题会溢出,而一个 70 字符、由窄小写字母组成的标题则能舒适地容纳。

本工具使用 Arial 的字符宽度来测量你的文本——Google 显示搜索结果所用的字体——因此预览的截断位置与真实结果一致。"长度检查"面板会在字符数旁边给出精确的像素宽度,并将每个元素标记为 Good、Room to spare 或 Truncated。

使用方法

  1. 输入或粘贴你的页面标题和 meta 描述。
  2. 添加页面 URL。它会成为面包屑行(example.com › guides › sourdough),与 Google 的显示方式完全一致。
  3. 在设备中切换桌面端和移动端——移动端会把标题分成两行较短的文字,而不是一行长文字,这会改变可容纳的内容。
  4. 可选择输入搜索词。匹配的词会在摘要中加粗,与 Google 在真实结果中强调查询词的方式相同。

在显示选项中,你可以添加日期前缀、星级评分和网站名称行,还可以调高或调低描述的字符上限,以查看未被截断的完整文本。

所用的测量标准

标题 描述
桌面端 600 px,1 行,Arial 20 px 600 px,2 行,Arial 14 px
移动端 363 px,2 行,Arial 16 px 363 px,3 行,Arial 14 px

这些是 Google 自身搜索结果卡片的尺寸。请将输出视为接近的近似值,而非保证:Google 经常自行改写标题和描述,并保留根据查询显示更多或更少行数的权利。

可直接复制的输出

除预览外,你还会获得针对所输入内容的 <title>、<meta name="description"> 和 <link rel="canonical"> 标签,可直接粘贴到页面的 <head> 中。如果你在审核一批页面,"长度检查"表格可以下载为 CSV。

隐私

一切都在你的浏览器中运行。不会抓取任何页面,不会上传任何内容,你输入的 URL 也不会被记录——这也正是你粘贴标题和描述,而不是提供一个 URL 让其抓取的原因。

为什么我的线上页面与预览不一致?

对于很大一部分结果,Google 会改写显示的标题,当它认为 <h1>、网站名称或链接文字与查询更匹配时,就会从中提取内容。描述同样如此:摘要通常是从正文中最能回答搜索的段落组合而成,而不是来自你的 meta 标签。预览显示的是你设定的内容,但把它做对仍然很有价值。

其他 meta 标签呢?

如需完整的 <head> 代码块——viewport、charset、robots、author、Open Graph——请使用 HTML Meta Tag Generator。若要查看同一页面在社交媒体分享(而非搜索)时的显示效果,请使用 Open Graph & Twitter Card Preview。如果你希望在摘要之外还能展示富媒体结果——星级、FAQ、面包屑——请使用 Schema Markup Generator 构建结构化数据。

serpserp previewgoogle snippetmeta descriptiontitle tagseo

喜欢这些工具?去掉广告吧。

一次性付款即可永久移除您账户中的所有广告。无需订阅,不追踪。