🖥️ SERP & spspet 预览

SERP 片片段预览

键入您的页面标题、元描述和 URL, 以查看您在桌面和移动上对 Google 结果片段的实时像素精确预览, 并在您点击前先输入短时间警告 。

0 字符数 · 0px
0 字符数 · 0px
e
example.com
https://example.com

如何使用 ERP 预览

四个快速步骤到一个全速显示 并赢得点击的片段。

1

输入页面标题

输入您计划使用的标题标记。 字符和像素对数对称将实时更新, 这样您就可以看到您离 Google ~ 600px 桌面限制有多近 。

2

添加您的 URL 和元描述

粘贴页面 URL 并写入元描述。 预览使面包屑、 蓝色标题和灰片像一个真实的结果 。

3

桌面和移动之间切换

切换桌面和移动标签以检查两个布局, 因为移动使用较窄的列, 并将标题包到更多的行上 。

4

修补短时警告

编辑直到警示芯片变绿。 任何标记都太宽的东西都亮了, 所以谷歌会显示你的完整标题和描述, 而不是省略号。

SERP 片段问题

Google 以大约600 像素的速度截断桌面标题链接, 而不是固定字符数, 因为像 W 和 M 这样的宽度字符的空格比像 I 和 I 这样的窄宽度字符要大。 此工具测量实际的像素宽度, 以便您能够看到您的标题将被切换的确切位置 。
谷歌通常在桌面上显示大约920个元描述像素( 大约155至160个字符), 而在移动上则较少。 任何更长的时间都会用省略号缩短。 预览显示桌面和移动短时间都以您输入的方式运行 。
移动结果使用一个较窄的列和不同的字体大小, 所以标题会以更多的行和描述包着, 缩短剪短。 此工具可以使两个布局并排, 这样您就可以优化每个布局 。
否。预览在浏览器中使用 Canvas 文本测量 API 完全运行。输入的输入没有上传、登录或存储,所以可以安全测试未公布的页面和内部 URL 。

开发者

SERP 预览将100%的客户端运行, 浏览器中会出现像素测量, 所以您输入的没有上传 。

✓ 设计私密——没有服务器回转

浏览器用“ Canvas 测量 ATPI ” 测量文本的方式测量缩短。 您可以将核心想法投入自己的建设管道 :

// Measure rendered pixel width like Google does
const ctx = document.createElement('canvas').getContext('2d');
function titleWidth(text, font = '20px arial') {
  ctx.font = font;
  return ctx.measureText(text).width; // > 600 => truncated on desktop
}
console.log(titleWidth('Your page title here'));

需要大规模地进行这种检查——对贵公司的电脑管理系统或CI的数千个标题进行分批检查? 见计划___