第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

简单地理解网站图片优化

时间:2015-07-13 16:20来源:网络整理 作者:跌名 点击: 我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
图片优化,是SEO优化工作中最重要的部分之一。对网站图片进行优化,不仅可以为网站带来额外流量,还可为访客创造良好的用户体验。下面,就和白掌一起来看一下如何对网站图片进行优化

   

  图片优化,是SEO优化工作中最重要的部分之一。对网站图片进行优化,不仅可以为网站带来额外流量,还可为访客创造良好的用户体验。下面,就和白掌一起来看一下如何对网站图片进行优化。

  首先,我们先来了解一下,一张标准的图片所应包含的关键标签。

  通常,一张标准的图片所嵌入的代码一般应包含5个标签,即Src,Width,Height,Alt和Title。

  在网页中插入图片需要用到Html语言中的img元素。从技术上讲,

  标签不是指在网页中插入图像,而是在网页链接图像,

  标签创建的就是被引用图像的占位空间。其中,Src和Alt是

  所必需的两个属性。知己知彼百战不殆,接下来,我们就逐一来认识一下这5个标签。

  1. Src

  Src的值(value)指代的是图像文件的路径(Url),也就是所引用的图像的绝对路径(Url)或相对路径(Url),语法是。其中,绝对路径(Url)指向其它站点,也就是从其它网站引用来的图片的链接地址,相对路径(Url)是指向自身站点的文件地址。对SEO工作来说,白掌认为,绝对路径可以理解为直接从其它网站拿来的图片指向的图片地址,而相对路径是自身电脑上的图片的路径。

  2. Alt

  Alt,图片的替代文本,是在图片无法显示或用户禁用图像显示时,代替图片显示在浏览器中的内容。Alt属性的值(Value)是一个最多可包含1024个字符的字符串,其中包括空格和标点。其语法是。在写Alt标签时,尽量要用一个最简单的句子把图片的要义完整的表达出来,同时,为加速搜索引擎爬虫对图片的抓取,也能在Alt标签中加一个文章的主关键词。

  3. Title

  Title,是当鼠标放到图片上时所显示的文字。如果图片上加有超链接,title属性就可用来对这一图片链接进行解释说明。当图片有链接时,用户点击图片会显示文字,用户可根据文字来判断对加载页面是否有兴趣,进而减少无用的页面加载;当图片没有链接,同时,图片旁边没有文字标题或文字标题很长且显示不全时,title属性就可告诉用户这个图片是什么,提高用户体验。

  4. Width和Height

  Width和Height,是图片的宽和高,也就是图片的大小。过大的图片,会降低网页的加载速度,过小则有可能影响图片的清晰度。对于网站导航、背景等图片,可参考百度、新浪等门户网站的图片尺寸,但对于文章中的图片,就可具体情况具体分析。不过,质量佳且清晰的图片,有助于提高用户体验。

  然后,我们来看一下,网站图片优化中需注意的一些细节。

  常言道,细节决定成败,于细微之处见真章。图片优化,看似不如网站日常内容更新重要,但也有很多需注意的细节。

  1. 为方便图片被搜索引擎抓取,要对网站的Robots.txt文件进行设置。设置时,尽量不要使用Javascript链接图片,因为这样不利于搜索引擎检索图片文档。

  2. 在SEO优化工作中,网站中有些图片并不需要被搜索引擎抓取和收录,比如网站模板和导航中的图片及背景图片等。在优化中,我们就应将这些图片放在一个单独的文件夹,并通过设置robots.txt文件来阻止搜索引擎抓取这些图片。

  这里,白掌学习了一种设置的方法,不难,尽管SEO优化不需要,但也可适当了解一些。现在,我们通过一个例子来学习一下。假设有一个网站,不包含文章内容更新,不需搜索引擎对图片进行抓取和收录,那我们就可以把图片单独存放在根目录robots.txt下的Images文件夹中,具体设置方法如下:

  1.)打开根目录robots.txt文件;

  2.)在robots.txt中修改为:User-agent:*(表示所有搜索引擎爬虫)

  Disallow:/Images

  我们也可只阻止某一个搜索引擎爬虫的抓取,比如不要谷歌抓取,我们就能这样设置:

  User-agent:Googlebot-Image

  Disallow:/Images

  如果网站中有文章内容的更新,那我们把文章图片和网站图片分别放置在robots.txt根目录下两个不同的文件夹中,再进行设置就可。这种情况下,设置时要认真,要避免文章中的图片也不被收录,毕竟图片被搜索引擎收录,也可为网站带来一定的流量。在避免网站上重复的图片被抓取时,也可用robots.txt文件告诉搜索引擎爬虫,这些图片你已收入囊中,不要再劳神费力了。

  3. 网站中用到的图片,最好先保存至本地服务器,也就是要保存到自己的电脑上,然后再进行调用。因为从其它网站复制来的图片,不仅影响图片的加载速度,而且图片稳定性不好,容易丢失,间接也会影响用户的体验。这里,白掌建议,不要试图用“借用”其它网站图片的方法,来为网站换取友链,因为站在SEO的角度来讲,文字的锚文本效果要远优于图片。换言之,如果图片链接的网站出现问题,也会对自身网站造成一定的影响。在将图片保存到自身电脑上时,要对图片进行重新命名,尽量使用描述性且包含目标关键词的短句,这样在调用时,一般可直接作为Alt标签使用。

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕