Html 1x1像素og图像facebook

因此，我已经多次使用og标签，并成功地与自定义图像共享博客文章，但由于某些原因，我无法理解这一点

根据fb debugger，我所有的元标记都是正确的，我得到的代码是200。即使是原始的open graph文档信息也显示了我使用http前缀添加的图像的完整正确路径，如果我复制并粘贴到新选项卡上，它将带我找到正确的图像。但是对象属性中的图像被一个1x1像素点替换，我只能在检查元素时才能看到这个点。 我知道整个og的事情已经被讨论了一遍又一遍，但是我在任何地方都找不到这个奇怪的1x1 px问题的答案。 我正在尝试的链接是

---

感谢您提供的任何帮助。

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

最后，

og:image

有一个空格，然后是括号。。。但它不会在HTML代码中转义：

http://ladyilgphotography.businesscatalyst.com/images/journal/love/weddings/Casper 还有麦琪——丹佛的婚礼/最佳婚礼摄影师（16）。jpg

所以一旦Facebook抓取器脚本试图访问该URL，它可能就找不到了

---

您尝试过在该URL中转义文件名吗？

在opengraph标记上转义图像URL可能有问题

最后，

og:image

有一个空格，然后是括号。。。但它不会在HTML代码中转义：

http://ladyilgphotography.businesscatalyst.com/images/journal/love/weddings/Casper 还有麦琪——丹佛的婚礼/最佳婚礼摄影师（16）。jpg

所以一旦Facebook抓取器脚本试图访问该URL，它可能就找不到了

---

你试过在那个URL中转义文件名吗？

我会完全诚实地承认两件事：第一，这实际上是有道理的。第二，我不知道逃跑是什么或如何进行的。我想你的意思是去掉特殊字符并用它们的代码替换它们？如果是的话，我在这里怎么做？文件路径是通过css动态生成的。好吧，我查了一下，我想我至少有点正确。我尝试了一个小函数，在这个函数中我不编码URI（“图像路径”），但是如何将函数的返回值传递给meta标记呢？可以在元标记中使用变量吗？你是说图像路径是由CSS生成的。这是不可能的，因为CSS不是服务器端脚本语言。你在用什么语言制作网页？那是PHP还是纯粹的HTML？帕特里克。对不起，我想写的是通过CMS动态生成的，不是css。。。差别很大。无论如何，我希望有一个js解决方案可以做到这一点，但我发现facebook在服务器端获取信息时当然没有运行任何js。所以为了让事情变得更简单，我将不得不重命名所有的文件夹和文件，以不包含任何空间。谢谢你的帮助。如果CMS是定制的，理论上你仍然可以编辑它，但这有点困难。很高兴我能帮忙！我将完全诚实地承认两件事：第一，这实际上是有道理的。第二，我不知道逃跑是什么或如何进行的。我想你的意思是去掉特殊字符并用它们的代码替换它们？如果是的话，我在这里怎么做？文件路径是通过css动态生成的。好吧，我查了一下，我想我至少有点正确。我尝试了一个小函数，在这个函数中我不编码URI（“图像路径”），但是如何将函数的返回值传递给meta标记呢？可以在元标记中使用变量吗？你是说图像路径是由CSS生成的。这是不可能的，因为CSS不是服务器端脚本语言。你在用什么语言制作网页？那是PHP还是纯粹的HTML？帕特里克。对不起，我想写的是通过CMS动态生成的，不是css。。。差别很大。无论如何，我希望有一个js解决方案可以做到这一点，但我发现facebook在服务器端获取信息时当然没有运行任何js。所以为了让事情变得更简单，我将不得不重命名所有的文件夹和文件，以不包含任何空间。谢谢你的帮助。如果CMS是定制的，理论上你仍然可以编辑它，但这有点困难。很高兴我能帮忙！