什么是 Open Graph Meta 标签？
Open Graph 元标签是控制网页在社交媒体上共享时显示方式的代码片段。这些标签是 Facebook 开发的 Open Graph 协议的一部分，但 Twitter、Pinterest、LinkedIn 等其他社交网络也可以使用。
Facebook 于 2010 年推出了开放图谱协议，以加强其平台与其他网站之间的整合。其目的是简化在社交平台上共享网站 URL 的过程，将网站属性转化为丰富的图形对象。
此后，Twitter 和 LinkedIn 等其他平台以及 WhatsApp 等流行的消息应用程序也采用了开放图元标签。
基本开放图元标签
虽然 Facebook 的文档概述了各种 Open Graph 元标记，但以下五个标记对所有类型的内容都至关重要：
- og:title.标题：您要共享的页面的标题。
- og:type（类型）：内容类型（如文章、书籍、视频）。
- og:url：您要共享的页面的规范 URL。
- og:image：分享网页时显示的图片 URL。
- og:description.描述：内容的简短描述，一般为两到四句，显示在标题下方。
Open Graph Meta 标签为何重要？
开放图元标签至关重要，因为它们允许网站管理员控制页面的标题、描述、网站名称和图片在社交媒体网络共享时的显示方式。如果没有 OG 标签，Facebook 等社交平台就会根据页面的 URL、标题和元描述自动生成预览。这可能导致预览过长或使用低质量图片。
社交媒体网络是网站流量和转化率的重要推动力。经过优化的 OG 标签可以增强共享链接的外观，使其更具吸引力，更有可能吸引点击。
如何添加 Open Graph Meta 标签？
设置 Open Graph 元标记的过程因您使用的网站平台而异。以下是在 WordPress（最流行的内容管理系 统）中实施 OG 标记的快速指南：
- 安装 Yoast SEO 插件：登录 WordPress 控制面板，进入 "插件"，安装 Yoast SEO 插件（如果尚未安装）。
- 打开页面编辑器：导航至页面或帖子编辑器。
- 导航至 "Yoast SEO "部分：选择 Yoast SEO 部分中的 "社交 "选项卡。
- 输入 Open Graph 元数据：选择 "Facebook"，并为该页面提供所需的 Open Graph 元数据（标题、描述和图片）。Yoast 将自动设置 URL。
您也可以在网页的 HTML 代码中手动实施 Open Graph 元标记。下面是一个代码示例：
<meta property="og:title" content="Your Page Title Here" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://yourwebsite.com/page-url/" /> <meta property="og:image" content="https://yourwebsite.com/image-url.jpg" /> <meta property="og:description" content="简要描述您的页面内容。" />验证开放图元标签
设置好 OG 元标记后，就可以使用 Facebook 的 "共享调试器 "检查它们是否按预期运行。粘贴要检查的 URL，选择 "调试"，它就会扫描错误和 OG 标签建议。你还将获得 OG 属性概览，包括标题、图片和描述。
结论
开放图元标签是确保您的网页在社交媒体平台上有效共享的有力工具。通过提供清晰、简洁和具有视觉吸引力的预览，您可以提高参与度，为网站带来更多流量。
