Question

如何设置我的网站的徽标和文字在Facebook上分享？我已经设置了

<meta property="og:image" content="url"/>

和

<meta property="og:title" content="title"/>
<meta property="og:site_name" content="site_name"/>

但它不起作用。请帮忙

Answer 1

Opengraph元标记的基础知识。

<!DOCTYPE html>
<html>
<head>
<title>MyPage</title>
<meta property="og:title" content="Title of Page/Post" />
<meta property="og:type" content="image/jpeg" />
<meta property="og:url" content="My site link" />
<meta property="og:image" content="img link" />
...
</head>
...
</html>

以下是使用默认值

自定义大小调整的OG示例的一些其他属性

   <meta property="og:image:type" content="image/jpeg" />
   <meta property="og:image:width" content="400" />
   <meta property="og:image:height" content="300" />

来源：opg.me

Answer 2

只需复制下面的内容，它就可以在您更改文本时发挥作用并进行更改，我还添加了您在Twitter上执行此操作所需的内容。

<meta property="og:title" content="Lewis Derbyshire" />
<meta property="og:description" content="Lewis Derbyshire's description" />
<meta property="og:url" content="https://www.lewisderbyshire.co.uk/" />
<meta property="og:site_name" content="Lewis Derbyshire" />
<meta property="og:image" content="https://www.lewisderbyshire.co.uk/image.jpg" />

<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@Derbyshire10" />
<meta name="twitter:creator" content="@Derbyshire10" />
<meta property="og:url" content="Https://LewisDerbyshire.co.uk" />
<meta property="og:title" content="Lewis Derbyshire" />
<meta property="og:description" content="Lewis Derbyshire's Description" />
<meta property="og:image" content="https://LewisDerbyshire.co.uk/image.jpg" />

希望它能帮助，刘易斯

如何为我的网站设置徽标和文字，以便在任何社交媒体上分享？

2 个答案: