SEO 检测

输入网页网址,一键检查面向搜索引擎的 TDK 等标签和用于分享卡片的 OG 标签,并预览显示效果。

功能

  • 输入网址即可检查 TDK(title、description、keywords)、canonical、noindex、hreflang、h1、viewport 和 lang
  • 检查 Open Graph(og:title、og:description、og:image、og:url)和 X(twitter:card)标签是否齐全、写法是否正确
  • 实际加载 og:image,判断能否显示、尺寸(推荐 1200×630)和宽高比
  • 预览搜索结果和分享卡片的样子,并指出结构化数据(JSON-LD)的语法错误

适用场景

分享链接时不显示图片

检查 og:image 是否写成了相对路径、图片能否加载、尺寸是否足够。

上线前的最后检查

找出漏写的 title、description,或者测试环境留下的 noindex。

排查网页不被收录的原因

检查有没有 noindex(meta 标签或 X-Robots-Tag 响应头),或者 canonical 指向了别的网址。

参考其他网站的设置

查看公开网页的标签写法和使用了哪些结构化数据类型。

隐私说明

你输入的网址会以 POST 方式发送到本站服务器,仅用于获取一次该页面的 HTML。获取到的 HTML 全部在浏览器中解析,网址和 HTML 都不会被保存。检测对象不会出现在网址参数里,所以分享本页链接时不会透露你查过哪个页面。获取仅限 http/https,并限制为 5 秒、1MB、最多 3 次重定向,不会连接 localhost 或内网 IP 地址。og:image 的预览由你的浏览器直接访问图片网址加载。

常见问题

设置了 og:image,分享时却不显示图片

常见原因有三个。① og:image 写成了相对路径(如 /img/ogp.png)——OG 图片必须写成以 https:// 开头的完整网址。② 图片网址无法访问——需要登录、被 robots.txt 屏蔽、重定向后 404 等。③ 平台缓存——同一网址被分享过后,卡片会被缓存一段时间,改了标签也不会马上更新。可以用各平台的调试工具重新抓取,或者在网址后加上 ?v=2 这样的参数让它生成新卡片。

OG 图片的推荐尺寸是多少?

常用标准是 1200×630 像素(宽高比约 1.91:1)。Facebook、Slack 和 X 的大图卡片(summary_large_image)都以接近这个比例的横图显示,超出部分会被裁掉,所以文字和标志尽量放在中间。图片太小时可能不会显示成大图卡片,而是变成一个小缩略图。

title 和 description 写多少字合适?

搜索结果按显示宽度截断,字数只是参考。一般来说,title 控制在 30 个汉字左右,description 控制在 120 个汉字以内比较容易完整显示;百度等搜索引擎显示的摘要往往更短,所以重要的词尽量放在前面。另外,搜索引擎可能会根据页面内容改写标题和描述后再显示。

keywords 标签还有用吗?

Google 早已公开表示不把 meta keywords 用于排名。百度、360、搜狗等国内搜索引擎对它的处理没有统一定论,一般认为影响已经很小。按国内“TDK”的习惯填写也无妨,但只写 3~5 个与页面内容相符的词即可,堆砌大量关键词没有好处。本工具只把 keywords 作为参考项列出,不会因为缺少它而判为错误。

提示 canonical 指向了别的网址,怎么回事?

canonical 是告诉搜索引擎“这个页面的规范网址是哪个”的标签。如果它指向的网址和你检测的网址不同,搜索引擎会倾向于在结果中显示 canonical 指向的网址,而不是你检测的这个。http 和 https、有无 www、结尾有无 /、参数不同,都算“不同的网址”。如果是有意为之就没问题,但所有页面都指向首页这类设置错误很常见。

能用 OG 标签控制微信里的分享卡片吗?

不一定。在微信内置浏览器中,想自定义分享的标题、描述和缩略图,官方方式是使用公众号的 JS-SDK(通常需要已认证的公众号,并配置 JS 接口安全域名)。直接把链接发到聊天里时,微信会自行抓取页面信息,是否采用 OG 标签并没有公开说明。本工具的卡片预览以 Open Graph 为准,仅供参考。

相关工具

检测网页

只会获取一次该网址的 HTML。og:image 图片由你的浏览器直接加载。