為什麼網站的根目錄最好有 favicon.ico 和 robots.txt 存在？

最新推荐文章于 2020-02-27 21:25:09 发布
最新推荐文章于 2020-02-27 21:25:09 发布
阅读量513 收藏
点赞数
分类专栏： 其他 文章标签： favicon.ico robots.txt

如果已經在頁面的 <head> 中寫了 <link rel=”shortcut icon” href=”http://example.com/myicon.ico” /> 是否就不用在網站的根目錄中多弄一個 favicon.ico ?

o 如果所有頁面內容都不限制搜尋引擎的 bots 抓取，是否就不用在網站的根目錄中多弄一個 robots.txt ?

這一篇的結論是：還是讓它們存在網站的根目錄比較好。

網站的根目錄最好有 favicon.ico 和 robots.txt 存在其主要的原因是：有些瀏覽器還是會嘗試去存取網站根目錄的 favicon.ico；搜尋引擎的 bots 就是會去一直檢查網站根目錄是否有 robots.txt，所以最好這兩個檔案都存在，以避免你的網頁伺服器，例如: Apache web server，寫了一堆的「File does not exist: …./favicon.ico」或「File does not exist: …./robots.txt」到 error_log 檔案中，浪費儲存空間和伺服器資源。

o Favorites Icon 最好在網站的根目錄，並且名稱就是 favicon.ico

  • 雖然你可以在 <head> 中 用 <link rel=”shortcut icon” href=”http://example.com/myicon.ico” /> 之類的讓網站 icon 不一定要取名為 favicon.ico，也不一定要放在網站的根目錄，大部分的主流瀏覽器，如：Internet Explorer (IE)、Google Chrome、Firefox、Opera、Safari，也都能接受，但是為了避免有些不上道的瀏覽器存取網站根目錄的 favicon.ico，你最好： (1) 將網站 icon 取名為favicon.ico 並且放在根目錄； (2) 在 <head> 寫成 <link rel=”shortcut icon” href=”http://example.com/favicon.ico” />。這樣相容性最高。
  • favicon.ico 的檔案格式最好是 ICON 格式，這樣相容性最高 (基本上 IE 只吃 ICON 格式的)。

ps: 如果你原本是將 Favorites Icon 在 <head> 中、如同上述例子中，指定到 myicon.ico，那在你接受上述建議改成網站的根目錄的 favicon.ico 以後，最好還是複製一份到 myicon.ico 或是將 favicon.ico 建立個 symbolic link 到 myicon.ico，以避免取得舊有資料的瀏覽器在還沒更新資料以前 (例如按 F5 按鍵重新載入) 一直去要存取 myicon.ico，這樣一來一樣會有一堆「File does not exist: …./myicon.ico」訊息寫到 error_log 檔案中 :p 。 建立 symbolic link 的命令列範例如下：

ln -s favicon.ico myicon.ico

o robots.txt 最好存在於網站的根目錄
與其弄一空的 robots.txt 檔案，你不如簡單地這樣寫兩行：

User-agent: *
Allow: /

o 那 apple-touch-icon 勒!?
對於 Apple 公司的 iOS 1.1.3 或之後版本的裝置：iPod Touch、iPhone 和 iPad，這些裝置可能會存取網站根目錄的 apple-touch-icon-72×72-precomposed.png、apple-touch-icon-72×72.png、apple-touch-icon-precomposed.png、apple-touch-icon.png 這幾個檔案，不存在的話一樣會有「File does not exist: …」訊息寫到 error_log 檔案去，例如：

[Tue Oct 25 20:09:00 2011] [error] [client 223.xxx.xxx.xxx] File does not exist:
/home/sites/www1/apple-touch-icon-72x72-precomposed.png
[Tue Oct 25 20:09:01 2011] [error] [client 223.xxx.xxx.xxx] File does not exist:
/home/sites/www1/apple-touch-icon-72x72.png
[Tue Oct 25 20:09:01 2011] [error] [client 223.xxx.xxx.xxx] File does not exist:
/home/sites/www1/apple-touch-icon-precomposed.png
[Tue Oct 25 20:09:04 2011] [error] [client 223.xxx.xxx.xxx] File does not exist:
/home/sites/www1/apple-touch-icon.png

所以，要是網站根目錄不存在這些檔案的話，最好在 <head> 中用以下語法交代一下它們在哪：

<link rel="apple-touch-icon" href="somepath/image.png" />
<link rel="apple-touch-icon-precomposed" href="somepath/image.png" />
yongche_shi
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
streams.json:stream.json是类似于robots.txt的文件，用于广播，webradio，电视，webtv的流URL
04-10
stream.json streams.json是... 紧挨着robots.txt文件或favicon.ico。 像： https://domain.tld/streams.json它是强制性的吗？ 不，您可以根据需要放置它。 在不久的将来，我们希望目录使用它来自动更新或保存信息。
攻防世界web解题[进阶]（一）
weixin_46703850的博客
03-04 666
攻防世界web解题[进阶]（一）
解决favicon.ico无法显示的问题
热门推荐
突然空闲
06-04 6万+
今天在做站的时候发现网站favicon.ico图标不显示，favicon是什么？其实我们在浏览器看网页的时候，在地址栏的左边，你就可以看到一个小的图标（每个网站都不一样）。这就是网站的favicon文件，它其实是一图片文件。像我们熟知的百度、谷歌、新浪都有自己的favicon文件。 那我们怎么给自己的网站安装一个favicon文件呢？ 第一步、你要确定你网站的主题和图案所选，因为favic
tp5上传至服务器中出现各类错误的解决方法
子明的小博客
06-22 6133
1.连接Mysql提示1045 access denied for user 'root'@'localhost' using password yes的解决方法检查上传至服务器中的tp5中的database.php中的连接数据库的密码是否正确2.连接Mysql提示Can’t connect to local MySQL server through socket的解决方法a.展示出所有的mysq...
获取网站或标签页的favicon.ico
BiuBiu_Tian(田)
11-30 1万+
获取网站或标签页的favicon.ico的正确姿势。
在线存储系统源码 网盘网站源码 云盘系统源码.zip
11-13
^(index.php|samples|robots.txt|views|plugins|backup|upload|images|install|admin123|plug|test|install|make|js|favicon.ico|templates|mqqt|scl|app) RewriteRule ^(.*)$ index.php/$1 [L]
Cloudreve云盘系统源码支持本地储存和对接各大对象储存界面美观在线存储系统源码 网盘网站源码 云盘系统源码.rar
最新发布
12-22
^(index.php|samples|robots.txt|views|plugins|backup|upload|images|install|admin123|plug|test|install|make|js|favicon.ico|templates|mqqt|scl|app) RewriteRule ^(.*)$ index.php/$1 [L] ​
在线存储系统源码 网盘网站源码 云盘系统源码
10-23
^(index.php|samples|robots.txt|views|plugins|backup|upload|images|install|admin123|plug|test|install|make|js|favicon.ico|templates|mqqt|scl|app) RewriteRule ^(.*)$ index.php/$1 [L]
解决：Not Found: /favicon.ico
Allen . Liu
04-18 2万+
直接说解决办法： （1）制作一个 favicon.ico图标放在<head></head>标签中 <link rel="shortcut icon" href="xxxxxxxxxx.ico" type="image/x-icon" /> <!--制作的图标，使用href关联，仅仅需要更改href的内容 --> 可参考我...
禁止 favicon.ico 请求
weixin_34044273的博客
09-21 855
favicon.ico 图标用于收藏夹图标和浏览器标签上的显示，如果不设置，浏览器会请求网站根目录的这个图标，如果网站根目录也没有这图标会产生 404。出于优化的考虑，要么就有这个图标，要么就禁止产生这个请求。 在做 H5 混合应用的时候，不希望产生 favicon.ico 的请求。 可以在页面的 &lt;head&gt; 区域，加上如下代码实现屏蔽： &lt;link rel="icon"...
去掉/favicon.ico的请求
银狐的专栏
09-11 1万+
var http=require("http");  var server=http.createServer();  server.on("request",function(req,res){      if(req.url!=="/favicon.ico")          console.log(req.url);      res.end();  });
【tornado建站】设置favicon及robots等文件
Q.1的博客
12-24 610
其实这类文件在tornado里设置的代码都是一模一样的，这里举两个例子，如果网站需要添加sitemap.xml等也是通过相同的方式添加。 favicon.ico就是浏览器标签上的小图标，比如百度的狗脚印、github的那只猫… 你可以自己做一个图标，用photoshop做一个400x400的正方形图标，然后保存为35x35大小的ico文件。也可以到网上去下载一个你喜欢的图标。 准备好favicon...
解决浏览器默认加载favicon.ico的方法
weixin_44685781的博客
02-27 6721
大家在写项目时遇到过这种情况么？ 怎么解决呢 方法很简单 可以在页面的 区域，加上如下代码实现屏蔽： 这样就可以啦！
Sitemap和Robots.txt SEO优化技巧
weixin_34122810的博客
04-12 545
在做网站优化的时候，我们不仅要进行网站内容，外链，内链的优化，还需要从sitemap.xml和robots.txt这些细节之处着手。sitemap和robots.txt是一个网站针对搜索引擎设置的两个极其重要的文件。一般的站长都知道，建好网站后需要建立网站的sitemap.xml，还有特殊情况的话需要进行robots.txt文件的设置。下面说说Sitemap和Robots.t...
关于favicon.ico的一次坑
不想做咸鱼的咸鱼的专栏
03-09 6099
一个springboot项目,通过浏览器访问会出错，但是通过curl访问是正常的，最后通过抓包发现浏览器访问的时候不但访问我真正需要的请求，还回去访问favicon.ico， 而favicon.ico我是希望不要去访问的，而且不需要的，所以解决办法如下： 第一种： 在配置文件中关闭Favicon spring.mvc.favicon.enabled=false 网上说有的人说,上面不行的话可以试...
如何在网站的根目录中放置一个favicon.ico文件
05-12
要在网站的根目录中放置一个 favicon.ico 文件，你需要遵循以下步骤： 1. 准备一个 16x16 像素的 .ico 文件，并将其命名为 favicon.ico。 2. 将该文件上传到你的网站根目录中。 3. 在你网站的头部中添加以下 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值