发送网站链接时如何显示网站英雄?

时间:2020-03-03 作者:Razu

当有人在facebook上发送网站链接时,有时会显示该网站的英雄形象。像这样:image 1

我如何为我的网站设置?

2 个回复
最合适的回答,由SO网友:Rafael Cavalcante 整理而成

此图像是从OG:image标记中提取的Open Graph protocol.

您可以通过在页面中显示此标记来定义图像:

<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />
请注意,您需要在“内容”属性中定义图像URL。您可以使用如下插件Yoast SEO 在任何页面或帖子中定义它。

SO网友:Rick Hellewell

我使用这些值<head> 您的代码区域(针对FaceBook和Twitter显示):

<meta property= "og:url" content="https://www.example.com/" />
<meta property= "og:type" content="website" />
<meta property= "og:title" content="My Really Great Site" />
<meta property= "og:image" content="https://www.example.com/images/logo-01.jpg" />
<meta property="og:description" content="There is fun stuff in here" />
<meta property="og:site_name" content="This is my site name">
<meta property="fb:app_id" content="396219604329863" />

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="My Really Great Site" />
<meta name="twitter:description" content="There is fun stuff in here" />
<meta name="twitter:url" content="https://www.example.com/" />
<meta name="twitter:image" content="https://www.example.com/images/logo-01.jpg">
调整站点的值。

要查看FB看到的内容,请使用以下链接:https://developers.facebook.com/tools/debug/ .

相关推荐

Admin Theme customization

我遵循wordpress codex网站上关于通过插件创建管理主题的说明。我激活了插件,但我的样式表没有包含在<head>.. 这是我的代码:add_action( \'admin_init\', \'kd_plugin_admin_init\' ); add_action( \'admin_menu\', \'kd_plugin_admin_menu\' ); function kd_plugin_admin_init() { /* Register