谷歌浏览器添加书签图像

时间:2015-06-11 09:57:30

标签: html html5 google-chrome browser web

最近,当用户点击地址栏中的星形图标将Google添加到书签时,Google已添加了新界面。

UI显示页面标题以及元描述元素中的任何内容(如果存在),但我想知道是否有一种方法可以设置显示的图像,或者这是否只是Chrome的纯粹装饰:

enter image description here

2 个答案:

答案 0 :(得分:1)

这似乎是页面头部包含的一些数据。 您可能知道可以使用元标记设置一些favicon,gps坐标和许多其他内容。 一些新标记Opengraph元标记现在用于定义一些信息,以便最好地描述您正在浏览的网站的内容。例如,在Facebook上,当您共享链接时,这些opengraph数据用于创建一个小块,汇总并显示链接网站的图片。

所以,要明确并谈论代码,只需在头部尝试这一行:

<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />

在我正在制作的一个静态网站上写这篇文章的时候尝试过,似乎工作正常!

答案 1 :(得分:0)

Google似乎收集了网页上的所有图片,并允许您为书签选择所需的图片。