当我试图在脸书上分享错误的opencart产品图片时


Wrong opencart product images when I try to share on facebook

这是我的网店http://goo.gl/1AJpjN(公开第1.5.5.1条)面临的挑战是如何在脸书上正确分享主页以及产品页面。

产品页面没有问题。addthis.com的扩展运行得很好,我可以在fb上看到带有适当标题和描述的产品图片。。。但是主页上没有fb共享按钮。

所以,我在蓝色水平菜单中添加了fb共享按钮,使用fb普通HTML 5代码https://developers.facebook.com/docs/plugins/share-button/

在我做了之后,主页共享就没有问题了。Fb显示了商店的标志和正确的标题以及正确的描述,但当我尝试共享产品页面时,Fb显示的是商店的标志而不是产品图像。

正如我所说,面临的挑战是在脸书上正确地分享主页和产品页面。该怎么办?

当您在Facebook上共享页面时,Facebook会对其进行爬网,并尝试决定应该使用哪个图像。如果它显示的是错误的,你可以通过在页面上添加一个专门针对这个问题的元标签来帮助它。你可以在这里找到更多信息。

就是一个例子

<meta name="og:image" content="http://www2.intelnet.ge/image/cache/data/uploads/32438HP_PAVILION_TOUCHSMART_11_E100SR__F5B63EA___0_7b_enl-500x500.jpg">

使用OpenCart的模板系统将其添加到<head>中可能有点复杂,但已经有相当多的扩展可以做到这一点。我建议你看看这里。