简单易懂的 Open Graph 入门指南：如何为您的网页添加元数据

随着社交媒体的普及和使用频率的增加，越来越多的网站开始关注如何在社交媒体上展示自己的网页内容。如果您是一名网站开发者或者内容创作者，您可能已经注意到，当您的网页被分享到社交媒体上时，社交媒体平台会自动从您的网页中提取一些元数据，并用于展示网页的标题、描述、图片等信息。如果您不想让社交媒体平台随意提取您的网页信息，或者想要更好地控制您网页在社交媒体上的展示效果，那么您可以考虑使用 Open Graph 标签。

Open Graph 是一个由 Facebook 提出的协议，它定义了一系列的元数据，用于描述网页的内容。当您在网页中添加了 Open Graph 标签后，社交媒体平台就可以更好地理解您的网页内容，并展示更加准确和吸引人的信息。例如，您可以设置网页的标题、描述、图片、类型等元数据，以便社交媒体平台在分享您的网页时展示更加精准的信息。同时，Open Graph 标签的使用也可以增加您网页在社交媒体上的曝光率和流量。

本指南将介绍如何使用 Open Graph 标签为您的网页添加元数据。我们将从什么是 Open Graph、为什么要使用 Open Graph 开始讲起，然后介绍 Open Graph 标签的使用方法，以及如何测试和调试您的 Open Graph 标签。

<meta> 标签的 property 属性可以用于设置各种不同的 Open Graph 标签，用于描述页面的元数据，以便社交媒体平台如 Facebook、Twitter 等更好地展示页面的内容。以下是常见的 Open Graph 标签示例：

• og:title：页面的标题。
• og:type：页面的类型，例如 article、video、music 等。
• og:url：页面的网址。
• og:image：页面的主要图片。
• og:description：页面的描述信息。
• og:site_name：页面所属的网站名称。
• og:locale：页面所使用的语言和地区信息。
• og:article:published_time：文章的发布时间。
• og:article:modified_time：文章的修改时间。
• og:article:author：文章的作者信息。
• og:article:section：文章所属的分类或栏目。
• og:video：视频相关的元数据，包括视频的 URL、宽度、高度、时长等。
• og:audio：音频相关的元数据，包括音频的 URL、标题、艺术家等。

除了上述示例之外，还有很多其他的 Open Graph 标签可以使用，具体可以参考 Open Graph 协议的官方文档。值得注意的是，不同的社交媒体平台可能对 Open Graph 标签的支持不同，具体需要根据实际情况来选择使用哪些标签。

扫码添加UTHEME微信为好友

· 分享WordPress相关技术文章，主题上新与优惠动态早知道。
· 微信端最大WordPress社群，限时免费入群。