输入
可选。匹配的词会加粗显示,与 Google 真实搜索结果中突出查询词的方式相同。
Google 会在标题上方显示网站名称。留空则使用域名。
可选。与 Google 在文章结果中的做法一样,显示在描述之前。
Google 会改写超过大约此长度的描述。调高后可查看完整文本。
输出
输入标题、描述或 URL 以查看预览。
| 元素 | 测量值 | 状态 |
|---|---|---|
| No data yet | ||
使用此工具的更多方式
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。
使用方法
- 输入或粘贴你的页面标题和 meta 描述。
- 添加页面 URL。它会成为面包屑行(
example.com › guides › sourdough),与 Google 的显示方式完全一致。 - 在设备中切换桌面端和移动端——移动端会把标题分成两行较短的文字,而不是一行长文字,这会改变可容纳的内容。
- 可选择输入搜索词。匹配的词会在摘要中加粗,与 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 构建结构化数据。