页面前面的标志显示问题

今天我在浏览自己写完的站点之后发现自己写的站点前面没有标志,怪难看的
如图：

平常浏览页面时一般在页面前面都会有自己的一个特定的小标志，现在想请问各位大佬如果我的页面也想有类似的效果应该怎样去写。

加上一个favicon.ico，放在网站根目录下
ico的制作，可以使用 icon workshop这个软件