网站图片优化技巧,网站优化:网站栏目及网站图片的优化技巧

seo基础     2020-12-29    浏览:0

网站优化:网站栏目及网站图片的优化技巧

  本文主要介绍了网站栏目和网站图片的优化技巧,这两个方面都是网站优化的重要组成,希望对初次接触网站运营、网站优化的朋友有所帮助。

  网站栏目的优化技巧

  网站运营的一项重要工作就是网站的架构优化,这涉及到网站的改版,由于网站改版对搜索引擎有一定的影响,所以网站改版或者网站栏目的重构优化一定要及早进行。网站的栏目是方便用户浏览和查找信息的,并不是网站管理人员的账本、数据列表,网站的栏目结构一般采用树形的网站栏目结构,分一级栏目、二级栏目、三级栏目,一般来说网站栏目不要超过三级目录,这是网站改版要注意的。

  1、优化主关键词栏目

  浏览者来到网站的目的就是找他们感兴趣的内容,也就是网站所推广的主关键词。我们的栏目设置就要考虑到用户的需求,从而实现对网站栏目的优化,这也是能够降低跳出率和增加PV的优化思路。

  2、目录深度不超过三级

  如果你的栏目目录实在太多,可以重新分出一个栏目,没必要将网站的栏目层级弄的很深,因为这样有时会犯逻辑错误,。过深的栏目结构会让重点信息不够突出,使网站的重点内容不能很好的传递给用户。

  3、栏目名称的设置

  一般拼音会作为目录名,显示在URL当中,但注意最好不要使用拼音做网站的栏目名称,当然你可以根据需要设置一些英文的栏目,例如你的网站关键词是英文,或者你的网站的用户群体有一部分是外国用户。

  4、栏目最好不要用图片

  目前浏览器通用的字体,一般来说已经可以满足网站的设计需求,没必要将栏目设置能不能读取的图片形式。因为栏目名称如果是文字,可以对网站的关键词密度起到很大作用。

  5、网站栏目URL设置

  上面讲了栏目的设置按照树形栏目结果,所以网站的栏目URL最好也要按照一级一级的目录形式,大部分网站的URL命名规则是“根域名+栏目+分类+文章页面”,这样可以更好的帮助搜索引擎分类网页内容。

  网站图片的优化技巧

  作为运营人员都知道图片的多少会对网页的打开速度有一定的影响,所以在网站内容维护时,一般都会尽量避免图片过多的文章。只是图片的直观性强,一些图标类图片所承载的信息量大,对于网站来说,这些图片是不能省略的,而且用户通常更喜欢图文结合的网站。在网站运营时,SEOer通常很容易忽略网站的图片优化,企赢001-中国最大的建站需求发布平台,总结了一些针对网站图片的优化方式,方便大家做个参考:

  1、图片的周边文本

  见过一些文章,添加图片并没有一定的原则,纯粹是吸引眼球或应付了事。吸引眼球的图片在微博上可以采用,但是对于自己的网站优化就不要采用这些无关的图片。图片要与前后文本内容相符,一方面可以增强文章的用户体验,谷歌方面曾经明确表示会通过了解关键词前后文本内容来考量该网页的实际内容。所以,图片前后的文本内容也将是优化的一部分。

  2、图片超链接

  我们在交换友情链接的时候,会遇到图片链接。对于文章内部的图片来说,也可以加上超链接。一方面作为内链吸引搜素引擎蜘蛛爬到网页的企业页面,当然这个链接最好连接到与原文有相关性的页面。另一方面,在图片添加链接地址,可以使用户得到扩充知识,丰富文章内容,增强文章的可读性。

  3、有损压缩图片与无损压缩图片

  有损压缩:特点是保持颜色的逐渐变化,根据人眼观察现实世界的 突然变化, 然后使用附近的颜色通过渐变或其他形式进行填充。因为素点的数据信息,所以存储量会降低,还不会影响图像的还原度质会有所下降。

  无损压缩:利用数据的统计冗余进行压缩,真实的记录图像上每个像素点的数据信息。他的原理是先判断哪些颜色相同,哪些不同,将相同颜色的数据信息进行压缩记录,把不同的数据另外保存。多次存储后图片的品质不会下降。

  图片的优化关系到网页的加载速度,对图片进行压缩,不仅能够节约带宽,并且加快网页的打开速度。通常我们可以使用一些图片编辑软件来压缩图片。

  一般而言,无损压缩的失真率小,不会影响原图的质量,比较符合用户体验。当然在选择无损压缩还是有损压缩,要根据网站的时机情况来判断。

  4、添加图片的ALT属性

  图片的ALT属性,在有的系统环境下会表现为替换文本。图片的额ALT属性对SEO优化有着非常大的作用,这一点大部分人都已经意识到了。所以此处简要介绍一下。图片ALT属性在添加的时候要包含关键词,同时自然的描述图片内容,千万不要简单的堆砌关键词,既然是对SEO优化有重要影响,就意味着搜索引擎会关注是否有作弊行为。

  5、图片的一致性

  一般网站在上传图片的时候都会有一个高度和低度的选择,很多人不明白为什么要限制图片的大小。以为仅仅是为了网站的整体美观,其实这里面还涉及到网站的加载速度问题。一般情况下浏览器在打开页面的时候会不断计算每张图片的即时宽高,我们在打开一个含有大量图片的页面时会发现图片并不是一下子就显示出来,而是一点点儿的加载显示,这一点在百度图片里就能看得出来。如果我们在上传图片的时候固定大小,会给浏览器腾出一定的时间,一定程度上可以改善这类页面的打开速度。

  作者:企赢001尹滨,原载于《如何打造自动赚钱的企业网站》,欢迎分享交流,转载须注明出处。

        注:更多精彩教程请关注三联建站教程栏目


网站图片的优化技巧有哪些?
加一个alt 属性,alt属性不要长,需要那种我们在图片搜索里习惯搜索的那种关键词的就行。
比如你传一张苹果的图片上去网站上,那你的alt属性就打 “苹果”。
分享SEOER如何优化网站图片技巧

  一个好的网站,除了有足够吸引人的文字内容外,更是少不了图片的展现方式。所谓图文并茂能够给用户带来更好的体验。在过去的一年,我们从百度搜索引擎搜索时不难发现很的结果都有图片显示。这也就意味着百度对图片采纳也将迎来一个热门期。

  那么今天我们重要的讲解的是关于SEO图片的优化细节。在以往我通常对图片说明都是添加alt属性。除此之外我们还需要改图片添加title属性,更能说明图片的意思。

  在百度大洗牌的今天,对图片的要求都有些什么呢?当然百度是不会告诉我们SEO从业者的,只有经过我们自己的摸索才能够迎合百度的口味。现目前我们能够对图片做的细节有如下几个地方:

  一、尽量不需要照搬别人的图片,虽说百度目前对图片的具体内容等等不能够分辨出来,但是我想一张图片的体积和长宽是能够抓起到的。我不懂作图,不复制别人的网站的图片我就没法上图了,那么我们应该如何处理呢?如果你稍微懂一点PS软件,我们可以对其添加一个水印什么的,在修改它的质量从而伪原创这张图片。再不行我们可以使用QQ截图嘛,一拉再保存和原图很定是有很大的变化的。

  二、整个页面各个图片长宽的一致性。试想一下,在我们打开一个页面看的图片大小不一,杂乱无章,势必影响阅读者的心情。那这里我们就要需要对普片的排版做一个号的规划。在一篇文章内容中,应保持各个图片长宽一致性,增加页面的友好度。

  三、正确选择图片的格式。目前我们网络中常见的图片格式有jpg,gif,png等格式,但是在三种图片格式中,png格式相对来说体积最小,那么我们在不影响清晰度的情况下,应尽量使用png格式的图片。这样既能减少服务空间压力,也能够使网站页面更据流畅性。

  最后,图片的清晰度以及相关性,不过我想这个蜘蛛爬虫并不能很好发现,但是我们还是需要根据文章内容附上有关图片才能更好的对待用户的阅读。还有一个清晰度也是同样如此,一张清晰的图片更等受到用户的亲昧。来源 番茄花园http://www.fanqie168.com/


网站优化技巧:如何优化图片

  1. 矢量图与位图。

  矢量图:缩放、旋转不失真的图像格式,不管你离多近去看都看不到图形的最小单位。存储的文件较小,但是很难表现色彩层次丰富的逼真图像效果。你可以理解成完美的圆型、抛物线等形状。

  位图:又叫栅格图、像素图,最小单位由像素构成,缩放、旋转会失真。举个例子来说,位图就好比十字绣,远看时画面细腻多彩,近看时能看到每一针的色彩过渡。

网站优化技巧:如何优化图片

  十字绣 十字绣放大

  下表为矢量图和位图的对比:

[page_break]

  2.有损压缩、无损压缩。

  有损压缩:特点是保持颜色的逐渐变化,根据人眼观察现实世界的 突然变化, 然后使用附近的颜色通过渐变或其他形式进行填充。因为素点的数据信息,所以存储量会降低,还不会影响图像的还原度质会有所下降。JPG是有损压缩格式,在存储图像时会把图像分解成8*8像素的网格单单独优化。举个例子:白色小块为8*8px,黑色底色块为32*32px,当小白块已经不是纯白色了,它周围的小白块却很尖锐,如下图所示:

  这就是平时保存JPG图片时图像会模糊的原因,下面是几张彩色图的局部对比效果:

网站优化技巧:如何优化图片

  无损压缩:利用数据的统计冗余进行压缩,真实的记录图像上每个像素点的数据信息。他的原理是先判断哪些颜色相同,哪些不同,将相同颜色的数据信息进行压缩记录,把不同的数据另外保存。多次存储后图片的品质不会下降。

网站优化技巧:如何优化图片

  而PNG24为真彩色所以颜色表为空,不会失真。

网站优化技巧:如何优化图片 [page_break]

  3. PNG 、GIF 、JPG图片对比。

  在我们进行图像优化技术前,需要学习有关的图片格式的一些技术细节。每个图形格式都有自己的优势和弱点,知道他们会使你得到更好的视觉质量和压缩品质。

网站优化技巧:如何优化图片

  网页图片优化是网页加速中非常重要的一步,对图片进行压缩,不仅能够节约带宽,并且加快网页的速度。我们常用的图片编辑软件都可以在压缩图片。

  PNG-8 的高压缩比

  切图时,有时选择 PNG-8 可以获得更高的压缩比。注意,是 PNG-8,不是 PNG-24。不过有些情况下还是 GIF 或 JPG 会小一些,需要根据实际情况调试以选择最佳方案。

  PNG-24 的优化技巧,使用色调分离:

  拿微博左侧导航的小icon为例,压缩后的图像大小对比如下图:

网站优化技巧:如何优化图片

  PS色调分离的操作步骤如下:

网站优化技巧:如何优化图片网站优化技巧:如何优化图片

  对比大小:

网站优化技巧:如何优化图片

  使用工具优化后,还能够小一些:

网站优化技巧:如何优化图片

  请注意,上图中原本是GIF格式的图片

网站优化技巧:如何优化图片

  被改为了PNG格式。

网站优化技巧:如何优化图片

  所以,在使用工具优化时后需要再查看一下文件格式是否被更改,避免漏过某些图片没有优化。

[page_break]

  图片优化在微博首页上的应用:

  1. 图型类、照片类

  对于图像格式的选择,我们还需要考虑图片的使用场景或功能,概括为两类:图型类、照片类

  图型类:图形符号,具有高度浓缩并快捷传达信息、便于记忆的特性,颜色数量较少。

  图型类一般可以使用PNG格式或者GIF格式。优化时可采用PNG格式为PNG8或者PNG24,品质为32,如果色彩有损失可采用品质64或者128。

  例如:首页左导的图标、feed区图标、勋章图、表情动画都属于图形。

  照片类:照片通常含有百万数量级的颜色,包括平滑的颜色过度和渐变,如果是图形较为复杂,图中有时会出现真实的照片。

  照片类一般用PNG和JPG。可以根据图片色彩的丰富程度而定。

  PNG的品质一般要到128。JPG的品质一般要在70-80之间,以噪点的程度确定。

  例如:皮肤背景图、发布器、按钮背景、发布器下方的tips、右侧广告、用户头像、用户发布的图片。

  2. 通用类、随机类

  按照首页图片出现的频率分成:通用类、随机类

  通用类:每个人首页都会看到,图标、按钮、小背景。

  例如,顶部托盘图标、左导图标、feed区图标、发布器图标、身份图标、操作类图标、状态类图标、按钮。尽可能的采用PNG的格式保存,文件会相对来说较小一些。

  下图为微博的按钮和左侧导航icon小图的,使用GIF和PNG格式的大小对比:

网站优化技巧:如何优化图片

  下图为微博的按钮背景图分别使用GIF和PNG格式保存的大小对比:

网站优化技巧:如何优化图片

  随机类:根据自己定义和发布的内容而定。

  A. 表情GIF

  可以使用FireWorks或者ImageReady,建议使用ImageReady。

  最好是手动一张张的调整,因为这些表情图的色彩值都比较少,如果使用比较大的颜色时会存储量较大。

  另外,批处理的话也是需要一个文件夹一个文件夹去处理,表情的文件夹太多了,基本上批处理还是很慢。批处理如果是使用FireWorks的话,有的动画会出现变快或者是缺边的情况。

  手动处理时,根据索引色的多少来存,一般来说4-128索引色存储。

  B. 换肤类图片:

  采用JPG格式或者PNG格式。

  皮肤的主要背景图中如含有真实的照片或者文字,可采用JPG格式,为了保证更接近设计图需采用85以上的品质压缩图片。如果色彩跨度不大的背景图片,可采用PNG格式。

  C. 勋章类:

  目前有GIF和PNG两种格式,GIF的是小图、PNG的是中图和大图。品质选128即可。

  这个目录批处理比较快。因为都是在同一个文件夹里。但是手动的话会更小一点。

  D. 各种广告:

  发布器下方tips、右侧广告、底部广告。采用JPG格式或者PNG格式。

  E. 用户相关图:

  头像、用户发布的图这个需要在后台控制压缩品质。采用JPG格式或者PNG格式。

  图片优化工具Smush.it 介绍

  Smush.it 是 YUI 团队制作的一款基于 YUI 的在线图片优化工具。

  它是基于以下四条图片优化建议制作的服务:

  · 移除 JPG 中的 meta 数据。

  · 优化 JPG 的压缩率。

  · 转化特定 GIF 图片到可索引的 PNG 格式图片。

  · 从可索引的图片中移除没用到颜色信息。

  所以使用 Smush.it 压缩图片可以删除图片中多余的字节而不改变图片的视觉效果和质量。

  在实际使用中发现:

  · 它还能把某些JPG图片转化为PNG图片。

  · 对于PNG24真彩色图片,能够去掉一些肉眼察觉不到的颜色信息,弥补photoshop和firework优化不了PNG24图片的不足。

  · 可以优化GIF动画图片。

[page_break]

  Smush.it 使用

  方法一:使用Firefox的插件Yslow里的Tools工具中的All Smush.it?

  拿微博首页为例:

网站优化技巧:如何优化图片

  Firebug,使用Yslow工具,运行后,选择Tools

网站优化技巧:如何优化图片

  点击All Smush.it?,会自动跳转到http://www.smushit.com/ysmush.it/得到下图:

网站优化技巧:如何优化图片

  点击按钮Download Smushed Images后,会让下载一个zip的压缩文件。

[page_break]

  方法二:直接登录 Smush.it 的网站,把需要压缩图片的url粘贴到输入框中(或者从本地电脑上选取图片),点击 Smush 就可以进行图片压缩,然后 Smuch.it 就会提供一个优化报表,显示图片压缩比率和节省了多少字节,并且提供一个可下载包含压缩后的图片文件的压缩包。

  下图为直接填写线上URL的方式(以逗号隔开):

网站优化技巧:如何优化图片

  下图为从本地电脑上选取图片的方式:

网站优化技巧:如何优化图片

  下图为优化结果:

网站优化技巧:如何优化图片

  归纳:

  让我们再回顾一下几个重点:

  1. 选择合适的格式:用JPG保存照片、用GIF保存动画,其他图片使用PNG保存,并尽可能用PNG8。

  2. PNG24图片的压缩技巧。

  3. Smush.it的使用。

推荐阅读:

新手站长网站内页优化:完美你的网站

小谈网站关键词优化之从挖词、选词到布词方法

SEO优化:提升用户体验提高网站权重

相关搜索

相似文章

网站图片优化的技巧,网站优化:网站栏目及网站图片的优化技巧 2020-12-29

网站描述的优化技巧,网站优化:网站栏目及网站图片的优化技巧 2020-12-29

网站栏目及网站图片的优化技巧 2020-12-29

网站栏目层级优化,网站优化:网站栏目及网站图片的优化技巧 2020-12-29

网站优化栏目介绍,网站优化:网站栏目及网站图片的优化技巧 2020-12-29

网站就一个栏目有利优化吗,网站优化:网站栏目及网站图片的优化技巧 2020-12-29

网站页面收录SEO解决技巧万象,SEO?图片优化?及?网站不被收录?还有各种技巧 2020-12-29

网站图片优化小技巧,网站优化:SEO进行图片优化的步骤和技巧 2020-12-29

网站图片seo优化技巧,网站优化:SEO进行图片优化的步骤和技巧 2020-12-29

网站图片优化步骤,网站优化:SEO进行图片优化的步骤和技巧 2020-12-29