Favicon 在网站上不可见

Question

我有以下代码：

    <head>

<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
    <title>EPDM Polymers | EPDM Rubber Granules | Poured-In-Place Rubber</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
    <link rel="stylesheet" href="./css/main.css" />
    <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
    <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->

    <!-- Start WOWSlider.com HEAD section --> 
    <link rel="stylesheet" type="text/css" href="./css/style.css" />
    <script type="text/javascript" src="./js/jquery.js"></script>
    <!-- End WOWSlider.com HEAD section -->

    <link rel="stylesheet" href="./js/BackToTop.jquery.css" type="text/css" />

</head>

但是，www.epdmpolymers.com 上没有显示网站图标我的图像文件夹中有 favicon.ico 文件。有任何想法吗？

Answer 1

favicon.ico 有 2 个 link，请尝试从您的代码中删除第一个 link。我想这对你有用。

或者再次cross-check图片路径，尝试使用文件的相对路径。例如：如果您的图像在 root/images 文件夹中，则使用 (/images/favicon.ico)

Answer 2

我最喜欢的调试方法之一是从 http://www.google.com/favicon.ico

等工作站点下载并使用 favicon.ico 文件

如果有效，则问题可能是因为您的文件大小或格式。
如果它不起作用，那么问题可能出在 html 标签。
要排除文件权限问题，请尝试访问您的网站图标文件通过浏览器地址栏直接使用其url。

Favicon 在网站上不可见

Favicon is Not Visible on Website

favicon