Fatal编程技术网
  • html/
  • Html 如何设置我的网站的徽标和文本，以便在任何社交媒体的facebook上共享？

Html 如何设置我的网站的徽标和文本，以便在任何社交媒体的facebook上共享？

html facebook tags

Html 如何设置我的网站的徽标和文本，以便在任何社交媒体的facebook上共享？,html,facebook,tags,share,Html,Facebook,Tags,Share,如何设置我的网站在facebook上共享的徽标和文本？ 我已经准备好了 <meta property="og:image" content="url"/> 及 但它不起作用。请帮助了解Opengraph元标记的基础知识 <!DOCTYPE html> <html> <head> <title>MyPage</title> <meta property="og:title" content="Title of

如何设置我的网站在facebook上共享的徽标和文本？ 我已经准备好了

<meta property="og:image" content="url"/>
及
但它不起作用。请帮助了解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" />
来源：

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" />
来源：

只需将此复制到下面，当您更改文本时，它应该会工作并更改，我还添加了您需要在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" />
希望有帮助，Lewis只需复制下面的内容，当您更改文本时，它应该会工作并更改，我也在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" />
希望能有所帮助，刘易斯谢谢你的回复。但我还是有问题。google+和linkedin显示正确，但facebook仍然显示旧徽标（我以前使用过不同的徽标）。是缓存问题还是类似的问题？是的，更像是缓存问题。我使用了ctrl+f5。还删除了所有浏览器缓存，但结果仍然相同。也用了不同的浏览器还是一样的结果。谢谢你的回复。但我还是有问题。google+和linkedin显示正确，但facebook仍然显示旧徽标（我以前使用过不同的徽标）。是缓存问题还是类似的问题？是的，更像是缓存问题。我使用了ctrl+f5。还删除了所有浏览器缓存，但结果仍然相同。也用了不同的浏览器还是一样的结果。使用，然后单击“获取新的刮取信息”按钮，使Facebook清除其缓存。如果有任何错误消息/警告，请修复它们。使用，然后单击“获取新的刮取信息”按钮，使Facebook清除其缓存。如果存在任何错误消息/警告，请修复它们。