Question

我的ASP.NET MVC网页上有一个看起来像这样的标题：

   <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确实会获取图片。

但是当我将网址粘贴到wallpost时，它只会获取标题和描述，而不是图像。如果拇指是正方形，则图像加载就好了。

为什么“不方形”图像有效？我应该在我的所有拇指（透明边框与png）上生成空白区域，以便它们得到方格式？还是有另一种解决方案吗？

也许是因为我错过了元数据的结束标记？但是，测试工具不应该对数据进行细化吗？

Answer 1

问题是og：图像是小格式的，在修复后它工作得很好而没有说明尺寸。

Answer 2

根据Facebook Developer docs上的示例尝试定义图像类型，宽度和高度 - 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? - 听起来图像的尺寸最小。

Facebook不使用图片链接？

2 个答案: