2014-09-11 21 views
0

這是我的文章精選圖像。Wordpress社交媒體羽毛插件不返回正確的特色圖片,當在Facebook和其他社交網站共享

enter image description here

這是我的帖子,題爲「第一郵報」與社會的圖標在底部的分享使用社交媒體羽毛插件

enter image description here

這是顯示了當我點擊了facebook按鈕

enter image description here

上面的圖像顯示它不會返回正確的圖像集作爲特色圖像的第一篇文章在Facebook中分享。我也遇到了使用WP社交分享的相同問題。請有人幫我解決這個問題。非常感謝。

+0

你的網站上有OpenGraph標籤嗎? – Tobi 2014-09-11 09:07:40

回答

1

Facebook和其他允許社交分享的平臺(LinkedIn,Twitter,G +等)都使用名爲OpenGraph的協議。

OpenGraph是最簡單的形式,是放置在描述該頁面的網頁上的一系列元標記。常見標記包括頁面的標題,描述,圖像和類別。 Facebook使用這個OpenGraph圖片來預覽社交分享。

該標籤本身被稱爲og:image,Facebook表示它至少有1200x630像素,儘管如果它小於這個值,它們仍然會使用該圖像。作爲任何人查看此主題並與Facebook應用程序存在相同問題的旁註,您需要通過HTTPS爲此提供圖片,在此情況下您不需要執行此操作。

我會建議查看您的網頁的來源,並找到OpenGraph標籤。如果不存在(很可能),那麼Facebook只是根據它在頁面上看到的來做最好的。您可以通過添加自己的標籤或使用WordPress提供的衆多OpenGraph插件中的一種來解決此問題。

有關Facebook's best practices for social sharing are available的更多信息。

+0

我能夠使用WP開放圖形插件爲我的網站。但是,它不會爲特定帖子呈現正確的圖片或精選圖片。我檢查了頁面源代碼,它已經包含打開的圖形標記和特色圖像的正確路徑,但在Facebook共享頁面中顯示時沒有正確的圖像。 這是精選圖片的正確路徑,但不能將其顯示在共享頁面中,而不是放置不同的圖像。 – Eli 2014-09-15 05:59:21

+0

但它使用google plus呈現正確的特色圖片。我需要爲使用Facebook共享而設置這些內容嗎? – Eli 2014-09-15 06:15:37

+0

你應該包含一個協議('http://'),所以鏈接應該是'http:// dticaraga.com/wp-content/uploads/2014/09 /冒號在那裏,可能會拋出Facebook解析器 - 它確實混淆了StackOverflow的鏈接正則表達式,它自動將URL轉換爲超鏈接 – Mike 2014-09-15 08:49:44