艹! 我真服了!今天不是来教你怎么加logo的,是来用我的血泪史告诉你,这玩意儿加不对,能把一个站给活活“加”死!
真的,我以前也以为那个浏览器标签页上的小图标(对,学名Favicon)就是个装饰品,结果我他妈大错特错。去年的这个时候,我手欠把网站模板重构了一遍,美滋滋的,新站该有的都有了,内容也伪原创得天衣无缝,就图省事,把Favicon.ico随手扔到了一个二级目录里,路径也没写对。当时看着浏览器标签页上那个默认的灰色地球,心里还想:“问题不大,权重起来再搞。”
然后噩梦就开始了。 新内容怎么发收录都慢得跟蜗牛一样,原本还有点流量的老页面也开始掉,后台数据一天比一天难看。我tm当时像个傻子一样,天天琢磨是不是外链建设没到位,是不是TDK被竞争对手针对了,甚至怀疑是不是用了老域名有历史遗留问题。那段时间,凌晨4点被蜘蛛抓取异常的邮件吓醒是常事,盯着统计后台那条笔直向下的折线,我tm抽了半包烟都没想明白死因。
直到上个月,我一个做安全的朋友来帮我排查有没有被挂马,扫了一眼源代码,轻飘飘说了一句:“兄弟,你站连个正经Favicon都没有,搜索引擎可能觉得你这站不完整、不专业,甚至是临时或山寨的,信任评分天然就低啊。” 我那一刻,真的,感觉天灵盖都被掀开了。一个图标,就能影响信任评分?!
正确操作(现在含泪总结的):
1. 格式和名字: 乖乖做个 32x32 或 16x16 的 .ico 文件,或者用PNG、SVG也行(但为兼容性,ICO最稳),名字就叫 favicon.ico,别整那些花里胡哨的。
2. 位置!位置!位置! 把这个文件,给我直接丢到网站的根目录! 也就是和你首页(index.html/php)同一个地方!这是最省事、最不容易出错的方法!浏览器和蜘蛛第一个就去那儿找!
3. 代码声明(关键!): 在你网站所有页面的 <head> 部分里面,给我加上这行代码:
<link rel="icon" href="/favicon.ico" type="image/x-icon">
看清楚那个 href="/favicon.ico" 了吗?这个斜杠 / 就代表从根目录开始找!我当初就是这里写错了路径!
4. 清除缓存测试: 改完后,用浏览器的无痕模式打开看看,或者用这个Favicon检查工具扫一下,确保全世界看到的都是你帅气的logo,而不是那个该死的灰色地球!
我现在修复了,沙盒期的感觉才慢慢消失。真的,细节魔鬼。你以为的装饰,在算法眼里可能就是判断你站点质量和专业度的信号。别像我一样,等被K得半死不活了才回头补课。妈的,说多了都是泪,我再去盯着后台缓升的曲线看一会儿。
