2013-11-27 70 views
0

我有一個頭,看起來像這樣在我的ASP.NET MVC的網頁:Facebook不使用圖片鏈接?

<head> 
      <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> 
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
      <meta name="HandheldFriendly" content="true"> 
      <meta charset="utf-8"> 
      <title>MyTitle</title> 
      <meta content="Återanvänd på rätt vis" property="og:title"> 
      <meta content="website" property="og:type"> 
      <meta content="http://MyWebb.se/Post/Detail/392" property="og:url"> 
      <meta content="http://MyWebb.se/Content/Files/PostThumbnails/392.jpeg" property="og:image"> 
      <meta content="Some info" property="og:description"> 
      <meta content="MyWebb" property="og:site_name"> 
      <meta content="Återanvänd på rätt vis" name="twitter:title"> 
      <meta content="http://MyWebb.se/Post/Detail/392" name="twitter:url"> 
      <meta content="Some more info." name="twitter:description"> 
      <meta content="http://MyWebb.se/Content/Files/PostThumbnails/392.jpeg" name="twitter:image"> 
      <meta content="http://MyWebb.se/Content/Files/PostThumbnails/392.jpeg" name="description"> 
      <meta content="keywords" name="keywords"> 
      <link href="/favicon.ico?v=2" rel="shortcut icon" type="image/x-icon"> 
      <link href="/Content/Theme/MainTheme.css" rel="stylesheet" type="text/css"> 
      <meta name="viewport" content="width=device-width">   
    </head> 

而與此工具檢查的話:https://developers.facebook.com/tools/debug它並獲取圖像。

但是,當我將URL粘貼到wallpost時,它只會抓取標題和說明,沒有圖像。如果拇指是正方形,則圖像加載非常好。

爲什麼「不是正方形」的圖像工作?我應該在所有的拇指(png透明邊框)上生成空白區域,以便獲得方形格式嗎?還是有另一種解決方案?

也許是因爲我錯過了元數據的結束標記?但那麼測試工具不應該罰款數據?

回答

1

問題是og:image是小格式的,在修復後,它工作得很好,沒有說明尺寸。

0

嘗試限定在Facebook開發文檔圖像類型,寬度和高度爲每示例 - https://developers.facebook.com/docs/web/tutorials/scrumptious/open-graph-object/

<meta property="og:image" content="http://example.com/lamb-full.jpg"> 
<meta property="og:image:type" content="image/jpeg"> 
<meta property="og:image:width" content="3523"> 
<meta property="og:image:height" content="2372"> 

也參見該SO回答 - New og:image size for Facebook share? - 聽起來有用於圖像的最小尺寸。