📇 社会与分享标准、职业和分享
Open 图和推特卡生成器
填入您的页面细节并观看真正的 Facebook, LinkedIn 和 X 卡将您输入时的版本变成真实的 。 获取一套经验证的、 复制版的 Open Graph 和 Twitter Card 元标签 — — 即为构建链接预览而读的精确标记平台 。
✓ 活卡预览
在浏览器中运行
无注册
瞄准大约60个字符 这样就不会短路
大部分社会卡上 都有110个人物全数显示
绝对 https URL, 建议 1200x630 。
Facebook/链接的预览
无图像 - 添加 og:image URL
example.com
( XTwitter) 预览
无图像 - 添加 og:image URL
example.com
生成元代金标签
如何生成打开图表和推特卡标签
从页面细节到一个经过验证的复制版社会预览,四步。
1
输入页面 URL、标题和描述
粘贴共享页面的绝对 URL, 然后在社交卡上写上您想要显示的标题和描述 。
2
添加共享图像并设置类型
提供绝对 https og:image (ideally 1200x630) 选择您的 og:type 和 Twitter 卡, 并添加您的@handle 。
3
检查 Facebook 和 X 预览的现场预览
注意 Facebook/ LinkedIn 和 X 的卡, 键入并解决以下任何长度或图像验证警告 。
4
将标签复制到您的页面头
复制生成的 Open Grap 和 Twitter 元标签, 并在这些标签中粘贴 <head> 页面中,然后用平台调试器重新拼接。
打开图图和推特卡问题
打开图( og :) 是共享协议的Facebook、 LinkedIn、 Slack、 WhatsApp、Pinterest 以及大多数平台, 以及大多数平台都读取以建立链接预览 。 Twitter Card (Twitter:) 是 X 自己的词汇, 控制卡布局, 例如摘要与摘要 Qs summa_ image 。 它们有很大的重叠 : 标题、 描述和图像可以来自 og: 标签 。 Twitter 特定标签只添加了 og: 无法表达的东西, 例如卡的样式和 @ site 手柄 。
使用 1200x630 像素( a 1.91:1 比率) 来使用Facebook、 LinkedIn 和 X 速记_ prignium_image 全部使用的大卡, 以填充框架而不裁剪。 将文件保持在5 MB 之下, 并在绝对 https URL 上服务, 因为平台无法可靠地获取亲戚或 http 图像。 Facebook 接受的最小值是 200x200, 但小图像作为小缩略图而不是英雄卡而产生 。
每个平台都缓存了它所刮的牌的第一版,有时长达几周,所以旧标题和图像在您修正标签后会一直存在。强制进行重拼 : 将 URL 粘贴到 Facebook 共享调试器中, 并再次单击 Scrape, 使用 LinkedIn 邮递检查员, 并在 X 上分享链接以刷新其缓存 。 确认标记实际上在 HTML 上, 以后不会被 JavaScript 注入, 而大多数剪贴者都没有执行 。
并非全部。 当缺少一个 Twitter 标签时, X 返回到匹配的 Open Grag 标签 —— og: title, og: description and og: image 覆盖了大部分卡片。 所以, 实际的最低要求是完整的 og : 标签加上twitter: 选择布局和 Twitter 的卡片: 归属点 。 添加 og: 标签还意味着Facebook、 LinkedIn、 Slack 和其他任何地方的相同的预览工作, 所以要用 og : 并且只添加少数的 twitter : og: 无法表达的标签 。
需要大规模生成的社会标签吗?
此工具完全在您的浏览器中运行, 没有任何可调用的东西, 也没有留下任何东西。 对于 CMS 插件、 CI 和大页, 付费计划中有一个程序 Open Graph API 。