Open Graphs 最推荐的用途是什么?我如何扩展我目前拥有的?

问题描述 投票:0回答:0

美好的一天,我的主要问题是我是否最有效地使用了 Open Graphs?在下面的代码中,您会看到我为我的网站使用了“og”标签。这些工作完全正常。然而,我看到其他网站显示的内容比 Open Graph 标签似乎支持的要多。我了解每个平台 does 有时都有自己独特的标签。我最近还发现了“oEmbed”标签。它们是扩展我的 OG 标签的解决方案吗?我试过使用它们,链接到一个 .json 文件,但是我无法让它们影响页面。 (我知道缓存并已经说明了这一点)现在我已经解释了情况,这里有一些我的目标示例,以及我目前正在使用的代码:

以粗体突出显示的元标记似乎根本不起作用,但我保留了它们以供将来参考,希望当我了解它们的工作方式或发现它们不受支持且我的来源错误时,它们最终可能会有所作为。

<!-- General Open Graphs -->
<meta property="og:title" content="Title">
<meta property="og:description" content="This is a description of my page!">
<meta property="og:image" content="http://mysite.rf.gd/assets/image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:url" content="http://mysite.rf.gd/">
<meta property="og:type" content="website">
<meta property="og:site_name" content="My Website">
<meta name="theme-color" content="#0c4a01">
    <!-- Discord's Open Graphs -->
        **<meta property="discord:logo" content="http://mysite.rf.gd/assets/favicon.ico">**
        **<meta property="discord:color" content="A020F0">**
    <!-- WhatsApp's Open Graphs -->
        **<meta property="thumbnail" content="http://mysite.rf.gd/assets/favicon.ico">**
<!-- Twitter's Open Graphs -->
<meta name="twitter:title" content="Title">
<meta name="twitter:description" content="This is a description of my page!">
<meta name="twitter:image" content="http://mysite.rf.gd/assets/image.png">
<meta name="twitter:url" content="http://mysite.rf.gd/">
<meta name="twitter:site" content="@WebsiteTestSite">
<meta name="twitter:creator" content="@WebsiteTestSite">
<meta name="twitter:card" content="summary_large_image">

这里有两张图片,说明链接在 Discord 等区域中的显示方式: 如您所见,徽标/缩略图/网站图标,无论归类为哪个,都可以在图像上方和下方看到,作为个人资料图像和/或站点图标/徽标。它还显示帖子发布的日期。为了找到有用的东西,我确实在浏览器中检查了这些元素,但由于这些只是平台端的嵌入式内容,这并没有告诉我太多,除了代码将底部图像称为“页脚”之外。

Instagram:

推特:

我已经在互联网上搜索了一段时间,想找到一些东西来解释这些额外的标签,但似乎什么也没有。也许这些与某些平台合作更深入地嵌入到精美的网站中?我不完全明白它是如何工作的。我已经对 oEmbed 标签做了一些研究,以防它们是这个问题的答案,但它们似乎对我来说根本不起作用,也许这就是要问的问题,我真的不确定。

希望这篇文章有意义,我希望我已经很好地解释了我的问题,以便你们能就该怎么做向我提出建议!

~感谢阅读

我没有意识到还有另一个输入字段。我尝试了许多不同的解决方案,大多数都没有用。我期待找到更多的开放图谱,使用它们并可能在嵌入式链接中显示多个图像或提供类似的数据。

html hyperlink facebook-opengraph meta-tags oembed
© www.soinside.com 2019 - 2024. All rights reserved.