2014-07-22 91 views
0

我使用Open Graph Object Debugger來測試此鏈接:http://ayconatest.co.nf/?p=1957,並且所有屬性都包含圖像,除了它是不可見的。你可以點擊它並看到它,但它不顯示,即使尺寸是500x375像素。那是怎麼回事?Facebook Open Graph og:圖像存在但是不可見

這裏是我的頭代碼:

<?php if (have_posts()):while(have_posts()):the_post(); endwhile; endif;?> 
<!-- the default values --> 
<meta property="fb:app_id" content="271801723026128" /> 
<meta property="fb:admins" content="779283165" /> 

<!-- if page is content page --> 
<?php if (is_single()) { ?> 

<meta property="og:url" content="<?php the_permalink() ?>"/> 
<meta property="og:title" content="<?php single_post_title(''); ?>" /> 
<meta property="og:description" content="<?php echo strip_tags(get_the_excerpt($post->ID)); ?>" /> 
<meta property="og:type" content="article" /> 
<meta property="og:image" content="<?php $src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), array(500,375)); echo $src[0]; ?>" /> 

<!-- if page is others --> 
<?php } else { ?> 
<meta property="og:site_name" content="<?php bloginfo('name'); ?>" /> 
<meta property="og:description" content="<?php bloginfo('description'); ?>" /> 
<meta property="og:type" content="website" /> 
<meta property="og:image" content="http://ayconatest.co.nf/wp-content/themes/imbalance2/images/logo.png" /> <?php } ?> 

這裏就是它返回(按Ctrl + U):

<!-- the default values --> 
<meta property="fb:app_id" content="271801723026128" /> 
<meta property="fb:admins" content="779283165" /> 

<!-- if page is content page --> 

<meta property="og:url" content="http://ayconatest.co.nf/?p=1957"/> 
<meta property="og:title" content="النباتات تستطيع القيام بعمليات GoPro لاقتصاد الطاقة" /> 
<meta property="og:description" content="كلما أثيرت مسألة للنقاش في الساحة الوطنية حول ما يتصل بالهوية الحضارية للشعب المغربي إلا ووجدت تيارين متقابلين يتجاذبان الموضوع ويعبران عن رؤيتين متضادتين, أو مايصطلح عليه Statu-quo وهذا أمر طبيعي، وطبيعي كذلك أن يكون أحد الرأيين وأحدهما فقط صائبا ما" /> 
<meta property="og:type" content="article" /> 
<meta property="og:image" content="http://ayconatest.co.nf/wp-content/uploads/2013/06/plantsthumb.jpg" /> 

<!-- if page is others --> 

順便說一下,調試器檢測並顯示,從其他網站熱鏈接任何其它圖片。這導致我認爲我的託管有問題,或者我的文件夾結構有問題?但我不知道究竟是什麼。

回答

0

在你的例子作爲og:image不存在/作品的網址: 我檢查他們倆 - 而下面的截圖是當我試圖達到第二個例子發生什麼,http://ayconatest.co.nf/wp-content/uploads/2013/06/plantsthumb.jpg

確保值你OG設置:圖像是從外部訪問,並應解決您的問題

enter image description here

+0

我使用的是用於測試的免費託管服務,它看起來像它使用盜鏈保護(不能直接打開圖像文件),所以一定是這樣。謝謝! – user2649475