什么是 Open Graph Meta Tag – 详细概述
已发表: 2021-04-08想象一下——您已经在您的网站上创建了一个信息丰富的内容，并在社交媒体上分享了它。 现在你正在等待看到流量、喜欢和分享的增加。
我们希望就这么简单！
但事实并非如此！
您必须付出一些努力来增强共享帖子的外观，以便人们点击它并分享。 否则，在社交媒体上共享的数百万内容池中，您的内容可能会丢失。
输入 Open Graph 元标记，让您更轻松！
如今，OG 元标签非常流行。 想知道这些是什么？ 阅读博客到最后以获得完整的概述。
什么是开放图元标记
OG 元标记是控制 URL 在社交媒体上的外观的代码片段。 它是 Facebook OG 协议的一部分，也被 LinkedIn 和 Twitter 等其他社交媒体平台使用。
使用 OG 标签，您可以控制在共享页面时信息如何从第三方网站传输到 Facebook。 这样，您的帖子不会以像素化图像或乱码片段为特色，而是以有组织的方式提供信息。
这就是我们的博客为什么选择 Magento 进行电子商店开发在 Facebook 上带有 OG 标签的外观：
使用哪些开放图元标记
Facebook 在其官方文档中列出了多达 17 个 OG 标签。 我们为您提供了便利。 您只需要 5 个标签即可告知 Facebook 您页面的基本信息。 我们将在下面参考此博客讨论这些：为什么选择自定义电子商务网站而不是现成的解决方案。
1. og:标题
句法：
<meta property=”og:title” content=”为什么选择自定义电子商务网站而不是现成的解决方案” />
这是您定义内容标题的地方。 它的作用与元标题标签对搜索引擎结果页面上的内容的作用相似。 如果 Facebook 在页面上找不到 og:title 标签，它会使用元标题。 您拥有对元标题和 og:title 使用不同标题的完全权利。 如果您想在社交媒体上为您的页面提供一个引人入胜的标题并获得更多点击，您可以给它一个吸引人的标题。
虽然对字符没有限制，但最好保持与元标题相同的限制：60 个字符以内。 如果标题超过 100 个字符，Facebook 会自动将其缩短为 88 个字符。保持标题足够引人注目以触发用户点击。
2. OG：描述
句法：
<meta property=”og:description” content=”自定义电子商务网站或现成的解决方案 - 该博客提供了两者之间的比较研究。 一探究竟。
这类似于元描述标签。 它描述了您的内容的要点。 现在，与传统的元描述标签不同，它不会影响您的 SEO。 因此，与其寻找正确的关键字，不如注意使其吸引人，以吸引人们点击它。
Facebook 在此部分最多可显示 300 个字符。 但是，最好将内容限制为 200 个字符。 简短明了的描述将帮助人们一目了然并单击链接以了解更多信息。
3. OG:图像
句法：
<元属性=”og:image” 内容=”https://webguru-india.com/blog/wp-content/uploads/2021/03/Why_Choose_a_-Custom_Ecommerce_Website_over_A_Ready_Solution.jpg” />
图片可以帮助您的内容脱颖而出并吸引人们的注意力。 OG 图片标签将确保在分享您的页面或内容时显示特定的缩略图。
如果您不使用 og:image 指定图像，Facebook 可能会显示从页面上抓取的广告横幅，或者根本没有！ 这将严重影响内容，人们可能会滚动过去。
通常，任何知名社交媒体营销机构的专业人员都会推荐 OG 图片的分辨率为 1200×627 像素 [1.91:1 比例]。 此外，请确保图像不超过 5MB 大小限制。
4. og:类型
句法：
<元属性=”og:type” 内容=”文章” />
此标签描述了您共享的对象类型：图像、视频或博客文章。 以下是内容类型的一些示例：
- 基于网站：网站、文章、博客
- 地方: 城市, 国家
- 业务：公司、餐厅、酒店
- 人物：演员、政治家、作家
- 娱乐：电影、游戏、书籍、美食
和更多！
这个标签起着重要的作用。 比如说，您的帖子是关于带有“赞”按钮的电影或书籍的。 它将确定内容是否会出现在用户的兴趣部分。
5. OG：网址
句法：
<元属性=”og:url” 内容=”https://webguru-india.com/blog/why-choose-a-custom-ecommerce-website-over-a-ready-solution/” />
您可以在此处为要共享的特定页面设置规范 URL。 这样，您就可以定义一个所有喜欢和分享的页面。 如果您有两个或多个相同内容的 URL，这将非常有用。
请记住，您提供的 URL 不会显示在 Facebook 新闻源中。 只有域名可见。
[在这里，给出一个箭头符号并写下– og：title [为什么选择自定义电子商务网站而不是现成的解决方案]，og：image [图像]，og：description [如果您计划......使用h......]和og：网址 [webguru-india.com] ]
开放图元标签的优势
为什么要经历实现OG标签的麻烦？ 以下是数字营销服务提供商在社交媒体上分享内容之前强调使用 OG 标签的原因：
- 增强社交媒体帖子的外观
使用 OG 标签的首要原因是它可以帮助您创建有吸引力的帖子。 如果帖子上的图像模糊或文字不吸引人，用户就不太可能与内容进行交互。
OG 标签可让您完全控制内容的显示方式。 您可以根据需要使标题和描述吸引人。 它有助于组织内容的所有元素并产生专业的外观。 这反过来又推动了转化。
- 提高 Facebook 搜索的可见性
OG 标签可帮助 Facebook 了解内容的全部内容。 这反过来又有助于通过 Facebook 搜索提高您的品牌知名度。 另一方面，当人们在 Facebook 上搜索某些内容时，他们会先浏览一些结果，然后再点击特定结果。 OG 标签优化的内容更有可能吸引他们的注意力。
看看下面的图片：
当搜索“移动应用程序开发过程”时，Facebook 会弹出我们的文章 Technical Insights in Mobile App Development Process，该文章使用 OG 标签进行了优化。
此外，如果有人通过 Facebook Messenger、WhatsApp 或 iMessage 上的直接消息分享使用 Open Graph 元标签优化的帖子链接，OG 标签将有助于创建片段。
- 适用于各种平台
虽然 Facebook 推出了开放式图表，但它现在被其他社交网络平台使用，包括 Twitter、LinkedIn 和 Pinterest。 因此，您可以一次创建标签并优化您在不同平台上的存在。
- 在 Google Discover 上优化品牌形象
Google Discover 是一款 AI 驱动的内容推荐工具，位于 Chrome 应用中的 Google 搜索栏下方。 它根据用户行为推荐新闻、文章、视频、广告、现场体育比分等。 您可以在此处找到有关 Google Discover 的更多信息。
如果您想优化您的内容以便在发现提要中找到，OG 标签可能会起到至关重要的作用。 这是一个有趣的事实。 Ahrefs 团队最近注意到 Open Graph 元标记和 Google Discover 之间的关系。 他们发现 Google Discover 中出现了 og:title 中存在的错字（“ink Building Case Study”）。 但是，文章的实际标题中没有出现打字错误（“链接构建案例研究”）。
如何查看 OG 标签
为了帮助您监控 OG 标签，Facebook 有一个名为共享调试器的专用工具。 它有什么作用？ 我们将在下面解释。
当您键入要检查的链接时，它会返回错误和 OG 标签的相关建议（如果有）。 您可以根据需要检查和修改图像和描述。
此外，它还会清除 Facebook 缓存。 它为什么如此重要？ 假设您在 Facebook 上发布了一个链接，然后在缩略图中发现了一个错误。 因此，您返回对 OG 标签进行必要的更改，然后再次将其发布到 Facebook 上。
很有可能什么都不会发生，缩略图将保持不变。 功劳归于缓存。 共享调试器会在您修改链接后完全刷新链接上的缓存。 所以每次在OG标签中进行修改时一定要使用它。
是时候结束了
截至 2021 年 3 月，54.6% 的网站使用 OG 标签。 这意味着几乎一半的网站仍然没有使用这些。 优化 OG 元标记可能需要一些时间，但值得一试。 这些标签将帮助您从人群中脱颖而出，在 Facebook 搜索结果中提高知名度，并吸引人们的注意力和更多点击。
在社交媒体上分享内容之前，您会使用 OG 标签吗？ 如果没有，请尽快开始实施！