为共享按钮添加多个图像og:图像标记

时间:2016-03-26 19:55:58

标签: html facebook

我尝试包含多个og:图像元属性,以将多个图像与我的页面相关联。根据Facebook的Open Graph协议文档,您只在html头中放置了多个og:image标签。

这就是我所做的,但遗憾的是它不起作用。我很高兴,如果有人能给我一个提示。

我一直在使用调试页面,Facebook似乎解析它很好,因为我看到了我的元标记图像:

Meta Tag    <meta property="og:title" content="United Serbian Soccer Club" />
Meta Tag    <meta property="og:description" content="United Serbian Soccer Club" />
Meta Tag    <meta property="og:url" content="http://www.unitedserbians.com" />
Meta Tag    <meta property="og:image" content="http://www.unitedserbians.com/images/USSC_futsal_tournament_2016.png" />
Meta Tag    <meta property="og:image" content="http://www.unitedserbians.com/images/anualindoortournament2016/FKCZ_MKE_open_winner.jpg" />

甚至可以看到og:图像打开图表属性部分中的图像,但它始终只拍摄第一张图像而忽略其他图像。

这是我目前的主要HTML代码:

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://ogp.me/ns#"
      xmlns:fb="https://www.facebook.com/2008/fbml">
<head>
<title>United Serbians</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="icon" href="images/USSC_logo_icon.png" type="image/x-icon"/>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/coin-slider.css" />
<style type="text/css">
body {
    background-image: url(images/main_bg.jpg);
}
a:link {
    color: #DF0000;
}
</style>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/droid_sans_400-droid_sans_700.font.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/coin-slider.min.js"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<meta property="fb:admins" content="20312314" />
<meta property="og:title" content="United Serbian Soccer Club" />
<meta property="og:description" content="United Serbian Soccer Club" />
<meta property="og:url" content="http://www.unitedserbians.com" />
<meta property="og:image" content="http://www.unitedserbians.com/images/USSC_futsal_tournament_2016.png" />
<meta property="og:image" content="http://www.unitedserbians.com/images/anualindoortournament2016/FKCZ_MKE_open_winner.jpg" />
</head>

您可以在此处查看示例页面:

http://www.unitedserbians.com/

0 个答案:

没有答案
相关问题