无法解决Facebook的开放图Meta标签不被刮为我的Wordpress网站

这是我第一次在这个网站发布一个问题，但肯定不是第一次在其中找到答案。无法解决Facebook的开放图Meta标签不被刮为我的Wordpress网站

我已经使用了stackoverflow作为一个资源来解决我的新博客面临的几个问题，直到昨晚，当我发现这个问题，我无法修复。

当我尝试共享我的博客的主页时，我没有得到在og：image标记中指定的正确图像...一旦我通过de FB调试器检查了我的网站，它就显示出这个：

https://developers.facebook.com/tools/debug/og/object?q=ivanfuentes.com

奇怪的是，我没有发现任何问题，当我检查一个页面，或一个帖子： https://developers.facebook.com/tools/debug/og/object?q=ivanfuentes.com%2Fvideos%2F https://developers.facebook.com/tools/debug/og/object?q = http％3A％2F％2Fivanfuentes.com％2Fthe-popular-contest％2F

所以，我知道这是一个问题是ge它只在主页上排列，但在过去的18个小时内，一直无法找到它。

我的OG元标签通过wordpress插件指定为dinamically ...目前，它是“Facebook AWD”，但我有其他Facebook共享，一体化和OG插件，这给我调试器中的结果相同，这让我觉得我在其他地方搞砸了。在承认我是一个新手时，我毫不尴尬，所以很有可能我在试图修改某些代码时混乱了......可能当我添加了几行以使网站IE兼容时？

希望我提供了足够的信息，并且有人可以帮助我，因为这不仅仅是关于在Facebook链接上显示的正确图像，而是关于我可能在我的代码中混乱，而且可能（会）一旦我在将来对我的网站进行任何修改/更新，就意味着麻烦。

谢谢你的时间！

来源

2012-05-26 Iván Fuentes Hagar

你的html是一个完整的混乱，这就是为什么调试器抱怨。

访问你的页面，看代码，我可以看到这一点：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<div id="fb-root"></div> 
<script> 
... 
</script> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml"> 
<head profile="http://gmpg.org/xfn/11"> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<div id="fb-root"></div> 
<script> 
... 
</script> 
<title>Ivan Fuentes Hagar</title>

两个问题有：

的SDK代码插入两次
在这两种情况下，有一个div安置在主体之前

在调试器结果中点击下方链接时，该页面（刮网址：See exactly what our scraper sees for your URL），你还可以看到损坏的HTML，但在另一种变体：这里

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><body> 
<div id="fb-root"></div> 
<script> 
... 
</script><meta http-equiv="content-type" content="text/html; charset=utf-8"> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<script> 
... 
</script><title>Ivan Fuentes Hagar</title>

有问题：

的主体定义后的是正确的HTML
有没有头的定义
所有这些假设住头内的标签是体内
sdk脚本加载插入两次

在这两种情况下，我发现了3次出现<div id="fb-root"></div>。

正如你可以看到你有一些fixin与你的WordPress的HTML输出。
我不知道为什么调试器的输出不同，我认为这可能是由于用户代理字符串，但尝试curl --user-agent "facebookexternalhit/1.1 (+http://www.facebook.com/externalhit_uatext.php)" "http://ivanfuentes.com/"返回与浏览器一样的确切结果。

来源

2012-05-26 22:29:50

谢谢！显然，由于某种原因，我在home.php和header.php中插入了代码......我不记得把它放在header.php以外的任何地方，所以也许插件做了。至于“fb-root”div，我仍然无法弄清楚为什么它会在页面底部生成，但至少可以抓取！谢谢！ –

无法解决Facebook的开放图Meta标签不被刮为我的Wordpress网站

回答

相关问题