什么是网站图标或网站图标?
Favicon 也称为收藏图标或站点图标,是显示在浏览器选项卡上的小图标。 这有助于轻松识别网站,尤其是在同时打开多个浏览器选项卡时。 除了浏览器显示,一些搜索引擎还在搜索结果中显示图标。
如何添加网站图标?
使用内容管理系统管理的站点有两种简单的方法来集成您的网站图标图像。
- 主题 – 大多数免费和付费主题都提供了一种将网站图标图像添加为主题选项的方法,而无需任何额外的代码。
- 插件——如果主题不提供此选项,许多插件都可以解决问题。
WordPress 将 favicon 提供为称为“站点图标”的内置功能,因此站点所有者无需任何第三方帮助即可轻松上传图标图像文件。 对于由其他不支持网站图标集成的网站构建器管理的网站,请按照以下两个步骤添加网站图标:
- 第 1 步 – 将 .ico 图片上传到网站
- 第 2 步 – 使用以下代码链接网站标题部分的图像:
<link rel="shortcut icon" href="https://www.webnots.com/what-is-favicon-or-site-icon/Your Favicon Link"/>
在任何情况下,您都需要自己创建一个可见图像并将其上传到您的站点。 您可以使用 Snagit 等高级图像编辑器或 Microsoft Paint 等免费工具来创建图像文件。 或者,您也可以使用在线提供的免费网站图标生成器将图像转换为您网站的完美网站图标。
笔记: 不幸的是,许多像 Weebly 这样的网站建设者不允许免费用户将 favicon 添加到他们的网站。 这是一项高级功能,您只有在升级到其中一个付费计划后才能获得。
网站图标图像规格
通常 favicon 是 .icon 图像文件,但也可以使用 .jpg 或 .png 格式。 由于浏览器以很小的尺寸显示图像,因此您应该创建一个较小尺寸的网站图标,例如 16 像素 x 16 像素或 32 像素 x 32 像素。 最好避免使用在缩小到较小尺寸时不会清晰可见的大图像尺寸。
相比之下,WordPress 需要最小尺寸为 512 像素 x 512 像素的图像,因为 WordPress 还使用与移动设备上的应用程序图标相同的图标。
请注意,您还可以创建动画网站图标以在浏览器上显示。 虽然我们不推荐动画图像,因为它会分散注意力,但您可以使用在线网站图标生成器工具创建此类图像。
网站图标的重要性
虽然 favicon 没有任何 SEO 重要性,但它对品牌和使用有真正的好处。 网站所有者可以轻松构建品牌图标图像,显示为网站图标以吸引用户。 Yandex 等搜索引擎也会在搜索结果中显示该图标,如下所示,这使网站所有者无法避免。
从用户的角度来看,当在浏览器中打开许多选项卡时,很难在所有打开的选项卡中找到一个站点。 下面是使用多个选项卡打开 Google Chrome 浏览器时的外观,并且用户可以看到网站图标以轻松浏览选项卡。 例如,用户可以通过查看 favicon 轻松选择 Google。
用户的另一个方面是在查看明确显示网站图标的历史记录或书签页面时。 因此,我们建议使用高质量的图像作为您网站的图标,以便用户可以轻松记住。 Apple 还在 macOS 和 iOS 设备上的 Safari 浏览器中显示 favicon。