如何在Blogger.com或BlogSpot网站添加自定义Favicon图标?

一张包含Blogger图标和文字blogger free website图片

在这篇文章中,我将教你如何将自定义网站图标(Favicon)添加到你的Blogger.com或BlogSpot网站上。你可以在5分钟内轻松完成这个任务。

将网站图标添加到你的网站中,是搜索引擎优化(SEO)中的一个部分。它可以增强你的网站在搜索引擎结果页面(SERP)中的可见性,而不是显示空白或网络图像的网站图标。

什么是网站图标(Favicon)?

网站图标是一个小的方形图标。它用于在网络浏览器中识别你的网站。它能够在浏览器标签和书签中大大帮助用户找到你的网站。

网站图标应该是方形的图像。Blogger建议网站图标的尺寸应该小于100KB。

你可以选择任何分辨率大小的网站图标,但记住它应该是方形的。

你可以使用以下分辨率大小(宽 × 高)单位为像素:

  • 16 × 16
  • 32 × 32
  • 64 × 64
  • 96 × 96
  • 其他尺寸。使用任何分辨率大小,但是要保持方形。

让我们来看一些知名网站,他们使用了什么尺寸的网站图标? Blogger.com

Blogger使用了分辨率为(32*32)像素的网站图标。

相同的图像也被用作BlogSpot子域站点的网站图标。该网站图标托管在相同服务器的根目录下。

如果我的博客网址是https://www.lksr.net,那么Blogger将网站图标托管在域的根目录下,网站图标的URL是https://www.lksr.net/favicon.ico

将自定义网站图标添加到BlogSpot网站。

步骤 #1:登录到你的Blogger.com 后台。

步骤 #2:选择设置选项。

步骤 #3:点击网站图标的超链接。

步骤 #4:现在上传你的网站图标图像。

步骤 #5:保存。完成。

现在,你可以在浏览器的标签列表中看到最新更新的网站图标。有时候,新的网站图标可能会出现延迟显示,这是因为旧的网站图标一旦被缓存到浏览器的内存中,它可能会在几分钟内显示出来。

所以,请尝试使用隐身浏览模式来检查。

感谢您阅读本文。🙏


发表评论

0 评论