Facebook URL分享:我的网站的默认Wordpress缩略图和每个帖子的缩略图

时间:2013-05-27 16:51:33

标签: facebook html5 wordpress opengraph

大家好我开发了这个网站:

http://viviendodiferente.mx/

它工作得很棒,但我目前在分享网址时遇到了一些麻烦,它显示了我目前没有在我的meta标签上设置的另一个图像:

    <meta property="og:url" content="http://viviendodiferente.mx">
    <meta property="og:title" content="Viviendo Diferente">
    <meta property="og:site_name" content="Viviendo Diferente">
    <meta property="og:description" content="Viviendo Diferente bLOG">
    <meta property="og:type" content="Website">
    <meta property="og:image" content="http://www.servervistadesarrollos.com/sites/viviendodiferente/wp-content/themes/viviendo2/images/logoViviendo2.jpg">

当我调试它时,它说:

正文中的元标记:您的页面在正文中有元标记而不是头部。这可能是因为您的HTML格式错误,并且在解析树中它们的价格下降了。 请修复此问题以使标签可用。

此外,当您喜欢在帖子中时,它会一直显示默认图像而不是缩略图。

有什么想法吗?我使用简单的Facebook分享缩略图,但它根本不工作; /

1 个答案:

答案 0 :(得分:1)

复制并粘贴<head>

中的所有元标记

样品:

<head>
<link rel="image_src" href="http://www.servervistadesarrollos.com/sites/viviendodiferente/wp-content/themes/viviendo2/images/logoViviendo2.jpg"/>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta property="fb:app_id" content="590102141003905"/>
    <title>Viviendo Diferente</title>
    <script type="text/javascript" src="http://www.google-analytics.com/ga.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" charset="utf-8">
        var template = 'http://viviendodiferente.mx/wp-content/themes/viviendo2';
        var total = 56;  
        //alert(total)
    </script>
    <script src="http://viviendodiferente.mx/wp-content/themes/viviendo2/js/jqueryeasing.js" type="text/javascript" charset="utf-8"></script>
    <script src="http://viviendodiferente.mx/wp-content/themes/viviendo2/js/plugins.js" type="text/javascript" charset="utf-8"></script>
    <script src="http://viviendodiferente.mx/wp-content/themes/viviendo2/js/isotope.js" type="text/javascript" charset="utf-8"></script>
    <script src="http://viviendodiferente.mx/wp-content/themes/viviendo2/js/infinitescroll.js" type="text/javascript" charset="utf-8"></script>
    <script src="http://viviendodiferente.mx/wp-content/themes/viviendo2/js/main.js" type="text/javascript" charset="utf-8"></script>
    <link href='http://fonts.googleapis.com/css?family=Raleway:400,500,600,700' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="http://viviendodiferente.mx/wp-content/themes/viviendo2/style.css" />
    <link rel="icon" type="image/jpg" href="http://viviendodiferente.mx/wp-content/themes/viviendo2/images/fviviendo.jpg">

<!--start facebook-->
<meta property="og:url" content="http://viviendodiferente.mx">
    <meta property="og:title" content="Viviendo Diferente">
    <meta property="og:site_name" content="Viviendo Diferente">
    <meta property="og:description" content="Viviendo Diferente bLOG">
    <meta property="og:type" content="Website">
    <meta property="og:image" content="http://www.servervistadesarrollos.com/sites/viviendodiferente/wp-content/themes/viviendo2/images/logoViviendo2.jpg">

</head>