Question

我有自己风格的标准html文件，并且只为不同的字体使用常见的css文件。我需要通过该CSS将FB网站缩略图放到所有文件中。

是否可以将以下内容添加到css或.js文件中？（因为有成千上万的html文件）：

<meta property="og:image" content="http://websitename/image.jpg">

Answer 1

您需要将该代码段添加到html本身，而不是CSS。元标记会进入您网页的头部（<head></head>标记之间）。没有办法通过css文件将html插入页面。

Answer 2

OpenGraph是一些标准 - 即使你把它放在你的CSS中 - 没有人会知道它在那里 - 所以不，它不能用CSS完成。

如果某个网站会处理javascript（但facebook几乎不会），你可能会很幸运，但机会真的很低，所以它不可靠。

但是我建议你写一点，例如PHP skript会遍历所有.html / .htm个文件，并会用<head>重写<head> <meta property="og:image" content="http://websitename/image.jpg">

但我建议不要只添加html，如果要添加一个包含更多跨文件更改的include脚本会更好。因此，下次您需要在所有文件中添加<head>内容时，您只需将其添加到例如my_include.php中。 https://developers.facebook.com/tools/debug/og/echo?q=YOURSITEURL

修改我还建议您查看Facebook的开发人员工具，该工具可以准确地告诉您访问您网站时看到的内容：
{{1}}

通过css（og：image）将网站缩略图添加到facebook

2 个答案: