1x1 像素 og 图片 Facebook答案

【问题标题】：1x1 px og image facebook1x1 像素 og 图片 Facebook
【发布时间】：2014-08-09 15:10:57
【问题描述】：

所以我已经多次使用 og 标签，并且成功地能够使用自定义图像共享博客文章，但由于某种原因，我无法弄清楚这一点。

根据 fb 调试器，我所有的元标记都是正确的，我得到了 200 码。甚至原始打开图形文档信息也显示了我添加的带有 http 前缀的图像的完整正确路径，如果我将其复制并粘贴到新选项卡上，则会将我带到正确的图像。但是对象属性中的图像被替换为 1x1 像素点，只有在检查元素时才能看到。我知道整个 og 的事情已经被一遍又一遍地讨论过了，但是对于这个奇怪的 1x1 px 问题，我在任何地方都找不到答案。我正在尝试的链接是http://ladyilgphotography.businesscatalyst.com/lady-ilg-journal/casper-and-maggie-beautiful-wedding-grant-humphrys-mansion-wedding

感谢您提供的任何帮助。

【问题讨论】：

标签： html facebook-graph-api metadata

【解决方案1】：

图像 url 在 opengraph 标记上未正确转义可能存在问题。

最后，og:image 有一个空格，然后是括号...但它没有在 HTML 代码中转义：http://ladyilgphotography.businesscatalyst.com/images/journal/love/weddings/Casper and Maggie--wedding/best_wedding_photographer_in_denver (16).jpg 因此，一旦 Facebook 提取器脚本尝试访问该 URL，它可能不会去找到它...

您是否尝试过转义该 URL 中的文件名？

【讨论】：

我将完全诚实并承认两件事：首先是，这实际上是有道理的。二是我不知道转义是什么或如何工作。我假设您的意思是摆脱特殊字符并用它们的代码替换它们？如果是这样，我怎么能在这里做到这一点？文件路径是通过css动态生成的。
好吧，我查了一下，我想我至少有些正确。我尝试了一个小函数，我在其中进行了 encodeURI("image path")，但是如何将函数的返回值传递给元标记？是否可以在元标记中使用变量？
你是说图片路径是CSS生成的。这是不可能的，因为 CSS 不是服务器端脚本语言。你用什么语言做你的网页？那是 PHP 还是纯粹的 HTML？
帕特里克。对不起，我的意思是写它是通过 CMS 动态生成的，而不是 css ......很大的不同。无论如何，我希望有一个 js 解决方案来做到这一点，但我发现 facebook 在服务器端获取信息，当然没有运行任何 js。因此，为了让事情变得更容易，我只需要重命名所有文件夹和文件以不包含任何空格。感谢您的帮助。
如果 CMS 是量身定制的，理论上您仍然可以对其进行编辑，但这有点困难。很高兴我能帮上忙！