Digg.com,Facebook和其他人没有正确地为网站提取图像,如何纠正?

时间:2012-04-14 19:30:39

标签: html facebook web

我想控制Digg.com,Facebook和其他人的图像,但是我的会议收效甚微。

我的印象是它应该像添加以下内容一样简单:

<link href='/path/to/image.jpg' rel='image_src'>

然而,似乎没有任何东西可以提升图像Digg: Digg - no image

Facebook同样不会提取我希望它显示的图像,特别是默认情况下: Facebook - no image

这里主要为Digg和Facebook解决这个问题的正确方法(即如果有两种不同的方法)

3 个答案:

答案 0 :(得分:3)

快速举例:

<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description"
      content="A group of U.S. Marines, under command of
               a renegade general, take over Alcatraz and
               threaten San Francisco Bay with biological
               weapons."/>

这些都在文档中:https://developers.facebook.com/docs/opengraphprotocol/

修改

确保使用调试器重新测试URL,因为Facebook会缓存这些类型的结果很长一段时间:https://developers.facebook.com/tools/debug

答案 1 :(得分:0)

Facebook的图片标记为:

<meta property="og:image" content="path">

答案 2 :(得分:0)

也许您正在寻找使用property="og:image"元标记的Open Graph Protocol特异性。

示例:

<meta property="og:image" content="http://example.com/images/FB.png" />