跳到正文
抢先体验抢先体验

免费工具 · SEO

SERP 模拟器:你的网站在 Google 和社交媒体上的样子

读取一个页面,或手动输入 title 和 description。我们会展示 Google 桌面端和移动端的搜索结果、分享链接时的卡片,以及建议修改的地方。

或手动输入

免费 · 无需注册 · 你输入的内容不会离开浏览器

01

如何使用SERP 模拟器

  1. 01

    读取页面或手动输入

    粘贴已发布页面的网址,我们会读取它的 title、description 和社交媒体标签。也可以在发布前手动输入。

  2. 02

    调整到合适长度

    计数器像 Google 一样按像素测量每段文字。修改文字,预览会立即更新。

  3. 03

    检查社交分享卡片

    查看链接分享到 Facebook、X、LinkedIn 和 WhatsApp 时的效果,以及关于图片的提示。

02

谷歌搜索结果预览显示哪些内容

Google

桌面端和移动端

按 Google 的样式显示搜索结果,包括网站名称、路径、title 和 description,并按像素截断。这样你能看到省略号在每种屏幕上出现的位置。

社交媒体

分享链接时

Facebook、X、LinkedIn 和 WhatsApp 中的卡片,图片、标题和描述来自 Open Graph 和 X 的标签。如果缺少某个标签,我们会告诉你每个平台会用什么代替。

提示

建议修改的地方

title 或 description 过长或过短,图片缺失、太小或会被裁切,以及页面无法被索引时的 noindex。

03

title 和 meta description应该写多少字

Google 不是按字符数截断,而是按宽度。一个“M”的宽度几乎是“i”的三倍,所以两个同样 60 个字符的标题,可能一个放得下、一个放不下。中文字符比拉丁字母更宽,同样的像素宽度能放下的字数更少。桌面端的参考值:

  • Title:约 580 像素。拉丁字母文字通常 30 到 60 个字符能放下。少于 30 个字符,就浪费了说明页面内容的空间。
  • Meta description:约 920 像素,在桌面端显示两行,拉丁字母文字约 70 到 160 个字符。移动端每行能放下的字更少。

如何写好 title

  • 把用户搜索的内容放在前面,品牌放在最后:“中小企业网站设计 · 示例工作室”。
  • 每个页面用不同的 title。如果所有页面开头都一样,在 Google 中看起来就像同一个页面。
  • 不要为了凑数重复关键词:这没有帮助,Google 还可能改写标题。

为什么 Google 有时会改写 title 或 description

如果 Google 认为你的标题没有很好地描述页面,就可能显示另一个标题:比如太长、重复关键词,或者很多页面都一样。Google 在关于标题链接的文档中对此有说明。description 被改写得更频繁:Google 会为每次搜索挑选页面中最能回答问题的片段。title 清晰、独一无二且长度合适,被改写的情况就会少一些。

04

为什么按像素测量,而不是按字符

很多模拟器只数字符,给你一个固定数字(55、60、70)。根据你用的字母不同,它们的提醒要么太晚,要么太早。这个工具用 Google 桌面端的字体和字号测量每段文字,并像搜索引擎一样在完整的词处截断并加上“...”。

它还会读取真实页面:你不用复制 title 和 description,就能同时看到 Google 预览和四个社交平台的卡片,以及图片的真实尺寸。你手动输入的内容不会离开浏览器。

浏览时在任意页面上查看这个预览,以及它的其他 SEO 检查项。

加入候补名单
05

社交分享图片:尺寸和缓存

Facebook、LinkedIn 和 WhatsApp

1200 × 630 px

宽高比 1.91:1。宽度小于 200 px 时,很多平台不会显示图片,或者只显示缩略图。请使用带 https:// 的完整 URL。

X

2:1 大图或方形图

twitter:card = summary_large_image 时显示大图(2:1)。用 summary 时,在文字旁显示方形缩略图。

缓存

换了图片却没有更新

社交平台会缓存卡片。可以用 Facebook 的分享调试工具或 LinkedIn 的 Post Inspector 让它们重新读取。

Smart Design Inspector

这些,还有更多,适用于任意网站

Chrome 扩展直接在你打开的页面上完成这些检查,无需复制粘贴网址:技术栈、SEO、字体、颜色和 CSS,而且看到的是浏览器渲染后的页面(这里只读取服务器返回的 HTML)。

07

常见问题

更多问题 →
什么是 SERP 模拟器?

一种显示页面在 Google 搜索结果页(SERP)中样子的工具:标题、网址和描述,按 Google 的方式截断。用来在发布前调整 title 和 meta description。

title 应该有多少个字符?

拉丁字母文字通常 30 到 60 个字符比较合适,但 Google 是按宽度截断的:桌面端约 580 像素。中文字符更宽,能放下的字数更少。这个工具会测量像素,超出时提醒你。

meta description 呢?

拉丁字母文字约 70 到 160 个字符,桌面端约 920 像素。如果 Google 认为页面中的其他文字更能回答搜索,可能会改用那段文字。

为什么 Google 改写了我的 title?

如果你的标题太长、重复关键词,或者很多页面都一样,Google 可能会显示另一个标题。title 清晰、独一无二且长度合适,能降低被改写的可能。

为什么我的链接在 WhatsApp 或 LinkedIn 里没有图片?

通常是因为缺少 og:image 标签、图片 URL 是相对路径,或者图片太小。在上方读取你的网站,工具会告诉你是哪一种原因。

需要先发布页面才能测试吗?

不需要。你可以手动输入 title、description 和图片,在发布前查看效果。

免费吗?

是的,免费且无需注册。它是 Smart Design Inspector 扩展的功能示例,扩展会在你打开的页面上显示这个预览。

候补名单

成为首批试用者

Smart Design Inspector 正在开发中。留下你的邮箱,它在 Chrome 网上应用店上线当天我们会通知你,并在抢先体验期间免费开放 7 项 Pro 功能。

发布当天一封邮件,之后很少打扰 · 一键退订

你的身份 (可选)

从竞争对手的网站开始

加入候补名单