【问题标题】:Google Chrome Add Bookmark Image谷歌浏览器添加书签图片
【发布时间】:2015-08-26 22:54:03
【问题描述】:

最近谷歌添加了一个新界面,当用户点击地址栏中的星形图标将网站添加到他们的书签时。

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

【问题讨论】:

    标签: html google-chrome browser web


    【解决方案1】:

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

    所以,为了清楚起见并谈论代码,请尝试在您的 head 部分中使用这一行:

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

    在我正在开发的一个小型静态网站上写这篇文章时尝试过,似乎效果很好!

    【讨论】:

      【解决方案2】:

      看起来 Google 会收集网页上的所有图片,并允许您选择要用作书签的图片。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2016-05-24
        • 2012-01-31
        • 1970-01-01
        • 1970-01-01
        • 2013-08-05
        • 2011-02-27
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多