Html 在移动web搜索结果中显示网站图标

Html 在移动web搜索结果中显示网站图标,html,favicon,Html,Favicon,在下图中,每个搜索结果都有一张卡,卡的右上角有它的网站徽标。这是Android的Chrome浏览器。 一些研究让我相信这是该网站的favicon,我已经使用它将其包含在我的HTML中。我在当前部署的index.html中只包含了header标记的图标方面 <!--Link address bar icon file for any browser--> <link rel="shortcut icon" href="./images/favicons/favi

在下图中,每个搜索结果都有一张卡,卡的右上角有它的网站徽标。这是Android的Chrome浏览器。

一些研究让我相信这是该网站的favicon,我已经使用它将其包含在我的HTML中。我在当前部署的index.html中只包含了header标记的图标方面

    <!--Link address bar icon file for any browser-->
    <link rel="shortcut icon" href="./images/favicons/favicon.ico">
    <link rel="icon" sizes="16x16 32x32 64x64" href="./images/favicons/favicon.ico">
    <link rel="icon" type="image/png" sizes="196x196" href="./images/favicons/favicon-192.png">
    <link rel="icon" type="image/png" sizes="160x160" href="./images/favicons/favicon-160.png">
    <link rel="icon" type="image/png" sizes="96x96" href="./images/favicons/favicon-96.png">
    <link rel="icon" type="image/png" sizes="64x64" href="./images/favicons/favicon-64.png">
    <link rel="icon" type="image/png" sizes="32x32" href="./images/favicons/favicon-32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="./images/favicons/favicon-16.png">
    <link rel="apple-touch-icon" href="./images/favicons/favicon-57.png">
    <link rel="apple-touch-icon" sizes="114x114" href="./images/favicons/favicon-114.png">
    <link rel="apple-touch-icon" sizes="72x72" href="./images/favicons/favicon-72.png">
    <link rel="apple-touch-icon" sizes="144x144" href="./images/favicons/favicon-144.png">
    <link rel="apple-touch-icon" sizes="60x60" href="./images/favicons/favicon-60.png">
    <link rel="apple-touch-icon" sizes="120x120" href="./images/favicons/favicon-120.png">
    <link rel="apple-touch-icon" sizes="76x76" href="./images/favicons/favicon-76.png">
    <link rel="apple-touch-icon" sizes="152x152" href="./images/favicons/favicon-152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="./images/favicons/favicon-180.png">
    <meta name="msapplication-TileColor" content="#FFFFFF">
    <meta name="msapplication-TileImage" content="./images/favicons/favicon-144.png">
    <meta name="msapplication-config" content="./images/favicons/browserconfig.xml">

我目前的部署服务是。我的问题是,即使我这样做了,网站会在搜索结果中弹出,但不会出现徽标。如何让网站徽标显示在搜索结果中?

你可以试试,它会报告断开的链接、格式不正确的图像等。完全披露:我是这项服务的作者。

这是什么搜索引擎?@johnSmith google你可能想用它来检查你的路径,favicon.ico格式,等等。完全披露:我是这项服务的作者。@philippe_b嗨,我已经成功地在使用您的服务后让图标显示出来。你能发表你的评论作为回答吗?@S.Ramjit我很高兴这项服务很有帮助!我刚刚提交了一份答复。谢谢你的建议!