博客
简体中文

SERP 预览 — Google 标题与描述像素检查

测量标题和描述像素宽度的 Google 搜索结果预览

在浏览器中处理 · 不上传任何内容

已填入示例文本,请替换成你自己的标题和描述。

正在准备测量…

正在准备测量…

仅用于显示,会作为网站和路径出现在搜索结果上方。

设备

px
px

100 到 3000 之间的整数。默认值来自下方的指南,可以修改。

搜索结果预览

https://www.example.com › zh › character-counter

在线字数统计 — 免费统计字符数、词数、行数和字节数

粘贴文本即可立即统计含空格和不含空格的字符数、词数、行数和字节数,写文章、发帖、填写 meta 标签时都很方便。

这是对 Google 搜索结果当前外观的近似模拟。实际字体和间距会因设备和浏览器而不同。

HTML 标签(粘贴到 head 中)

<title>在线字数统计 — 免费统计字符数、词数、行数和字节数</title>
<meta name="description" content="粘贴文本即可立即统计含空格和不含空格的字符数、词数、行数和字节数,写文章、发帖、填写 meta 标签时都很方便。">

宽度用浏览器 canvas 以 20px(标题)和 14px(描述)的 Arial 类字体测量。Arial 中没有的字符(例如汉字)会使用设备上的后备字体测量,因此结果会因设备略有差异。

宽度上限:标题约 600px(texturb 的 Google 标题像素截断指南),描述在电脑上约 920px(约 160 个英文字符)、手机上约 680px(约 130 个英文字符)(interad 的 meta description 指南),查阅于 2026-10-04。这些是第三方指南,并非 Google 公布的数字。指南没有给出手机端的标题宽度,因此沿用 600px。Google 也可能根据搜索词改写标题和摘要。

功能简介

这个 SERP 预览工具展示网页标题和 meta description 在 Google 搜索结果中大概会怎样显示。Google 按屏幕上的宽度而不是字数截断过长的标题和摘要,并用省略号代替剩下的部分。i 和 l 这样的窄字母占用的空间远小于 M 或 W,汉字占用的空间更大,所以只数字数并不可靠。本工具用浏览器的 canvas 测量你的文本,告诉你它是否放得下,以及实际会显示哪些内容。

使用方法

  1. 输入标题、meta description 和页面 URL。一开始已填入示例文本,请换成你自己的内容。
  2. 选择电脑或手机。手机使用更窄的描述上限和更窄的预览卡片。
  3. 在每个输入框下方查看测得的宽度与上限、字符数以及是否会被截断。会被截断时,还会显示带省略号的可见部分。
  4. 想更严格或更宽松地检查时,修改像素上限。
  5. 查看预览卡片,同时确认 URL 行、蓝色标题和灰色描述。
  6. 满意后,从 HTML 标签 中复制 <title> 和 <meta name="description"> 标签;&、<、> 和 " 会自动转义。

工作原理

  • 默认上限:标题约 600px(texturb 的 Google 标题像素截断指南);描述在电脑上约 920px(约 160 个英文字符),在手机上约 680px(约 130 个英文字符)(interad 的 meta description 指南),查阅于 2026-10-04。这些是第三方指南,并非 Google 公布的数字。指南没有给出手机端的标题宽度,因此沿用 600px。
  • 文本用 20px(标题)和 14px(描述)的 Arial 类字体栈测量。Arial 中没有的字符(包括汉字)会使用设备上的后备字体,因此不同系统的结果会略有差异。
  • 截断时保留能和省略号一起放下的最长开头部分。不会拆开表情符号或组合字符;如果保留部分的最后 15% 中有空格,就退回到该空格处,并去掉末尾的空格。
  • 换行和连续空格会像搜索结果中一样合并成一个空格。

示例

输入 设备 结果
约 50 个英文字符、句首大写的标题 电脑 通常在 600px 以内
约 70 个英文字符、每词首字母大写的标题 电脑 常在末尾附近被截断
约 30 个汉字的中文标题 电脑 接近 600px,末尾可能被截断,取决于设备字体
130 个英文字符的描述 电脑 在 920px 以内
同一段 130 个字符的描述 手机 可能超过 680px,丢失最后几个词

实际结果取决于你使用的字符,请用真实的文案测试。

常见问题

标题写多少个字才不会被 Google 截断?

没有固定的字数。Google 按显示宽度截断,本工具采用的指南把标题上限定为约 600 像素。窄的小写字母能放得更多,大写字母或 W 这类宽字母放得更少,汉字则更少。请粘贴真实的标题,看看它在哪里结束。

为什么实际搜索结果和预览不一样?

Google 不公布具体上限,还可能根据搜索词改写标题和摘要,而且不同设备的字体也不同。预览是基于第三方指南的近似结果,请留出余量,把重要的词放在前面。

可以修改像素上限吗?

可以。标题上限以及电脑和手机的描述上限,都可以分别输入 100 到 3000 之间的整数像素值,方便你参考其他指南或更严格地检查。

为什么手机端的标题上限和电脑一样?

这里使用的指南没有单独给出手机端的标题宽度,所以默认沿用电脑端的 600 像素。手机上标题常常会折成两行,如果你有更好的数据,可以调整这个值。

我的文本会被发送到别处吗?

不会。测量和预览都在浏览器中完成,不会保存或上传任何内容。

没找到想要的工具?