温馨提示:这篇文章已超过940天没有更新,请注意相关的内容是否还可用!
favicon是一个图标,表示在 Internet Web 浏览器的地址栏中显示的网站或网页。
如果您遵循以下指南,网站图标可能会出现在 Naver 搜索结果中。
STEP 1. 检查网站图标大小、文件格式和基本规则
基本规则
Naver 搜索机器人必须能够收集网站图标。请参阅设置 robots.txt的指南
我不经常更改我的网站图标 URL。(可以更换图片)如果
favicon URL和图片发生变化,更新延迟和搜索结果中的favicon图片可能会不一致。使用您自己的图像来代表您的网站。
我们不会使用让用户感到恶心的色情或图片。
图标大小
它必须是一个具有相同宽度和高度的正方形。(例如:30 x 30 像素、48 x 48 像素)
将 Naver 搜索结果的图标大小调整为 15 x 15 像素。建议在相应的分辨率下检查favicon是否可以很好的曝光。
网站图标文件格式
支持除 SVG 之外的所有favicon 文件格式。
ICO | PNG | 动图 | 动画 GIF | JPEG | APNG | SVG |
---|---|---|---|---|---|---|
○ | ○ | ○ | ○ | ○ | ○ | 不可一次性使用 |
第 2 步。网站图标标记
利用HTML 文档中<head>标签内的标签<link>。
favicon 所在的 href 必须使用绝对路径,而不是相对路径。
<head><link rel="shortcut icon" href="http://www.mysite.com/favicon.ico"></head>
您可以对 rel 属性使用以下选项之一。
* shortcut icon* icon* apple-touch-icon* apple-touch-icon-precomposed
问:如果一个页面上有多个网站图标标记,哪个优先?
如果网页中有多个网站图标标记,则用于搜索展示的网站图标将根据以下规则进行优先处理并进行处理。
根据标记中列出的 rel 属性和站点的默认 favicon 中的以下顺序进行处理
快捷方式图标
图标
默认图标(主机 url + /favicon.ico)
苹果触摸图标
apple-touch-icon-precomposed
如果有多个相同的 rel 属性值,则首选较大的 favicon 大小。
免责声明:本文来自Naver站长平台,不代表0oD三一o0的观点和立场,如有侵权请联系本平台处理。
还没有评论,来说两句吧...