专注网站建设十二余年，互联网深度定制服务商
在搜索、分享和嵌入的时代，Open Graph 标签对于通过社交媒体网站最好地展示您的网站至关重要。内容营销可能是您在线营销策略的重要组成部分，因此您的 URL（例如博客文章和登录页面 URL）在通过社交媒体平台分享时引人注目非常重要。
尽管 Open Graph 标签不会影响您网页的 SEO，但它们可以提高您网站的显示和整体可用性。因此，如果您尚未使用 OG 标签和图像，那么开始使用非常重要！让南京网站建设我们回顾一下基础知识。
什么是 Open Graph 标签？
Open Graph 元标签（或 OG 标签）和图像是 Facebook 于 2012 年发明的，目的是在平台上正确显示 URL 的预览。在使用 Open Graph 标签之前，用户无法控制其 URL 在发布到 Facebook 时的外观。
将代码片段（标签）添加到您的网页可以确保您的页面在社交媒体上分享时显示图像、标题、描述等。Facebook 对 Open Graph 有自己的标准，而其他平台（例如：Twitter）则有不同的标签来在其 Feed 中显示您的 URL。
为什么 Open Graphs 标签很重要？
南京网站建设认为从本质上讲，Open Graph 标签使您的网站更“可共享”。如果你想为你的网站增加流量，你可能会在社交媒体平台上分享你的网站。Open Graph 标签和图像会生成一个更具吸引力的 URL，该 URL 通常会显示图像、标题和描述，让用户在点击链接之前就知道页面是关于什么的。
重要的 Open Graph 标签
有四个 Open Graph 标签应该被认为是每个网页必不可少的，而其他几个标签则不太重要，但仍可能对您的网站可用性和共享能力产生影响。四个最重要的 Open Graph 标签是：
og：标题： 这通常与您的 SEO 标题标签相同，除非您希望它在社交媒体上以不同的方式显示
og：类型：它是什么“类型”的网页？Og：type可以是视频、文章、网站等。
og：图片： 此标签应链接到您要显示的图像
og：url：页面的 URL
这四个标签都应该在您的每个页面上使用，尽管您可以包含许多其他 Open Graph 标签：
og：描述： 您的页面或博客文章的简短描述。
og：site_name：您的网站或应用的名称。
og：locale： 您的页面或博客文章所使用的语言和地区。
og：updated_time：页面或博客文章的最近一次更新时间。
og：音频：表示您的网页或博客文章的音频 URL。
og：视频： 代表您的网页或博客文章的视频网址。
Twitter 的重要 Open Graph 标签
Twitter 有自己的一套 Open Graph 标签，包括所谓的 Twitter 卡片。 不同类型的 Twitter 卡片可以优化您的内容，使其在 Twitter 源中正确显示。如果您的网站是在 Twitter 上分享的，以下是您可以添加到网站 HTML 中的一些标签：
Twitter：卡片：区分视频、图像等的多媒体格式（回退到 og：type）
Twitter：标题： 页面标题（回退到 og：title）
Twitter：描述： 网页的描述，（回退到 og：description）
Twitter：图片： 显示图像（回退到 og：image）。
Twitter：网址： 显示网站 URL（回退到 og：url）。
如果您的网站上不存在这些标签，则上述类型会回退到您的 Open Graph 标签。以下标签特定于 twitter：
Twitter：卡片：区分视频、图像等的多媒体格式（回退到 og：type）
Twitter：标题： 页面标题（回退到 og：title）
Twitter：描述： 网页的描述，（回退到 og：description）
Twitter：图片： 显示图像（回退到 og：image）。
Twitter：网址： 显示网站 URL（回退到 og：url）。
如何使用 Open Graph？
要使用 Open Graph 标签，只需将所需的标签添加到您要分享的页面的 HTML（或 <head>）中，包括“og：”前缀。例如，要包含页面标题，您需要添加以下内容：
<元属性=“og：title” content=“我的页面标题”>
twitter 的一个例子是：
<元属性=“推特：站点”内容=“@MyTwitterHandle”>
这是一个真实的 Pagecloud 示例，用于 Twitter：title 标签：
大多数网站建设者，如 Pagecloud，在您的页面上都有一个 SEO 部分，您可以在其中输入 Open Graph 内容，而无需向页面添加标签 <head>。
