2013-03-04 65 views
0

你好親愛的堆棧溢出社區。我非常渴望解決這個問題,並且真心希望你們中的任何人都能夠協助我。儘管尺寸正確,但在Facebook上未顯示張貼縮略圖。

我在我的Header.php上有這段代碼,告訴Facebook在共享我的鏈接時顯示我的精選圖像縮略圖。我也有我所有的開放圖形標籤設置。

<?php 
global $wp_query; 
$thePostID = $wp_query->post->ID; 
if(has_post_thumbnail($thePostID)){ 
    $thumb_id = get_post_thumbnail_id($thePostID); 
    $image = wp_get_attachment_image_src($thumb_id); 
    echo '<meta property="og:image" content="'.$image[0].'" />'; 
} ?> 

我已在我的瀏覽器中確認代碼正確呈現並且指向相應的縮略圖文件。該文件是300x300所以它應該是正確的。

嗯,它不是!

當我通過facebook調試器傳遞我的url時,它顯示兩個致命錯誤。一,它甚至不顯示正確的圖像!我通過調試器輸入的每個鏈接都顯示相同的特色圖像。爲什麼忽略每篇文章的精選圖片?

而且它也說我的圖片都沒有抱怨他們的最小尺寸的要求(200×200)

圖像是300x300的!爲什麼這麼說?

如果有人想通過調試器,我的網站是www.estamosobservando.com。

如果你能幫助我贏得與Opengraph,Facebook和世界的這場戰鬥,你將會有我永恆的感激之情!

B.

+0

我遇到同樣的問題之前,我試圖將圖像移動到根目錄。所以og:image指向了domain.com/image.jpg並且它工作正常。也許你可以從那裏開始。 – lucentx 2013-03-04 05:07:02

+0

感謝您的幫助! og:image標記中引用的圖像正確顯示。問題在於每個帖子的精選圖像......是否有任何改變這些圖像的名稱和/或位置的方法? – Benjamin 2013-03-04 05:26:57

+0

我最大的所有問題是...爲什麼地球上的調試器顯示我無關的縮略圖,當代碼使每個崗位的正確特色圖片? – Benjamin 2013-03-04 05:29:42

回答

-1

http://estamosobservando.com/的HTML有兩個OG:在它的標題圖片標籤:<meta property="og:image" content="http://estamosobservando.com/wp-content/uploads/2011/06/servicios-publicos-bogota-concept-art-150x150.jpg" /><meta property="og:image" content="http://estamosobservando.com/wp-content/themes/servicios/images/ogtag-2013.jpg" />

由於您網站上的所有網頁都使用相同的og:url標記,因此用戶在您網站上分享的任何網頁都會共享相應的主頁。儘管Facebook通常在發佈時向用戶提供圖像選擇,但Facebook在幾次共享URL後「凍結」了一些元數據。這可能是爲什麼只有通用圖像出現。

如果您希望用戶能夠共享單個帖子,則應修改較低的OpenGraph標記以表示individual articles而不是film website as a whole

+0

馬蒂你好嗎?那麼,第一個元屬性對應於每篇文章的精選圖片。第二個對應於爲整個網站定義的圖像。這是不是應該的方式?第一個標籤是由我在我的問題中發佈的代碼生成的。有關我應該怎麼做的任何想法? – Benjamin 2013-03-04 16:31:19

+0

你知道爲什麼facebook調試器忽略了第一個元屬性,並且總是爲每個帖子顯示相同的縮略圖嗎? – Benjamin 2013-03-04 16:33:43

+0

我已將初始信息添加到我的答案中。 – Martey 2013-03-04 17:28:11

0

好,我解決了這個問題...也許這將幫助其他用戶同樣的問題...這是用在每一個環節同樣縮略圖的原因,儘管在源代碼中呈現正確的圖像是因爲

<meta property="og:url" content="一行。

我在那裏輸入了該網站的URL,當然,規範化的URL統治了它們,調試器去那裏獲取精選圖像。我取代了價值與

<?php echo get_permalink(); ?>

這做到了。感謝您的熱心幫助,我希望這個問題可以幫助他人解決類似的問題。

相關問題