SuperAPI AI 工具集

open-graph

营销与增长

查看项目

更新于 10-15 23:47

技能介绍

用途:该技能负责社交分享预览的 Open Graph 编写与实现规则,帮助页面在社交平台分享时生成正确的预览卡片。页面元数据的完整生命周期与发布验证由 page-metadata 负责。

主要能力:定义四个必备标签——og:title(分享语境下简洁有用,与 SEO 标题保持同一页面身份)、og:description(准确的社交摘要)、og:image(绝对 HTTPS URL,代表页面内容)、og:url(稳定的公开页面身份,通常与 canonical 一致)。推荐附加标签包括 og:type、og:site_name、og:image:width/height、og:image:alt、og:locale。

使用方式:在 HTML 中直接写入 meta 标签,或在 Next.js App Router 中通过 metadata 对象的 openGraph 字段配置。图片建议使用高分辨率、平台支持的格式、绝对 https URL,并尽量每页唯一;1200×630 是常见的跨平台起点,需核实目标平台当前要求。

测试与限制:可用 Facebook Sharing Debugger、LinkedIn Post Inspector 等工具测试已部署的绝对 URL,预览服务会缓存元数据,需刷新缓存;同时检查原始初始 HTML,仅客户端插入的标签可能不被所有抓取器识别。常见错误包括使用相对图片 URL、图片过小或比例错误、空值或占位值、缺少 og:url、复用通用 logo、机械复制 SEO 标题描述。Open Graph 与 SEO 元数据可使用不同文案,但必须指向同一页面、描述同一内容且不作无依据声明,不要求字符串完全一致。相关技能包括 social-share-generator、article-page-generator、page-metadata、title-tag、meta-description、twitter-cards、canonical-tag、og-image-generator。