wordpress添加Favicon图标的方法

编辑:
网络全书
分类:互联网 浏览: 381

导语:本文主要关注互联网建站技术-wordpress如何上传Favicon站点图标?,提供制作网站、运营网站、seo、网站推广相关教程,帮助中小站长快速成长。

wordpress如何上传Favicon站点图标?

Favicon是网站的站点图标,通常显示在浏览器的最左上方,如下图所示,它通常是你的logo图片,默认尺寸16x16,建议用32x32显示效果会更好一些。

巴布布favicon

目录

为什么要使用Favicon站点图标?

Favicon站点图标上传的三种方法

1,将favicon.ico文件上传到wordpress网站的根目录

2,通过wordpress后台直接上传Favicon站点图标

3,使用网站代码生成Favicon站点图标

总结

为什么要使用Favicon站点图标?

一方面是考虑到网站整体的品牌布局,保持一种独立性和信任感,让你的外贸网站看上去更专业。

另一方面是因为欧美SEO大咖说Favicon站点图标对谷歌SEO排名有一点效果,无论是不是真的,这么简单的一个图标问题,照做就是了。

Favicon站点图标上传的三种方法

如果你使用wordpress建站,Favicon站点图标的添加很简单,一共有三种方法供大家参考,在正式添加之前,请准备好你的logo图片或你域名的英文首字母图片。

1,将favicon.ico文件上传到wordpress网站的根目录

1,首先准备一张(jpg,bmp,gif,png)格式的方形图片,通过favicon图标转化工具将图片转化成ico格式,网上有很多工具都可以做到这一点。我百度了下,觉的下面toollu这个在线工具不错,主要看上去页面设计比较干净整洁,主要我是个颜控 :)。

2,打开toollu你会看到下图,上传你的图片选择32x32,最后点击下载ICO就可以了。

favicon在线工具

3,最后一步是将此文件上传到你的wordpress外贸网站根目录public_html,就大功告成了。

favicon网站根目录

添加完刷新下浏览器,Favicon图标就可以正常显示了。

2,通过wordpress后台直接上传Favicon站点图标

如果你使用的是wordpress,wp后台可以直接上传一张图片自动生成Favicon图标。

1,首先登陆wp后台,appearance > customize,如下图所示。

wpcustomize

2,找到site identity并点开,上传一张512x512的图片即可,格式随意,512x512是wordpress的建议,其实小点也没什么,不过既然wp都要求了,还是按照它说的做吧。

siteicon

添加完刷新下浏览器,Favicon站点图标就可以正常显示了。

3,使用网站代码生成Favicon站点图标

一般用以上两种方法就够了,但有一些外贸网站毕竟不是wordpress做的,就会很麻烦。

1,先准备一张(jpg,bmp,gif,png)格式的图片,尺寸大于32x32,方形的。

2,将这张图片上传到你网站的根目录。

3,在网站代码<head></head>中添加以下代码:

<link rel="shortcut icon" type="image/png" href="/favicon.png"/>

上面的代码,你上传的是jpg请把favicon.png换成favicon.jpg,以此类推。

添加完刷新下浏览器,Favicon站点图标就可以正常显示了。

总结

Favicon站点图标的三种添加方法就介绍完了,分别是favicon.ico文件上传wordpress网站根目录,wordpress后台上传图片和代码添加,内容并不复杂,大家都可以试试。

读完这篇文章,我们来总结下本文共涉及到了哪些知识点,包括有wordpress、Favicon图标、ico图标、网站图标等方面的知识,希望这些能够帮您更好地了解文章主题。

声明:本网站部分内容来源于网络,如文章侵犯您的权益,请及时与我们取得联系,我们会核实并作出处理。