Skip to content
SERP 摘要预览
Tools

SERP 摘要预览

预览标题与描述在 Google 桌面端与移动端的显示效果。

Favicon Stays on your device
Preview

An approximation using Google's fonts and pixel widths. Real results can vary — Google may rewrite titles or descriptions per query.

Snippet checklist

    HTML meta tags

    Need Open Graph, Twitter cards and canonical tags too? Use the Meta Tag Generator →

    Runs entirely in your browser. Nothing is uploaded.

    发布前预览 Google 搜索摘要

    这款 SERP 预览工具可在发布前展示您页面的标题URLmeta 描述在 Google 搜索结果中的呈现效果——桌面端和移动端均可预览。在输入框中输入内容,仿 Google 样式的搜索结果预览会立即更新,包含网站图标、面包屑导航以及可选日期。

    与普通字符计数器不同,这款 SERP 摘要预览工具会测量 Google 实际用于截断文本的像素宽度,让您清晰看到标题或描述被截断并显示省略号的确切时刻——并在发布前加以修正。

    像素宽度截断:为什么字符计数会误导您

    Google 截断标题并非按固定字符数,而是按像素宽度。桌面端标题在约 580 像素处截断,meta 描述在约 920 像素处截断。由于"W"远比"i"宽,字符数相同的两个标题可能呈现出截然不同的宽度。因此,仅计算字符数的工具会给出误导性建议。

    实时字符与像素计数器在您输入时同步追踪两项数值,一旦标题或描述超出限制便立即发出警告,让您随时了解摘要是否会完整显示。

    标题标签与 meta 描述的长度限制

    一般建议将标题标签控制在 50–60 个字符以内(桌面端约 580px),将 meta 描述控制在 150–160 个字符以内(桌面端约 920px)。将主要关键词置于开头,使其在截断后仍能保留,标题结尾加上品牌名称。

    使用预览下方的摘要检查清单进行快速审核:它会标记过长或过短的标题、超出理想范围的描述,以及未使用 HTTPS 的 URL——这些都是优质摘要优化工具会检测的项目。

    桌面端与移动端摘要并排对比

    大多数搜索发生在手机上,移动端结果列更窄:标题会折行显示,描述也比桌面端截断更早。在桌面端占一行的标题,在手机上折行后可能显得别扭。切换桌面端移动端预览两种布局,针对您的受众实际使用的设备优化文案。

    与 Yoast、Rankmath 和 SeoMofo 的对比

    多款工具提供 SERP 预览,但大多数在准确性上有所欠缺。Yoast SEORankmath 在 WordPress 后台提供摘要预览,但两者均以字符计数代替像素宽度测量——包含大量宽字符的标题在其预览中看似正常,实际上可能在 Google 结果中被截断。

    SeoMofo 率先采用像素宽度方法,但每次只显示一种布局,且未更新为 Google 当前的摘要设计。Mangools(SERPsim)较为准确,但需付费订阅。本工具免费、测量真实像素宽度、同时展示桌面端与移动端、支持上传网站图标,并完全在浏览器本地运行,不传输任何数据。

    网站图标、面包屑、日期与富媒体结果

    现代 Google 摘要会在标题上方显示您的网站图标和面包屑式 URL。这款 Google SERP 预览工具会自动根据您的域名生成图标,也支持上传自定义图标,并根据 URL 路径自动生成面包屑——还提供覆盖字段以设置自定义路径。添加发布日期可预览文章和新闻摘要的效果,截断逻辑会如同 Google 一样随日期前缀自动调整。

    复制标签——隐私且可离线使用

    当摘要效果满意后,将完成的 <title><meta name="description"> 标签直接复制到页面的 <head> 中。还需要 Open Graph、Twitter 卡片和规范标签?可与 Meta 标签生成器配合使用。所有功能完全在浏览器中运行——您输入的内容不会上传——因此未发布的标题和描述完全保持私密。

    Frequently asked questions

    什么是 SERP 预览工具?

    SERP(搜索引擎结果页)预览工具可在发布前展示页面在 Google 结果中的预期效果:蓝色标题链接、面包屑式 URL、网站图标和灰色 meta 描述。您输入标题和描述,仿 Google 样式的摘要会立即渲染,方便您修正被截断的内容。本工具在桌面端和移动端均测量 Google 的真实像素截断宽度。

    标题标签应该多长?

    建议约 50–60 个字符,但真正的限制是像素:Google 在桌面端约 580 像素处截断标题。包含宽字符(W、M、大写字母)的标题比包含窄字符(i、l、t)的标题更早达到 580px。本工具会测量精确的像素宽度,并在标题被截断前发出警告。

    meta 描述应该多长?

    桌面端约 150–160 个字符,移动端更短——约 120–130 个字符。将重要词语置于开头:即使被截断,"免费 SEO 摘要工具——预览标题和描述……"仍能表意清晰。与字符计数插件不同,本工具显示精确的像素宽度,让您掌握确切的截断点。

    为什么 Google 会改写我的标题或描述?

    当标题过长被截断、关键词堆砌或跨页重复、与页面实际内容不符,或存在更清晰的 H1 或锚文本时,Google 可能会替换您的标题。保持标题简洁、有描述性且每页唯一,是让 Google 保留您所写标题的最佳方式。

    移动端与桌面端的摘要有何不同?

    移动端列宽更窄,标题会折行显示(约 70 个字符),描述也截断更早——约 120 个字符。网站名称和面包屑的排列方式也有所不同。请切换桌面端和移动端分别检查,因为在桌面端占一行的标题在手机上折行后可能影响阅读体验。

    能离线使用吗?数据安全吗?

    两者均可。完整预览——像素测量、截断检测、网站图标和复制的标签——均在浏览器内的 JavaScript 中运行。您输入的任何内容都不会上传、记录或发送至服务器,因此即使是未发布的标题和描述也完全保持私密,且工具在无网络连接时仍可正常使用。

    如何在发布前预览页面在 Google 上的效果?

    将您预定的标题、URL 和 meta 描述粘贴到左侧输入框,在右侧查看实时摘要——无需发布、部署或等待 Google 重新抓取。在桌面端和移动端之间切换,观察像素和字符计数,然后将完成的 <title> 和 <meta description> 标签直接复制到页面的 <head> 中。

    Related tools

    查看全部工具