SERP 预览

输入任意 URL,即可查看它在 Google 搜索结果中的呈现效果。实时读取你页面的 meta 标签。

SERP 预览是什么?

当你的页面出现在 Google 搜索结果中时,会显示三个关键元素:标题(一条可点击的蓝色链接)、URL 面包屑(以绿色显示你网站的路径)以及描述摘要(一段来自 meta 描述的简短节选)。这三者共同决定了用户是点击你的结果,还是径直划过。

本工具会抓取你页面的实时 HTML,提取 title 标签、meta 描述、Open Graph 标签和网站图标,然后以像素级还原的方式渲染成一张 Google 搜索结果卡片。

如何优化你的 SERP 呈现效果

如何使用本工具

  1. 把任意公开的 URL 粘贴到输入框,然后点击 检查
  2. 本工具会在服务端抓取该页面的 meta 标签,并渲染出一张 SERP 预览卡片。
  3. 查看字符计量条——绿色表示良好,琥珀色表示接近上限,红色表示将会被截断。
  4. 展开 原始 meta 标签,即可查看所有提取到的值,包括 og:title、og:image 和 canonical URL。

常见问题

SERP 预览是什么?
SERP 是 Search Engine Results Page(搜索引擎结果页)的缩写。SERP 预览展示了你的网页作为一条结果出现在 Google 搜索中的样子——包括页面标题(蓝色链接)、URL 面包屑(绿色路径)和 meta 描述摘要。本工具会使用你页面上实时的 meta 标签来模拟这种呈现效果。
为什么我的标题或描述被截断了?
Google 会在大约 60 个字符处截断标题,在大约 160 个字符处截断描述。如果你的文本更长,Google 就会把它截短并加上“…”。本工具会在你接近或超出这些限制时进行提示,方便你据此调整自己的 meta 标签。
title 标签和 og:title 有什么区别?
<title> 标签是 Google 用来确定搜索结果标题的主要信号。og:title(Open Graph 标题)则是在你的页面被分享时,由 Facebook、Twitter 等社交媒体平台使用的。Google 有时也会把 og:title 作为后备或备选项使用。当两者不同时,本工具会同时显示它们。
为什么 Google 有时显示的标题和我的 title 标签不一样?
如果 Google 认为你的 title 标签太长、堆砌关键词,或者无法代表页面内容,它可能会改写你的标题。提供一个简洁、有描述性的 title 标签,并配上相匹配的 og:title,可以降低被 Google 覆盖标题的几率。
我输入的 URL 会被发送给第三方吗?
不涉及任何第三方。你的 URL 由本站自己的服务器(一个 Cloudflare Worker)抓取,用于读取页面的 meta 标签。该 URL 不会被分享给 Google 或任何其他服务。