2013-03-04 66 views
0

你好亲爱的堆栈溢出社区。我非常渴望解决这个问题,并且真心希望你们中的任何人都能够协助我。尽管尺寸正确,但在Facebook上未显示张贴缩略图。

我在我的Header.php上有这段代码,告诉Facebook在共享我的链接时显示我的精选图像缩略图。我也有我所有的开放图形标签设置。

<?php 
global $wp_query; 
$thePostID = $wp_query->post->ID; 
if(has_post_thumbnail($thePostID)){ 
    $thumb_id = get_post_thumbnail_id($thePostID); 
    $image = wp_get_attachment_image_src($thumb_id); 
    echo '<meta property="og:image" content="'.$image[0].'" />'; 
} ?> 

我已在我的浏览器中确认代码正确呈现并且指向相应的缩略图文件。该文件是300x300所以它应该是正确的。

嗯,它不是!

当我通过facebook调试器传递我的url时,它显示两个致命错误。一,它甚至不显示正确的图像!我通过调试器输入的每个链接都显示相同的特色图像。为什么忽略每篇文章的精选图片?

而且它也说我的图片都没有抱怨他们的最小尺寸的要求(200×200)

图像是300x300的!为什么这么说?

如果有人想通过调试器,我的网站是www.estamosobservando.com。

如果你能帮助我赢得与Opengraph,Facebook和世界的这场战斗,你将会有我永恒的感激之情!

B.

+0

我遇到同样的问题之前,我试图将图像移动到根目录。所以og:image指向了domain.com/image.jpg并且它工作正常。也许你可以从那里开始。 – lucentx 2013-03-04 05:07:02

+0

感谢您的帮助! og:image标记中引用的图像正确显示。问题在于每个帖子的精选图像......是否有任何改变这些图像的名称和/或位置的方法? – Benjamin 2013-03-04 05:26:57

+0

我最大的所有问题是...为什么地球上的调试器显示我无关的缩略图,当代码使每个岗位的正确特色图片? – Benjamin 2013-03-04 05:29:42

回答

-1

http://estamosobservando.com/的HTML有两个OG:在它的标题图片标签:<meta property="og:image" content="http://estamosobservando.com/wp-content/uploads/2011/06/servicios-publicos-bogota-concept-art-150x150.jpg" /><meta property="og:image" content="http://estamosobservando.com/wp-content/themes/servicios/images/ogtag-2013.jpg" />

由于您网站上的所有网页都使用相同的og:url标记,因此用户在您网站上分享的任何网页都会共享相应的主页。尽管Facebook通常在发布时向用户提供图像选择,但Facebook在几次共享URL后“冻结”了一些元数据。这可能是为什么只有通用图像出现。

如果您希望用户能够共享单个帖子,则应修改较低的OpenGraph标记以表示individual articles而不是film website as a whole

+0

马蒂你好吗?那么,第一个元属性对应于每篇文章的精选图片。第二个对应于为整个网站定义的图像。这是不是应该的方式?第一个标签是由我在我的问题中发布的代码生成的。有关我应该怎么做的任何想法? – Benjamin 2013-03-04 16:31:19

+0

你知道为什么facebook调试器忽略了第一个元属性,并且总是为每个帖子显示相同的缩略图吗? – Benjamin 2013-03-04 16:33:43

+0

我已将初始信息添加到我的答案中。 – Martey 2013-03-04 17:28:11

0

好,我解决了这个问题...也许这将帮助其他用户同样的问题...这是用在每一个环节同样缩略图的原因,尽管在源代码中呈现正确的图像是因为

<meta property="og:url" content="一行。

我在那里输入了该网站的URL,当然,规范化的URL统治了它们,调试器去那里获取精选图像。我取代了价值与

<?php echo get_permalink(); ?>

这做到了。感谢您的热心帮助,我希望这个问题可以帮助他人解决类似的问题。

相关问题