2012-01-10 13 views
3

我有一个快速问题,希望有人能帮助我。我最近为一位客户带了一个微型网站,除了facebook集成部分外,一切都很顺利。当用户尝试共享网站时,为共享拉动的缩略图反映了主站点的徽标,而不是微型站点。我很困惑,因为这个标志可以在网页上找不到。此外,我已在文档的标题中包含必要的元信息 <meta property="og:image" content="http://www.rethinkyourdrinknow.com/images/ryd/logo2.png" /> 但由于某些原因,它仍然会拉另一个图像。有没有人有更多的Facebook分享经验可能会伸出援助之手?为什么Facebook分享拉错了缩略图?

感谢, 詹姆

回答

8

尝试使用Facebook的掉毛工具(即现在的调试器)

http://developers.facebook.com/tools/debug

输入您的微型网站的网址,该工具会告诉你怎么回事。

+0

@感谢很多:) – 2014-10-10 13:57:30

+1

即使他们的调试工具也有冲突的信息。 'og:image'与他们的'这是共享'部分的外观不同。 – 2015-08-19 03:03:42

0

在@ Andy的回答中展开,您当然可以使用调试工具来查看Facebook如何查看您的URL。它会告诉你什么og:tags丢失/格式不正确。

有一点需要注意的是,facebook会对已共享的URL的og:tags进行缓存;但使用调试器工具将刷新您的URL的缓存。

1

看来,OGP只喜欢尺寸相同或大于200像素的缩略图。如果您上传图片并将其设置为缩略图(WP的默认尺寸为150x150像素),那么如果您将帖子链接运行到FB调试器中,您将收到错误消息:

Open Graph警告说,应该是固定的

Small og:image: All the images referenced by og:image should be at least 200px in both dimensions. Please check all the images with tag og:image in the given url and ensure that it meets the recommended specification. 

所以我手动放大的图像到我以前的帖子中的一个实际的200×200像素大小和tadadah! Facebook也从WP主页或单个帖子分享适当的链接和适当的图像。

0

我和LinkedIn有同样的问题。我在我的index.html中添加了<meta property="og:image" content="https:等等,但LinkedIn不停地拉错了图片,因为它已经缓存了我的网站。

以下是迫使嵌入式应用程序(LinkedIn,Facebook等)将您的网站视为从未缓存的技巧,因此可以从头开始全面阅读,包括您的新的og:image

当您输入社交媒体网站的完整链接时,请在其最后添加?01。例如。 https://example.com?01https://example.com/my_project/?01

刚刚尝试过它,它的工作方式就像魔术一样!

相关问题