Facebook共享按钮不显示图像和描述

问题描述 投票:1回答:1

在我单击Facebook共享按钮时,出现弹出窗口,因为它没有显示图像和描述。可能是什么原因?

<fb:share-button class="meta">
    <meta name="medium" content="mult"/>
    <meta name="title" content="name of fan page"/>
    <meta name="description" content="description of fan page"/>
    <link rel="image_src" href="url to image location" />
    <link rel="target_url" href="http://facebook.com/Anti.Social.Development"/>
</fb:share-button> 
facebook button share
1个回答
2
投票

您需要使用Open Graph Protocol。正如他们网站上给出的,这是电影页面的完整示例:

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://ogp.me/ns#"
      xmlns:fb="http://www.facebook.com/2008/fbml">
  <head>
    <title>The Rock (1996)</title>
    <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."/>
    ...
  </head>
  ...
</html>

如果您检查w3c,则需要将DocType更改为XHTML + RDFa

© www.soinside.com 2019 - 2024. All rights reserved.