🌐 OG标签生成器
免费的在线OG标签生成器,帮助您为网站创建Facebook和LinkedIn分享所需的meta标签代码。
常见问题
- Q:Open Graph 和 Twitter Card 有什么区别?
- A:Open Graph 是 Facebook 提出的通用协议,被大多数社交平台支持;Twitter Card 是 Twitter 特有的扩展协议,提供了更多 Twitter 平台专属的属性(如 @twitter:creator)。最佳实践是同时配置两者,og: 标签用于通用平台,twitter: 标签用于 Twitter 优化。
- Q:og:image 的图片有什么要求?
- A>推荐尺寸 1200×630 像素(1.91:1),最小 600×315。文件格式支持 JPG、PNG、GIF(仅首帧)。文件大小建议不超过 300KB。图片必须是公开可访问的,不能需要登录或存在 robots 限制。
- Q:SPA 单页应用的 OG 标签如何配置?
- A>SPA 页面的内容通过 JavaScript 动态渲染,社交平台爬虫通常不会执行 JS。解决方案包括:使用 SSR(Next.js、Nuxt.js)在服务端渲染 OG 标签、使用预渲染工具(prerender.io)生成静态快照、或使用动态 meta 标签服务(如 MetaTags.io)。
- Q:如何清除社交平台缓存的旧分享预览?
- A>Facebook:使用 Sharing Debugger 工具点击 "Scrape Again"。LinkedIn:使用 Post Inspector 工具。微信:公众号文章会自动更新,普通网页可能需要较长时间。建议更新内容后主动触发各平台的缓存刷新。
- Q:og:type 有哪些可选值?
- A>常用的 og:type 包括:website(网站)、article(文章)、profile(个人资料)、video(视频)、music(音乐)、book(书籍)。选择正确的类型有助于平台更精确地理解和展示你的内容,其中 article 类型还支持 article:author、article:published_time 等扩展属性。
- Q:OG标签生成器工具有移动端版本吗?
- A:有的。OG标签生成器工具采用响应式设计,在手机、平板等移动设备的浏览器中都能正常使用,操作体验与桌面端一致。
- Q:在线OG标签生成器工具的数据安全吗?
- A:非常安全。我们的OG标签生成器工具采用纯前端技术实现,所有数据处理都在您的浏览器本地完成,不会上传到任何服务器。您可以放心处理包含敏感信息的数据。
- Q:OG标签生成器工具支持哪些浏览器?
- A:支持Chrome、Firefox、Safari、Edge等所有主流现代浏览器的最新版本。建议使用Chrome浏览器以获得最佳性能和兼容性体验。