Facebook共享错误的图像/缩略图 [英] Facebook shares wrong image/thumbnail

问题描述

在我们的社交微博www.legendaily.com上分享一个帖子时，我有一个问题，Facebook上的共享图像是错误的 - 它需要3个图像，第一个（其中99％将共享）是一个空的图像，第二是我们的标志，只有第三个是我们在 og：image -tag中引用的标签。
我在这里搜索和Google搜索，但没有找到任何东西，除了使用og：image - 我们已经在做的。

这是一个测试链接：

http：// www.legendaily.com/whatshot/zuckerwatte_dance_mmmmhhh_hungry_http_www_chilloutzone_net_video_zuckerwatte-jackson-2_html-309734

解决方案

• Facebook将帖子的缩略图限制为3（您可以从3选择）：

  
  
  
  
  
  • 第一个是og：图像默认情况下
  
  
  • 其他两个来自正文标签
  
  



• 您的帖子 og：image 内容小于200PX 200PX的有限
  大小，为什么Facebook从身体标签中选择一个秋天的图像。

例如URL给你的问题，这是我发现：

• < meta property =og ：image
content =http://i.legendaily.com/uploads/52405912d7c94.jpg/> 尺寸：150px×90px




• 这两个是og：image fallback：

  
  
  
  
  

  • 第77行< img class =logosrc =http://i.legendaily.com/img/ld_w.png>

  
  

  • 第140行< img src =http://i.legendaily.com/img/ld.pngclass =logo>

  
  



• 您的网站HTML strong>

  
  
  
  
  

  • 有两个关闭< / head> 第一个在第54行，另一个在第123行

  
  

  • 他们实际上在头标中有非标题标签， div ，脚本不好SEO）， p ..等..

  
  



• 我希望我不仅可以帮您，而且还可以使用Facebook的开放式图表协议，但是您的网站来源可以尽快解决。

I have a problem when sharing a post on our social microblog www.legendaily.com that the share-image on facebook is wrong - it takes 3 images, the first (which 99% will share) is an empty image, the 2nd is our logo and only the 3rd is the one we reference in the og:image-tag. I searched here and on Google but did not find anything apart from "use og:image - which we already do.

Here is a link to test:

http://www.legendaily.com/whatshot/zuckerwatte_dance_mmmmhhh_hungry_http_www_chilloutzone_net_video_zuckerwatte-jackson-2_html-309734

解决方案

• Facebook has limited the thumbnails on a post to 3 (You can choose from 3):

  • The first one is og:image by default
  • the other two are from the body tag

• Most of your Posts og:image content are smaller than the limited size which is 200PX by 200PX, that why facebook chooses a fall back image from the body tag.

For example the URL to gave in your question, Here's what I have found:

• <meta property="og:image" content="http://i.legendaily.com/uploads/52405912d7c94.jpg" /> Dimensions: 150px × 90px

• These two are the og:image fallback:

  • on line 77 <img class="logo" src="http://i.legendaily.com/img/ld_w.png">

  • on line 140 <img src="http://i.legendaily.com/img/ld.png" class="logo">

• Your website HTML source is completely broken

  • There's Two closing </head> tags the first one on line 54 and the other on line 123

  • There's non-head tags they are actually in the head tags, div, script (fine but not good for SEO), p..etc..

• I hope that I helped you not only with Facebook open graph protocol but with your Site source, so try to fix them as soon as possible.

这篇关于Facebook共享错误的图像/缩略图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！