如何给网站添加 OG 协议

最新推荐文章于 2024-07-23 03:40:56 发布

耳背的白泽

最新推荐文章于 2024-07-23 03:40:56 发布

阅读量1.1k

点赞数 1

分类专栏： HTML学习记录文章标签： html html5

本文链接：https://blog.youkuaiyun.com/qq_36066325/article/details/121028052

版权

本文介绍了如何使用OG协议为网站添加结构化的元数据，以控制社交媒体上的分享表现。基础属性包括og:title、og:type、og:image和og:url等，确保网页在被分享时显示正确的标题、描述和图片。同时，文章提到了og:description、og:site_name、og:video、og:type和og:locale等标签的用途，强调了遵循开放图谱协议的重要性，并提及不同社交平台可能对图像尺寸和格式的特殊要求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

示例参考：

<meta property="og:site_name" content="Colby Fayock" />
<meta
  property="og:title"
  content="Anyone Can Map! Inspiration and an
introduction to the world of mapping - Colby Fayock"
/>
<meta
  property="og:description"
  content="Chef Gusteau was a visionary who created food experiences for the world to enjoy. How can we take his lessons and apply them to the world of…"
/>
<meta
  property="og:url"
  content="https://www.colbyfayock.com/2020/03/anyone-can-map-inspiration-and-an-introduction-to-the-world-of-mapping/"
/>
<meta property="og:type" content="article" />
<meta property="article:publisher" content="https://www.colbyfayock.com" />
<meta property="article:section" content="Coding" />
<meta property="article:tag" content="Coding" />
<meta
  property="og:image"
  content="https://res.cloudinary.com/fay/image/upload/w_1280,h_640,c_fill,q_auto,f_auto/w_860,c_fit,co_rgb:232129,g_west,x_80,y_-60,l_text:Source%20Sans%20Pro_70_line_spacing_-10_semibold:Anyone%20Can%20Map!%20Inspiration%20and%20

最低0.47元/天解锁文章