返回主页

Meta / OG 标签生成与预览

生成 title、description、Open Graph 与 Twitter 标签，预览搜索结果和社交卡片，并检查长度问题

从现有页面导入
粘贴一段 HTML（或整个页面源码），自动识别 head 里的标签
更多标签

Google 搜索结果

example.com/page

页面标题

页面描述会显示在这里。

X / Twitter 卡片

未设置分享图
example.com/page标题 title

Facebook / LinkedIn

未设置分享图

example.com/page

标题 title

生成的标签
  <meta name="robots" content="index,follow" />
  <meta property="og:type" content="website" />
  <meta property="og:locale" content="zh_CN" />
  <meta name="twitter:card" content="summary_large_image" />

检查结果

  • 缺少标题，搜索结果会自己编一个title
  • 缺少描述，搜索引擎会抓取页面正文片段description
  • 缺少 canonical，重复内容可能分散权重canonical
  • 缺少分享图，社交平台会退化成纯文字卡片image
  • 缺少 og:site_name，卡片上不会显示站点名siteName

长度按字符估算，像素宽度用字符类型粗略换算；Google 实际截断还受字体与容器影响，这里只是近似。