最新消息:

Open Graph Examples,社交媒体内容分享设计示例大全

工具 xunihao 36浏览 0评论

Open Graph 是Facebook 在2021年所推出的协议,旨在标准化网页上的元数据信息,以便在Facebook、X、Line等社交媒体平台上分享时更好地呈现分享链接内容。通过使用Open Graph标签,可以控制分享时显示的标题、摘要、图像等关键信息,使内容在社交媒体上更具吸引力。

使用Open Graph非常简单,只需在网页的头部插入一些HTML标签。

一些基本的Open Graph标签:

og: title :设定分享时所展示的标题。

og: description:设定分享时所展示的描述。

og: type:设定分享的类型,比如 video.movie 或 article,可根据指定的类型添加不同的属性。

og: image:设定要显示的图片链接。

og: url:设定一个指定要分享的连结网址(URL)或当前页面的连结网址(URL)。

<meta property="og:title" content="您的标题">
<meta property="og:description" content="您的描述">
<meta property="og:image" content="您的图像链接">
<meta property="og:url" content="您的网页链接">

Open Graph标签也是SEO需要重点优化的地方。

那么,有没有经典的Open Graph使用案例可以直接借鉴的呢?

Open Graph Examples 就是一个这样的站点,Open Graph Examples收集了600多个使用Open Graph具有代表性的网站,每一个网站都附上了网站截图,网站Open Graph Meta Tags ,直接可以借鉴使用。要是能够再直接附上在Facebook、X等社交媒体分享呈现的效果就完美了。

Open Graph Examples还提供了检查网站Open Graph的工具 Open Graph Check,可以预览在X (Twitter) 、Facebook、LinkedIn的分享效果。

官网地址:https://opengraphexamples.com/

Open Graph Examples 推荐的 https://ogimage.org 可以自动生成精美的Open Graph标签,只不过是收费产品。

类似免费工具:

https://opengraph.dev

https://www.opengraph.xyz

 

更多产品创意

 

转载请注明:虚拟号之家 » Open Graph Examples,社交媒体内容分享设计示例大全

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址