Google 搜索结果预览模拟器(SERP)

输入页面的 title、meta description 和网址,即可预览它们在 Google 搜索结果中的显示效果,并估算桌面端和移动端按像素计算的截断情况。

示例:
0 个字符 — 0 px(桌面端)
0 个字符 — 0 px(桌面端)

桌面端预览

exemple.com
页面标题
这段页面描述将显示在搜索结果中标题的下方。

移动端预览

exemple.com
页面标题
这段页面描述将显示在搜索结果中标题的下方。

工作原理

Google 显示 title 和 meta description 的宽度有限,会随设备(桌面端或移动端)以及字符本身而变化,并不是固定的字数。本工具使用浏览器的 Canvas API(measureText)测量 title 和描述的实际像素宽度,并显示接近桌面端和移动端真实效果的可视化预览,网址会拆分为域名和路径。

为什么桌面端和移动端的像素限制不同?

移动端屏幕更窄,Google 在截断 title 和描述之前能显示的字符更少。因此,在桌面端完全显示的标题,到了移动端可能会被截断:所以两种效果都值得检查,况且越来越多的搜索发生在移动端。

title 被截断时,实际会发生什么?

Google 会截断文本并加上省略号,有时甚至在单词中间截断,这可能让标题对用户的吸引力或清晰度下降。在某些情况下,如果 Google 认为您的标签不能很好地代表页面内容,甚至会根据页面内容完全重写显示的 title,而不是直接使用您的标签。

隐私说明:测量和预览完全在您的浏览器中生成,不会向服务器发送任何数据。