网站建设中,中国大陆地区请使用VPN访问,欢迎提建议,关注LSKR Mastodon

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

了解适合网站图标的尺寸和最佳做法,学习如何在几分钟内轻松为你的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:保存。完成。

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

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

感谢您阅读本文。🙏


发表评论

Cookie Consent
我们使用 Cookie 来了解您如何使用我们的网站并提升您的体验。这包括个性化内容和广告。
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.