问题标签 [og-meta]

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 回答
897 浏览

php - 如何在 zend 中动态设置开放图元标记以进行 facebook 共享

我想动态设置开放图形元标记,以便可以从控制器或视图中完成。我尝试了很多我在搜索过程中得到的东西,但没有成功。以下是我已经尝试过的解决方案:

我在 Module.php 的 onBootstrap 方法中写了以下几行

然后在视图的 index.phtml 中,我尝试通过编写以下代码行来设置描述元标记。

我也尝试过这个解决方案,我在控制器中编写了以下代码行。

有什么方法可以动态设置开放图元标记?我必须设置这些元标记“og:url”、“og:title”、“og:image”、“og:description”。

0 投票
0 回答
252 浏览

php - Facebook Share og:title 没有在 Cakephp 3 上拉变量

我的 Facebook 分享有点问题,我希望得到一些意见。

我正在使用 og meta 在 facebook 上分享我的网站,它与静态文本完美配合。但是,当我尝试使用某个变量使用动态文本时,由于未知原因,它不再起作用。

这就像facebook在变量显示之前获取元数据的内容......

这项工作:

这个也是:

但不是这个:

视图.ctp

default.ctp(cakephp 布局)

我使用的是 Cakephp 3,$this->fetch它只是一种在布局中显示变量的方法。

在这三种情况下,chrome 检查器中的结果完全相同。而且我已经尝试使用facebook 工具对其进行调试

有任何想法吗?

干杯!

0 投票
1 回答
298 浏览

facebook - facebook og 元标记重复标题

我在 Facebook 上分享时遇到问题。我想我有正确的 og:meta 标题但 facebook 重复标题。

这是链接:

https://developers.facebook.com/tools/debug/sharing/?q=http%3A%2F%2Fwww.pisos.afys.cat%2Fvivienda%2Fesgl%25C3%25A8sia%2Fplanta-baja_en_sant-joan-de-vilatorrada_4290167 .3377.html%23f

谁能帮我?

谢谢 :)

0 投票
0 回答
235 浏览

mysql - angular.js & prerender.io - 如何让客户端动态生成 og:meta 标签?

我的网站是一个单页应用程序,它从 MySQL 数据库中提取数据,我的客户可以使用带有输入字段的 HTML 表单自行更新这些数据。我希望能够做到这一点,以便我的客户可以动态添加 og:meta 标签,以便他们生成的任何页面都可以轻松共享到 Facebook。

所以本质上,用户将 og:meta 信息存储在 MySQL 中,然后适当的 php 页面提取这些数据并正确分配它。

下面是 index.html 头部中动态元标记的样子:

这是我的主控制器:

  • 是否可以在其中添加变量$scope.$parent.seo = {}
  • 如果可能的话,我会在 php 页面上提取 MySQL 数据并使用ng-controller或类似的东西将其加载到这些变量中吗?
0 投票
1 回答
131 浏览

facebook - og: meta Facebook tags: 如何让高大的图像显示完整

对于我的一些og: meta标签,我使用的图像比宽度高得多——1920 像素高 x 1280 像素宽。这会产生一个小缩略图,而不是一张横跨整张卡片的图像。

除了将照片裁剪为 1.91 比 1 的比例之外,我还能做些什么来强制 Facebook 调试器“自动裁剪”这张图片,以便它利用整个卡片空间?会og:image:width并且og:image:height能够提供帮助,还是其他什么?还是裁剪是这里唯一的选择?

0 投票
0 回答
2523 浏览

reactjs - 反应:OG Meta 标签。图片未显示

我已经用于react-helmet开放图形图像标签。但是 FB 没有显示任何关于链接共享的图像。有谁知道如何在没有服务器端渲染的情况下解决这个问题?提前致谢。

0 投票
2 回答
54 浏览

facebook - Facebook 正在获取我基于 laravel 的网站的奇怪 URL

我有这个链接: http ://www.myqourse.com/offer/557/en/Certificate+Business+Professional+-+CBP+Leading+through+change

当我在 WhatsApp 上发布它时,链接会完美呈现。然而,Facebook 试图获取http://www.myqourse.com/ www.myqourse.com /offer/557/en/Certificate+Business+Professional+-+CBP+Leading+through+change

任何想法为什么会这样?

在此处输入图像描述

0 投票
1 回答
414 浏览

html - 无法修复:来自共享调试器的“og:image”错误

我想在我的网页上分享按钮,使用 og 元标记。但 Facebook 不使用我的任何 og 元标记。所以我尝试了调试器,它获取了最新版本。但我看不出有什么问题。

这些是我的标签

是我现在测试的页面

这是我的分享按钮

这是来自共享调试器的警告

推断属性 即使可以从其他标签推断出值,也应显式提供“og:image”属性。

0 投票
1 回答
189 浏览

javascript - Pinterest Rich Pins 保存:截断标题和标签

我的丰富的 pin 保存按钮有一个奇怪的问题。在 Pinterest 中创建新 PIN 时,它会截断标题和标签。

我使用了 pinterest 开发者网站中给出的相同 OG 数据。参考:https ://developers.pinterest.com/docs/rich-pins/articles/ ?

对此的任何建议或帮助将不胜感激。提前致谢。

我的代码如下。

注意:我在上面的示例代码中删除了站点验证码。参考。https://developers.pinterest.com/docs/rich-pins/articals/?参考。https://developers.pinterest.com/docs/rich-pins/reference/

0 投票
1 回答
72 浏览

facebook - Facebook og:image 有没有办法在使用大图像时强制使用小图像?

当使用 og:image og:image:width 和 og:image:height 标签时,有没有办法在不发送较小图像的情况下强制小方块?似乎这一切都取决于图像大小,但我不想仅仅为这种特殊情况为我们所有的客户创建小图像。

示例 og 标签

不正确的大共享

在此处输入图像描述

即使图像大于 250x250,我也想显示正确的图像尺寸。我想使用 600x600。 在此处输入图像描述