当在Facebook上发布指向网站的链接时(谷歌和其余的计数),您可以获得缩略图或缩略图选择.这些是来自
HTML的标签.
我一直认为使用CSS将我的徽标作为h1标签内的背景图像是一种很好的做法.我将h1标签设置为返回主页的链接,并使用{text-indent：-9999px}之类的内容隐藏标题文本,留下一个可爱的语义HTML标题.如果你想看一下,这里是我网站的链接：http://tempertemper.net
这个问题是,因为它是一个背景图像,它被忽略了.
为此目的在HTML顶部发布自定义是不是一个好主意,并将其隐藏在页面的旁边？我不知道,似乎有点凌乱.我可以把标签放在h1里面,但是标志不是正确的形状,因为它是为特定目的而设计的.
解决方法
是的,您可以设置元标记,以便Facebook知道要选择哪个图像.
见：https://developers.facebook.com/docs/opengraph/
具体来说,它是og：image属性,它将告诉Facebook的链接共享脚本选择该图像作为其缩略图.
请记住,尽管Facebook会进行一些缓存,但如果您已经分享了链接,那么一旦它仍然“卡住”使用旧图像.
您可以通过Facebook URL Linter查看Facebook从您的网站中获取的内容.请参阅：http://developers.facebook.com/tools/lint/(使用URL Linter还将重建Facebook的缓存)
