问题标签 [share-open-graph]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
58 浏览

vue.js - 如何使用帖子封面图像作为 twitter 的卡片图像

我正在尝试使用 GridsomemetaInfo创建带有当前帖子封面图像的Twitter 卡片,但该图像未显示在卡片中。

由于g-image知道如何解析图像路径,因此我必须使用它才能将图像路径放入meta标签中。


编辑- 这个问题是为了记录我的知识,我知道答案,我希望这个问题本身会很好

0 投票
0 回答
332 浏览

twitter - twitter 卡验证器错误:未找到卡(卡错误),即使我有元标记

我按照本教程将社交媒体卡添加到我的网站:https ://www.gatsbyjs.com/tutorial/seo-and-social-sharing-cards-tutorial/

但是,我的网址https://www.peregrinastro.com/articles/jupiter-saturn-conjunction-in-aquarius-part-1-fresh-air仍然在 twitter 卡验证器中返回:

我可以看到我拥有所有元标记,那么可能是什么问题?

搜索引擎优化组件:

盖茨比-config.js

0 投票
0 回答
220 浏览

caching - 您如何清除 Whatsapp 上 URL 的片段元数据/打开图形缓存?

我使用 wordpress 创建了一个新网站,但在完全设置之前,我在 whatsapp 上分享了链接。whatsapp 上显示的片段在元描述中包含主题名称和作者信息。

我更新了网页上的元数据和 opengraph 信息。尽管如此,当我在 whatsapp 上共享链接时,显示的预览包含我认为由 Whatsapp 在他们身边缓存的较旧的元描述信息。

如何强制清除此缓存?或者,Whatsapp 多久刷新一次缓存?

使用新的或稍有不同的 URL 确实会显示更新的代码段,但这并不能解决我的问题,因为缓存不正确的 URL 是根 URL。

0 投票
1 回答
69 浏览

facebook-opengraph - Facebook Open Graph 抓取基本 URL 而不是实际 URL

我的投资组合页面的每个子页面都有单独的元标记,但我很挣扎 - facebook 只是在抓取我的主页https://larsejaas.com 截至目前,任何共享我页面的人都将获得相同的元图像和标题+描述页。该页面在 Gatsby 中构建并由 Netlify 托管

我已经使用https://developers.facebook.com/tools/debug/来调试问题,但似乎没有任何效果。在 Twitter 上,所有子页面都被正确识别。

如果我抓取https://larsejaas.com/grafik,我会在 facebook 共享调试器中获得以下重定向路径:

有人可以帮我在这里指出问题吗?

这是来自https://larsejaas.com/grafik的元标题片段:

0 投票
0 回答
62 浏览

laravel - Twitter OGP 不适用于 Laravel 和 Heroku

我不认为我错过了元标记中的任何内容。当我尝试验证我在此处设置的 URL 时收到以下错误消息:https ://cards-dev.twitter.com/validator

我想显示 OGP 图像的 URL: http: //apex-profile-generator.herokuapp.com/profile/4

我的 Laravel 应用程序中的元标记。

浏览的实际结果 在此处输入图像描述

我相信它肯定会显示所有必要的标签。有谁知道为什么我仍然收到错误?

0 投票
0 回答
22 浏览

wordpress - Facebook 正在加载开放图形图像但未显示

当我分享博客文章或检查共享调试器时,它显示如下

如您所见,它实际上是用大小刮掉图片链接

请注意,我使用堆栈缓存插件并尝试清除缓存。

0 投票
1 回答
92 浏览

jekyll - Jekyll 的 Open Graph 未按预期显示

对编程知之甚少,我按照Jekyll和https://jekyll.github.io/jekyll-seo-tag/installation/中 Opengraph 链接预览的描述,尝试为我的网站设置 Open Graph 预览。

结果,我可以property="og:title"在网站页面的 HTML 代码上看到 etc 标记。

但是,在 Telegram 上分享链接时,除了主页https://www.lintj.com/之外,大多数页面都没有预览

检查我的代码: https ://github.com/gclintj/test

0 投票
2 回答
1580 浏览

javascript - Twitter Open Graph 图像未显示

我正在尝试在网站中实现 OpenGraph。这是我的元数据代码:

它适用于 Facebook 共享调试器,输出如下: 在此处输入图像描述

但图像未显示在 twitter 卡验证器中: 在此处输入图像描述

我要显示的图像在我的资产文件夹中,结构如下: 在此处输入图像描述

感谢你们对我的帮助。

0 投票
1 回答
664 浏览

discord - OpenGraph 嵌入与 express&ejs 的不一致

我正在用 express.js 和 ejs 制作一个网站,我想在其中添加 OG 嵌入。具体来说,在 Discord 中的消息中使用时显示。我有一个https://domain/devs端点,它.ejs在标签中返回一个带有此类代码的文件<head>

一切看起来都正确,但当我https://domain/devs在 Discord 中使用消息时,什么都没有出现。我究竟做错了什么?如何正确地做到这一点?

PS为了澄清我对OG的意思,我想在消息中使用时https://domain/devs显示嵌入https://www.youtube.com/

0 投票
0 回答
12 浏览

twitter - 在没有链接的推特上分享

我在我们的应用程序中添加了一个分享到 Twitter 按钮,所有元标记设置如下。

该图像在 Twitter 上正确显示,但具有指向应用程序的链接。有没有办法只共享图像而不链接回应用程序并像定期上传的图像一样打开共享图像。

提前致谢。