首先了解下什么网站ICONICON你可以把它比作成QQ头像,一打看QQ看到那个图像的头像就知道,那个是谁了,很方便。ICON也是如此,如果你的网站被朋友收藏了,人家打开IE收藏夹的时候,或者看到网站标题,浏览器顶部。一看到你的网站ICON就知道那是你的网站,给人一种亲切感,从技术角度讲给人一种专业感观(当然指的是新人啦)
制作1个网站ICON很简单具体步骤如下:
1:利用相关图形软件制作1个16x16的。推荐软件:HprSnap很好用的截图软件,还能制作ICO格式的,没有的话可以网上搜一下。
2:把做好的传到自己的网站空间的根目录下,所谓根目录,就是网站首页文件所在的目录。很通俗很易的说法了,是针对新手说的,高手直接跳过吧。
3:最后一步,很简单也很关键。一般在主题文件夹里面,/template文件夹里面所html文件的<head></head>之间加入:<link rel="Shortcut Icon" href="网站根目录/faviconico" type="image/x-icon" />就OK啦!一般网站都有,看下其中的路径是否正确就可以了,如果没有的话把以上代码放入<head></head>之间就可以了。
大概就是加<link href="/faviconico" type="image/x-icon" rel="shortcut icon" /> 这样的然后做一个图标,ico格式哦,放在根目录下,就可以了目录隐藏1 4种属性介绍11 alt替代文本12 title标题13 caption说明14 description说明2 属性重要性3 百度SEOWordPress多媒体中,有四种选择这里介绍一下如何填写这四个选项。
其中替代文本被放在首位,可见WordPress认为替代文本最需要填写。 其次是标题。
其实,所有的cms工作站系统都可以添加图像属性,只是称呼不同,有些名称是英文的,有些cms工作站系统有一些属性。
在wordpress媒体库中,alt的名称是替代文本,title的名称是标题,caption的名称是说明,description的名称是图像的说明。

4种属性的介绍
alt替代文本
WordPress将替代文本( alt )放在首位,其重要性不言而喻。
alt标签实际上是网站上图像的文本提示。 请注意,在alt标签中加入关键字是提高关键字排名的好方法,但不能提高关键字密度。
百度百科图像ALT属性的原意主要是在图像由于某种原因不能正常显示的情况下,网页浏览者也可以根据属性文本判断该图像的内容,原意不是为了搜索引擎,而是为了用户能够准确地知道网页信息。
当无法显示站点图像时,站点图像的alt标签通过创建替代文本对站点seo有利。 在wordpress的媒体库中,对于已经上传的图像,替代文本是alt标签。 alt属性值的长度必须小于50个中文字符或小于100个英文字符。
img src=’地址’ ALT=’替代文本字符部分’ /如何检查自己的是否带有alt属性?
右键单击图像以验证元素
代码中将显示img标签。 此标签确认是否包含ALT属性标签。
title标题
title标题是图像的文件名,为图像提供图像主题等附加说明信息,可以理解为对图像核心内容的解释。
img src=’图像地址’ title=’图像标题’/alt与title的区别在于,alt属性使用字符而不是不能显示的图像,title属性是对图像的注释。
无论是否可以看到图像,如果图像中只添加了title属性,则移动鼠标时将显示该图像的title属性的文本注释。 如果图像仅设置了alt属性,则移动鼠标将显示图像的alt属性的替代文本。 如果设置,移动鼠标将仅显示图像的title属性。
caption说明
caption说明是在网页上显示的文本,添加后会在下方显示对应的文字内容。 是对图像的说明文。 请不要将此处留空以添加内容。
做外贸网站的时候,如果照片是引用别人的,为了不让照片的原创者发现,一般会在这里显示照片的出处地址,并要求删除。 下图:
 
description图像描述
图像说明是对图像的补充说明,包括此图像的源、图像文章和图像的应用场景。 添加有助于被搜索引擎收录。 在照片下面手动添加说明的人也不少。
说明有助于提高搜索引擎和用户对的理解。
属性的重要性
属性主要通过允许用户在搜索中获得更好的排名,如百度、谷歌等,为自己的网站带来流量。
html源代码中的alt和title标签的格式如下。 img src=:“图像路径”alt=“替换文本”title=“标题”/alt和title用短句子描述图像内容。
我们建议尽量添加这四个标签。 将图像的alt属性设置为文章的核心内容或图像的真实信息,使其简短准确。
缺少alt标签对搜索引擎不友好,所以搜索引擎在捕捉你的网站时(无论是WordPress网站、织梦网站还是帝国网站都一样),很多图像中没有alt标签就会捕捉博客的图像对搜索引擎来说,图像没有意义。
包含alt标签的图像包含在图像搜索引擎中。 此时,用户有时会搜索相关,对网站权重、外链也有帮助,网站流量也会提高。 如果图像读取失败,alt标签将帮助用户理解上下文的含义,并改善用户体验。
如上所述,通过很好地利用这些属性,可以提高网站图像的seo排名,使得网站在搜索引擎中获得更多的曝光机会。
百度SEO
百度SEO主要写的alt属性和title属性。 这将帮助百度搜索引擎理解你的的含义,减少对百度的判断。
谷歌SEO
在GoogleSEO中,谷歌对的原创度要求比较高,如果能制作原创或者伪原创的,有助于谷歌的收录。
的地址请写内容的英文,然后写的alt和title属性。 其中,请务必填写alt属性。
caption的说明可以制成原始图像,转载后注明出处,或者注明图像的出处。
图像的ALT属性是图像优化的关键,详情请参阅本文。 图像优化alt属性的优化格式1 准备一个图标制作软件:首先您必须了解所谓的图标 (Icon) 是一种特殊的图形文件格式,它是以 ico 作为扩展名。
2 确定图标的规格:规格是 16x16,所使用的颜色最好成绩不要超过 16 色 (为了清晰)。可以在电脑中查找 ico 格式的图标,打开这些图标就可以知道格式了。
3 设计一个属于自己的图标:你可以将您的网站的 Logo 做成一个缩图,或者另外设计一个别具特色的图案来作为图标。然后将这个图标文件命名为 faviconico。
4 最后,只需要将这个图标文件 (faviconico) 上传到您的网站所在的服务器的根目录下。(也就是你的主页 indexhtml 所在的那个文件夹),不需要对网页文件作任何的修改,IE 会自动的搜索网站的根目录,只要它一发现了 faviconico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了。
网站个性标志 Favicon 的使用
从严格意义上,favicon 的话题无关 SEO 技术,也与 Web 服务器技术方面的讨论没有太大干系,不过,在我们的网站建设中,为网站打造一个契合网站主题的个性化标志则是必需的,这直接关系到能否成功地塑造网站的品牌。这从某些角度看仍在网站推广的范畴之内,而欲取得成功,不仅包括良好的页面设计、令人印象深刻的网站 Logo,也包括 favicon。
什么是 favicon?
所谓 favicon,即 Favorites Icon 的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅是 favicon 的全部,根据浏览器的不同, favicon 显示也有所区别:在大多数主流浏览器如 FireFox 和 Internet Explorer (55及以上版本)中,favicon 不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳 favicon 到桌面以建立到网站的快捷方式;除此之外,标签式浏览器甚至还有不少扩展的功能,如 FireFox 甚至支持动画格式的 favicon 等。
从特定的技术角度看,favicon也并不只是仅仅让网站给人更专业的观感,也可以在一定程度上减轻服务器的流量带宽占用:一般为了提高网站的可用性,我们都会为自己的网站创建一个自定义的 404错误文件,在这种情况下,如果网站没有相应的faviconico文件,每当有用户收藏网站/网页时, Web服务器都会调用这个自定义的404文件,并在网站的错误日志中记录。这显然是应该予以避免的。
如何制作Faviconico
制作 faviconico 的方法相当简单,首先,利用图形工具创建 2 个反映网站主题的 256 色的小: 1 个为 32 × 32 像素,另一个为 16 × 16 像素。需要注意的是,调色板要选用 "Windows 默认调色板",不然,在最终的效果展示中图形可能会发生迥异于您初衷的颜色上变化。
需要说明的是,在很多关于 faviconico的说明中,常见到要求为 16 色的说法,应该说这类说法大大过时:在早期如 Windows 95 时期,16 色的 faviconico 可能是个稳妥的选择,保证其在大多数情况下正常使用,但现在,完全不存在那类限制,16 色只能使图标的展示效果大大降低。
至于在浏览器中使用时 16 × 16 像素的已经足够,为什么还要准备 32 × 32 像素的,原因在于,正如上文所言, favicon 也显示在地址栏中,用户可以拖曳 favicon 到桌面以建立到网站的快捷方式,而桌面图标则要以 32 × 32 显示的,如果您的 Faviconico不包括32像素的,系统就只能使用默认的浏览器图标来标注网站/网页,如 Internet Explorer 的蓝色 "e",起不到我们意欲通过 faviconico 打造网站品牌的作用。
制作好后,使用如 Image2Ico 之类的小程序即可将 2 张转换到一个 Icon 文件中。也可以通过可以在线制作 Favicon 的网站来制作,不过,需要注意的是,这个网站要求源文件格式为 Pic。
在网页中使用 faviconico
浏览器调用 favicon 的原则是首先在网页所在的目录下寻找 faviconico 文件,如果没有,便到网站的根目录下寻找。
因此,在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Faviconico,然后将其上传到网站的根目录即可。
如果您希望为不同的页面设置不同的图标 (让不同的网页显示不同的 Favicon),那么您就需要在该网页文件 html 中 <head> 部分加入下面的代码:(注意:该图标的路径一定要使用绝对路径)。
<link rel="icon" href="/dir/faviconico" mce_href="/dir/faviconico" type="image/x-icon">
<link rel="shortcut icon" href="/dir/faviconico" mce_href="/dir/faviconico" type="image/x-icon">
Firefox 还支持GIF动画格式的Favicon,使用方法如下:
首先制作一个 16 x 16 的 gif 动画,然后在 html 代码 <head></head> 中加入如下代码:
<link rel="shortcut icon" href="faviconico" >
<link rel="icon" href="animated_favicongif" type="image/gif" >
还有一点需要说明的是:有些 Web 空间的主机服务器不支持图标文件格式,那就没办法了!在head部分中加入代码<link
rel="shortcut
icon"
href="faviconico"
/>
图标为根目录下faviconico,这个图标你可以用工具设计,或者在线一些网站直接把转换成图标1新建一个HTLM的网页
2转到"布局"面板,选中"绘制层"按扭,在网页上面画一个图层
3然后,在图层里放入你想要的内容,比如一张等
4再次,在窗口栏中,将"时间轴"掉出来也可Alt+F9
5这步最关键,将你绘制的图层用鼠标拖到时间轴上(注意是"拖动"哦),然后将时间上面的选项"自动播放"和"循环"勾起
6最后一步在时间轴第一桢上,点击鼠标左键,选中"录制层路径",然后在网页上拖动你画的图层这时你会看见拖动图层后面有些小点,那么恭喜你,你这时是在绘制浮动广告的路径,绘完后,保存预览完成了(若想直线运动,可在针上点左键,选"添加关键针",再到网页上移动图层即可,如你懂FLASH,那就简单了)
你好,应用程序图标(Icon)应当是一个Alpha通道透明的32位PNG
由于安卓设备众多,一个应用程序图标需要设计几种不同大小,如:LDPI(LowDensityScreen,120DPI),其图标大小为36x36px
MDPI(MediumDensityScreen,160DPI),其图标大小为48x48px
HDPI(HighDensityScreen,240DPI),其图标大小为72x72px
xhdpi(Extra-highdensityscreen,320DPI),其图标大小为96x96px
华尔设计为你解答
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)