免费注册

Open Graph 分享标签生成器

填好分享标题、描述和配图,看着卡片预览调整,再复制 og 和 Twitter Card 标签。

关于社交分享标签生成器

链接被转发到社交平台或聊天软件时,显示的标题、简介和配图,很大程度上由网页里的 Open Graph 标签决定。没有这些标签,平台只能自己猜,常常抓到一个无关的小图标,或者干脆没有图。在这里填写 og:title、描述、图片(含宽、高和替代文字)、网址、页面类型(文章、商品、视频等 6 种)、站点名称和语言区域,标签就生成好了。搜索结果里的标题和描述是另一组标签,可以用 Meta 标签生成器来写。

发到 X(Twitter)时,可以选小图的 summary 卡片或大图的 summary_large_image,再填上 twitter:site 和 twitter:creator 账号。Facebook、X 和微信的卡片预览随输入实时更新,图片直接按你填的网址加载,地址写错马上能看出来。注意,微信的分享卡片以微信自己的规则为准,不一定读取 og 标签。复制 HTML 放进网页 head,上线后用 社交分享预览检测检查线上页面。标签在浏览器里生成,内容不会上传。想知道哪次分享带来了访客,可以用 UTM 链接生成器给链接加上参数。

社交分享标签生成器怎么用

  1. 1
    填写基本信息

    输入标题、描述、网址、站点名称、类型和 locale。

  2. 2
    加上分享图

    填图片的完整网址和宽、高、替代文字,预览会按这个网址加载图片。

  3. 3
    选 X 卡片样式

    选 summary 或 summary_large_image,再填 @site 和 @creator 账号。

  4. 4
    复制标签

    把 HTML 粘贴进网页 head,上线后用社交分享预览检测核对。

为什么用熊仔工匠

  • 三种卡片预览

    Facebook、X 和微信的分享卡片随输入实时变化。

  • og 和 Twitter Card 一起生成

    og 标签加上 twitter:card、twitter:site、twitter:creator,一段代码全部包含。

  • 6 种页面类型

    website、article、product、video、profile、book。

  • 内容不上传

    标签在浏览器里生成,只有预览图会按你填的网址加载。

常见问题

社交分享标签生成器常见问题

og:image 用多大的图合适?
推荐 1200 × 630 像素,也就是 1.91:1,这是 Facebook 建议的尺寸,放在其他平台的大图卡片里也合适。图片地址要写完整的 https:// 网址,文件最好远小于 5 MB。
summary 和 summary_large_image 有什么区别?
summary 在标题旁边显示一张小方图,summary_large_image 在标题上方显示一张横向大图。配图本身很重要时选大图。
已经有 og 标签,还要加 Twitter Card 吗?
X 在没有对应的 twitter 标签时,会改读 og:title、og:description 和 og:image,但卡片类型要靠 twitter:card 指定,所以建议加上这一行。
微信分享会用这些标签吗?
微信的分享卡片由微信决定,不保证读取 og 标签;公众号网页一般通过微信 JS-SDK 设置分享的标题、描述和图片。这里的微信预览可以帮你检查标题长短和配图效果。
改了标签,Facebook 为什么还显示旧图?
Facebook 会缓存链接预览。改完标签后,用 Facebook 的分享调试工具(Sharing Debugger)重新抓取一次这个网址即可。
把社交分享标签生成器分享给朋友打开浏览器就能用,对方不注册也能先试。

相关工具

XML 网站地图 Sitemap 生成器自动抓取网站或粘贴网址列表,生成 XML 网站地图。
HTML Meta 标签生成器编写标题、描述和 robots 标签,实时检查长度并预览。
TXT Robots.txt 生成器生成 robots.txt,搜索引擎和 AI 爬虫都有预设。
JSON 结构化数据生成器生成常见问题、文章、商品、组织等类型的 JSON-LD 结构化数据。
CONF 301 重定向代码生成器生成 Apache、Nginx、IIS、PHP 和 HTML 的跳转规则。
URL UTM 链接生成器给链接加上 UTM 参数,在统计工具里区分推广渠道。
HTML hreflang 多语言标签生成器为网页的各个语言版本生成 hreflang 标签。
CONF Htpasswd 密码文件生成器生成 Apache、Nginx 基本认证用的 .htpasswd 内容。