如何使用 Open Graph Examples
选择模板: 从ogimage.org提供的预设计开放图谱图像模板中选择一个,例如Emoji、Icon、Image、Button、Headline等。
定制模板: 使用HTML、CSS、JavaScript或Tailwind修改模板的文本、颜色、图像和其他元素,以匹配您的品牌和内容。
生成图像: 使用ogimage.org工具根据您定制的模板自动生成开放图谱图像。
添加Open Graph元标签: 在网页的HTML中添加适当的Open Graph元标签,包括带有生成图像URL的og:image。
测试图像: 使用Facebook Sharing Debugger等社交媒体调试工具测试您的开放图谱图像在共享时的显示效果。
为多个页面实施: 设置ogimage.org工具为网站上的多个页面自动生成独特的开放图谱图像。
托管代码: 将ogimage.org代码托管在您自己的服务器上或使用Vercel、Firebase或GitHub Pages等托管提供商。
Open Graph Examples 常见问题
Open Graph 图片是一种自定义图像,当你在 Facebook、Twitter、LinkedIn 等社交媒体平台上分享链接时会出现。它提供了所分享内容的视觉表示。
查看更多