Facebook喜欢 - php代码 - 设置og:图像

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Facebook喜欢 - php代码 - 设置og:图像相关的知识,希望对你有一定的参考价值。

我的网站上有facebook按钮。看起来像:

<span class="fblike" style="float:right;padding-top:5px;margin-left:8px;">
    <div id="fb-root"></div>
        <script>
            window.fbAsyncInit = function() 
            {
                FB.init({appId: 'Your ID#', status: true, cookie: true,xfbml: true});
            };
            (function() {
                var e = document.createElement('script'); e.async = true;
                e.src = document.location.protocol + '//connect.facebook.net/sk_SK/all.js';
                document.getElementById('fb-root').appendChild(e);
            }());
        </script>
        <fb:like layout="button_count" show_faces="false" width="64" action="like" font="arial" colorscheme="light" />
</span>

我的问题是,我无法设置og:我想要的图像:(无论我放置标签。它应该在标签中,但我的default.php文件中没有。我在joomla工作,这是我的一个组件。

答案

要在所有初始化后在FB墙上显示您选择的图像,您应该:

  1. html标记替换为 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml">
  2. 在你的头部添加og标签: <meta property="og:title" content="title of your page"/> <meta property="og:type" content="website"/> <meta property="og:url" content="url of your page"/> <meta property="og:image" content="path of image u want to display"/> <meta property="og:site_name" content="name of your site"/> <meta property="og:description" content="some brief description about your page "/> <meta property="fb:app_id" content="your fb app id"/>

在此之后,您可以使用此debugger tool检查从您的网站中删除的数据。

如果没有错误或警告,您都可以使用“喜欢”按钮。

另一答案

Open Graph元标记应该在head部分,并且您的HTML应该是正确的。首先,确保这一点。

使用this tool检查facebook如何解析您的网站。

以上是关于Facebook喜欢 - php代码 - 设置og:图像的主要内容,如果未能解决你的问题,请参考以下文章

Facebook喜欢按钮没有链接到正确的URL

php OG Facebook for Wordpress与Yoast

Facebook og:描述动态但打破页面

php Wordpress插件输出og:image:width和og:image:height标签,因为Facebook第一次共享URL时需要它们。

如何设置 og:image 以便从页面获取图像?

高级 PHP 图像共享。从数据库到 Facebook 墙?