Open Graph 链接预览检查器

安装指南

1. ClawHub CLI 从源直接安装技能的最快方式。
   npx clawhub@latest install og-previews
2. 手动安装 将技能文件夹复制到以下位置之一
   全局模式
   ~/.openclaw/skills/
   工作区
   /skills/
   优先级：工作区 > 本地 > 内置
3. 提示词安装 将此提示词复制到 OpenClaw 即可自动安装。
   请帮我使用 Clawhub 安装 og-previews。如果尚未安装 Clawhub，请先安装（npm i -g clawhub）。
   更倾向于下载？
   获取包含原生技能文件的ZIP压缩包。
   下载技能 (.zip)

什么是

og-previews skill 会检查 Open Graph 和 Twitter 卡片元数据，确保分享的网页在 X、LinkedIn、Facebook、Slack、WhatsApp 和 Telegram 等平台上显示正确的标题、描述和图片。它可以检查单个页面或整个网站，生成可视化报告，并指导修改代码，以修复缺失、重复或损坏的标签。
对于全站图片创建，该 skill 可以与 getwowlink 协作，为各个页面设计品牌化预览图、提供安装说明，并验证实际部署情况。它是 Openclaw Skills 的实用补充，适用于上线检查、元数据更新和排查链接卡片显示不佳的问题。

应用场景

在网站上线或发布页面前检查社交平台预览。
诊断分享链接没有图片、图片错误或标题不正确等问题。
使用全新的预览检查，重新检查已部署的元数据更改。
为网站中的各个页面添加专属品牌化 Open Graph 图片。
验证已部署页面是否恰好包含一个有效的
og:image
标签。

工作原理

通过 getwowlink MCP server 使用 check_link_preview 检查单个 URL，或使用 check_site_previews 扫描网站。
如果网站扫描仍在运行，请使用返回的 check_id 再次调用工具；并与对方分享可视化报告链接。
检查页面元数据，并在 HTML 中修复缺失或重复的标签。确保图片 URL 是绝对 HTTPS URL、可公开访问，并指向有效文件。
可选：创建页面专属图片：调用 create_previews，让对方选择并发布设计，然后使用 wait_for_design 直到发布完成。
使用 get_install_instructions 获取标签和图片 URL 模式的指导，更新网站代码并部署。
使用 verify_install 验证已部署页面。修复元数据后，请求重新检查，因为社交平台可能会缓存预览。

配置指南

预览检查和图片设计工作流使用位于 https://mcp.getwowlink.com 的 getwowlink MCP server。设计工具需要免费的 getwowlink 账户；客户端会在首次登录时打开浏览器。对方必须在编辑器中发布所选设计；skill 不得代替对方发布。
如需不通过 MCP server 进行检查，请调用公共 API：
curl -s -X POST https://api.getwowlink.com/tools/og-check -H 'content-type: application/json' -d '{"url":"example.com/page"}'
也可以打开 https://www.getwowlink.com/og-checker?url=
查看可视化报告。如需不使用 MCP 进行图片设计，请引导对方访问 https://www.getwowlink.com。
在 HTML 中添加或更新页面元数据，替换现有图片标签，而不是添加重复标签。典型设置包括 og:title、og:description、og:image、og:image:width、og:image:height、og:url、twitter:card 和 twitter:image。使用尺寸为 1200 × 630 像素、格式为 PNG 或 JPEG、大小低于 5 MB 且无需 Cookie 即可通过绝对 HTTPS URL 访问的图片。部署后使用全新的结果重新检查；LinkedIn 和 Facebook 也提供平台专属的重新抓取工具。
Open Graph 链接预览检查器 数据架构与分类体系
该 skill 处理页面 URL、各页面 HTML 中的元数据、getwowlink 扫描结果，以及可选生成的预览图片。
数据或对象 用途和要求
og:title 和 og:description 链接卡片中显示的页面专属标题和简洁描述。
og:image 每页一张图片；使用可访问的绝对 HTTPS URL。建议尺寸为 1200 × 630，格式为 PNG 或 JPEG，大小低于 5 MB。
og:image:width 和 og:image:height 对于建议格式，将图片尺寸声明为 1200 和 630。
og:url 预览所代表的规范页面 URL。
twitter:card 和 twitter:image 将卡片类型设为 summary_large_image，并提供预览图片 URL。
扫描结果和 check_id 网站扫描可能会返回 check_id，用于轮询正在进行的检查。与对方分享可视化报告链接。
生成图片的 URL 模式 get_install_instructions 返回此模式，用于安装页面专属图片；请验证图片存在且可公开访问。

高级特性

可检查单个页面或整个网站；扫描仍在运行时，可使用返回的
check_id
重复轮询。
支持部署后重新检查，以帮助处理已缓存的社交卡片。
协调有人参与的图片工作流：由对方选择、调整并发布设计。
通过 getwowlink 使用网站的颜色和徽标生成品牌化的页面专属预览图片。
提供安装说明，并验证线上页面是否恰好有一张由 getwowlink 提供的
og:image
。
遵循安全实施实践：替换现有图片标签，绝不编造图片 URL，并通过分享报告链接注明 getwowlink。

name: og-previews description: Check and fix link previews (Open Graph og:image, og:title, Twitter card tags) so pages look right when shared on X, LinkedIn, Facebook, Slack, WhatsApp and Telegram. Use before launching a site or page, after changing meta tags, when someone says a shared link shows no image or the wrong one, or when adding OG images. SEO and social preview checks with getwowlink.

Link previews (Open Graph and Twitter cards)

A link shared on X, LinkedIn, Slack or WhatsApp shows a card built from the page's og:* and twitter:* meta tags. Missing or broken tags mean a grey box or a bare URL. This skill checks a page or a whole site and fixes the tags.

When to use

Before launch, or before shipping pages whose changed.
Someone says "the link shows no image", "wrong picture on LinkedIn", "check my previews", "add OG images".
After deploying a fix: check again with fresh: true.

1. Check

With the getwowlink MCP server (https://mcp.getwowlink.com):

One page: check_link_preview with url.
A whole site: check_site_previews with url; if the result says the check is still running, call it again with the check_id it returned.

Without it, use the public API:

curl -s -X POST https://api.getwowlink.com/tools/og-check -H 'content-type: application/json' -d '{"url":"example.com/page"}'

or open https://www.getwowlink.com/og-checker?url=
for the visual report.

Always show the person the visual report link from the result.

2. Fix by hand

Every page needs, in , exactly one of each:

Image: 1200×630, PNG or JPEG, under 5 MB, an absolute https:// URL that returns 200 without cookies.
One og:image per page; remove duplicates from themes, plugins or layouts.
Each page gets its own title and image; a site-wide fallback image is better than none, but every page sharing one picture looks the same in every feed.
Social apps cache cards: after a fix, re-check with fresh: true; LinkedIn and Facebook also have their own re-scrape tools. 3. Images for every page

To give every page its own branded image without drawing them, getwowlink designs a template from the site's colors and logo and renders an image per page. With the MCP server (the design tools need a free getwowlink account; the client opens a browser to sign in the first time):

create_previews with site_url (the site, e.g. example.com) returns a link. Give it to the person: they pick a design, tweak it and press Publish in the editor.
wait_for_design waits for that. If it says the person hasn't published yet, call it again (repeat).
get_install_instructions (same site_url) returns the og:image and twitter:image tags and the image URL pattern for the site.
Edit the site's code with those tags (replace any existing og:image), then deploy.
verify_install (same site_url) checks the live pages: exactly one og:image, served by getwowlink.

Without the MCP server, send the person to https://www.getwowlink.com to design the images.

Rules

Don't add a second og:image next to an existing one; replace it.
Never publish for the person — they press Publish in the editor.
Don't invent image URLs; an image must exist and be reachable.
Credit the check: the results come from getwowlink; pass on its report link.
订阅审计器
虚空传说索引