使用Facebook分享按鈕時出現錯誤的縮略圖

當我點擊我的一個wordpress帖子的分享按鈕時，彈出窗口成功打開。它顯示正確的縮略圖圖像，標題和摘要文本也是正確的。使用Facebook分享按鈕時出現錯誤的縮略圖

但是，當我真正去看Facebook上的份額時，縮略圖是不正確的。出於某種原因，Facebook總是顯示我爲我製作的每一個分享而創造的第一份分享的縮略圖。

奇怪的是標題和摘要總是正確的，但我無法讓縮略圖正常工作。

下面是我用我的Facebook分享按鈕的代碼：我閱讀下面的答案here後把這個代碼放在一起

<a class="facebook" onclick="return !window.open(this.href, 'Facebook', 'width=640,height=300')" href="http://www.facebook.com/sharer.php?s=100&amp;p[title]=This Is The Title Of My Post&amp;p[summary]=This is the summary of my post.&amp;p[url]=http://www.mywebsite.com/individual-wordpress-post/&amp;p[images[0]=http://www.mywebsite.com/images/this-is-my-thumbnail-image.jpg" target="_blank"><img class="size-full wp-image-96 alignleft" alt="shareonfacebook" src="http://www.mywebsite.com/images/this-is-my-facebook-share-button-image.jpg" /></a>

。

任何想法爲什麼標題和摘要總是正確的，但縮略圖從來不對嗎？請記住，當我點擊分享按鈕時，縮略圖在彈出式窗口中是正確的，但當我去看Facebook上的分享時，縮略圖是不正確的。

感謝您的幫助，我真的很感激。

來源

2014-02-12 user3117509

Facebook使用Open Graph protocol來確定共享網頁時顯示的信息。這個問題很可能不是你的鏈接，但缺少Open Graph標籤。

要調試該問題，請將您正在測試的URL複製/粘貼到Facebook Open Graph Debugger並按下'調試'按鈕。調試器將顯示Faceebook在共享該特定URL時將使用的信息。

作爲一個例子，對於＃1的主頁的打開圖標記是：

<meta name="og:type" content="website" /> 
<meta name="og:image" content="http://cdn.sstatic.net/stackoverflow/img/[email protected]?v=fde65a5a78c6"/> 
<meta name="og:title" content="Stack Overflow" /> 
<meta name="og:description" content="Q&amp;A for professional and enthusiast programmers" /> 
<meta name="og:url" content="http://stackoverflow.com/"/>

用於打開圖調試器的輸出如下所示。

Stackoverflow Open Graph Debug Output

解決您的問題，您可以：

更改您的WordPress主題output the Open Graph tags每個職位/頁。
安裝一個插件來輸出Open Graph標籤。 Facebook have an official plugin或者您可以使用Wordpress for SEO，它將輸出Open Graph標籤以及Twitter的元數據標籤。

來源

2014-02-12 05:37:39 Jonathan

謝謝。你的回答是一個很大的幫助。我安裝了官方的facebook插件，但我仍然有兩個問題。首先，我的一些Facebook股票包括wordpress的發佈日期，就像這個「Feb122014」，所以我去看了一下facebook調試器的結果，但是「Feb122014」在結果中沒有任何結果。任何想法如何擺脫，或爲什麼它出現在一些股票，但不是其他人？ – user3117509

第二個問題是我在調試器「fb：admins和fb：app_id標記丟失了」中得到這個錯誤。這些標記對於Facebook呈現產生高點擊率的新聞饋送故事是必需的。「我註冊成爲一名Facebook開發人員，所以我可以獲得一個應用程序ID，它說我註冊了，然後它無處可去。如果我再次點擊」應用程序「下拉菜單，它只是讓我可以選擇再次註冊爲開發人員。應用程序ID是否真的有必要？還有什麼想法給fb：admin？ – user3117509

我認爲這兩個問題都與Facebook插件有關。我實際上建議使用我的第二個建議，除非您需要與Facebook完全集成。可能需要創建一個Facebook應用程序ID，看看我的第二個建議，它可能會解決所有問題 - [http://wordpress.org/plugins/wordpress-seo/]（http://wordpress.org/plugins/） wordpress-seo /） – Jonathan

爲了解決這個問題，你只需要編輯您的主題header.php並設置標籤下面這段代碼：

<?php 
if (has_post_thumbnail()) 
    { 
    $fb_image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full'); 
} 
?> 
<meta property="og:image" content="<?php echo $fb_image[0];?>" />

來源

2016-08-12 08:23:27 raBne

使用Facebook分享按鈕時出現錯誤的縮略圖

回答

相關問題