Favicon 和 SEO：为什么网站上需要一个小标签？

许多人都知道浏览器书签中站点名称前面出现的小图标。这种微型元素虽然经常被忽视，但已成为任何资源不可或缺的一部分。以前，图标被视为不重要的细节，仅用于填充空白空间，但如今，当每项改进都对转化至关重要时，图标就发挥了重要作用。这不仅是品牌元素，也是搜索引擎考虑的因素。

什么是 favicat？

对于那些不熟悉这个术语的人，让我们解释一下：网站图标是一种图形元素（大小为 16x16 像素），放置在网站代码中并显示在标题旁边的搜索结果中。最常见的是使用徽标或简单的图片（字母、数字或图标）。为了让搜索引擎和其他服务将此文件识别为网站图标，应将其命名为“favicon.ico”。

有趣的是，对 favicons 的支持始于很久以前，当这种格式首次在 Internet Explorer 5 浏览器中使用时，favicons 最初专门用于满足技术需求，并且是网站地址的简单标签。最终，在 2000 年代初，它们作为标准元素正式包含在 -markup 中。

网站图标有什么用？

尽管图标最初是为了方便用户而设计的元素，但它的作用现在已经超出了技术方面。这对于最终用户和搜索引擎都很重要。让我们考虑一下 favicon 的使用地点和方式，以及是否可以不用它。

• 帮助您记住该网站。当寻找一个简短且可访问的域名变得越来越困难时，明亮可见的图标可以帮助用户记住该网站，即使其名称又长又不清楚。
• 使您可以更轻松地在多个选项卡中进行搜索。当浏览器中打开许多选项卡（一次 30-40 个）时，拥有令人难忘的图标可以帮助您快速找到所需的网站。同样，在您的浏览历史记录中，最好通过快捷方式进行搜索，而不是滚动浏览数十个 URL。
• 在搜索结果中突出显示该网站。在某些搜索引擎中，网站图标显示在片段中（例如，在 Yandex 中）。这可以让您的网站从其他网站中脱颖而出，从而提高点击率和转化率。

在网站上安装网站图标

首先，选择一个图像用作您的网站图标，并将其重命名为 favicon.ico。建议使用PNG格式以避免白色背景。最常见的图标大小是 16x16 像素，但也存在其他格式：

• 32x32 - 适用于旧版本的 Internet Explorer 和 Safari；
• 57x57 - 适用于 iPhone 设备；
• 72x72 - 适用于 iPad 平板电脑；
• 114x114 - 适用于高质量视网膜屏幕；
• 144x144 - 适用于配备 Retina 显示屏的 iPad。

准备好并重命名图像后，需要使用 FTP 客户端或托管面板将其上传到站点的根目录。检查网站图标是否可用：sitename.ru/favicon.ico。

要将网站图标添加到 -code，请使用以下模板： 。需要注意的是，对于旧版本的 IE 浏览器，您可能需要添加该属性 rel =“短衣图标”。

如果您的网站针对 Apple 移动设备，请添加该属性 rel =“苹果触摸图标”以便该图标能够在 iPhone 上以及 MacOS 上的经常访问网站列表中正确显示。

选择哪个图像作为网站图标？

为您的网站图标选择图像很重要，因为它将与您的网站相关联。一个好的网站图标应该简单但令人难忘。让我们看一下几种类型的网站图标：

• 简单的图像。例如，字母、数字或几何形状。此类图像易于识别和记忆，特别是当其他网站使用复杂或小型元素时。
• 专题图像。对于某些领域（医学、建筑等），使用可识别的符号是合乎逻辑的，例如十字或头盔。用户能够快速将这些图像与您的网站关联起来非常重要。
• 品牌书籍元素。如果您的公司有品牌手册，您可以使用其元素，例如徽标。但是，请记住，复杂的徽标在小格式中可能很难看清。
• 对比图像。如果搜索结果中的大多数网站都使用相似的网站图标，对比元素将帮助您在竞争对手中脱颖而出并吸引用户的注意力。

结论

尽管图标很小，但它对于网站来说却非常重要。它有助于资源识别并改善用户体验。它的使用提高了搜索的便利性，特别是在打开许多选项卡时。为了提高网站在搜索结果中的可见度并增加点击率，建议注意favicon的选择及其正确配置。

有关 SEO 和网站开发的其他咨询，您可以通过电子邮件 info@seo.computer 联系 SEO COMPUTER 工作室。

编号 1687