或者

图文教程:SEO最容易被忽略的图片优化技巧

作者:问浅 浏览:1411 发布时间:2017-11-03
分享 评论 0

   精美的图片让人看着赏心悦目,增加美感,但如果网站大部分是图片,而且没有经过优化,就会影响到搜索引擎的收录和排名,也会损失不少流量。因为图片不能被搜索引擎很好地识别,无论图片内容是什么,哪怕是一个美女(如刘亦菲、范冰冰等),也很难吸引搜索引擎的抓取。因此,图片优化是SEO中重要的一部分。

    百度在《百度搜索引擎优化指南》中强调,百度只能读懂文本内容,暂时不能处理Flash、图片等非文本内容,如图1所示。

图1:搜索引擎优化指南

    下面来看一个案例:图2所示为一个婚纱摄影网站,网站从上到下由漂亮的图片和Flash组成,大红色。很喜庆。虽然图片很漂亮,但文字信息均在图片、Falsh中,搜索引擎读不懂。那么,这个网站对搜索引擎来讲,没有任何内容,如果要做SEO,优化关键词还是有一定难度的,这时就需要对图片进行优化(注意:如果整个网站都是图片,就需要改版,多增加文字板块)。

图2

    如果你的网站图片比较多,需要针对网站中重要的图片进行优化,最简单的方式就是为图片添加alt属性(文本形式),也就是为每张图片起一个名字,告诉搜索引擎图片的意思,这样搜索引擎就能读懂图片的内容了。

   1 、图片优化的好处

    (1)搜索引擎能够很好地识别图片的意思,方便抓取,利于在图片搜索中找到图片,为网站带来更多流量。如图3所示,在百度图片搜索中搜索SEO知否(http://www.seozf.com),可以看到SEO知否的照片,来源的网站。

图三:SEO知否

    除了在图片搜索中可以找到网站的图片,如果是一些热门关键词,也可以在百度搜索结果页展示,大大增加网站的流量。,在百度中搜索“婚纱摄影”,搜索结果页第一位出现了百度图片,用户被漂亮的图片吸引,点开欣赏,进而进入图片所在网站。

    (2)图片的alt属性中可以融人关键词,增加关键词的密度,利于提升关键词排名。

   2 、网站中哪些图片需要优化

    网站中有很多图片,不是每张图片都需要优化,针对重要图片优化,能够让搜索引擎识别、抓取即可。

    (1)公司LOGO图。

    (2)网站首页第一屏幻灯图片(不要使用Flash)。

    (3)网站首页公司介绍中的配图。

    (4)每个产品图片。

    (5)发布文章中的配图。

    3、如何为图片增加alt属性

    1.公司LOGO图片

    如图7-22所示,左侧顶部“SEO知否”为网站的LOGO图片,通过在网页空白处右键查看源代码,发现LOGO没有alt文字属性,如图4所示。

图4:LOGO增加ALT

LOGO图片代码原来为: <img src="http://www.seozf.com/template/images/logo_seozf.jpg" title="SEO知否"  />无alt文字说明

添加alt文字的正确写法为:  <img src="http://www.seozf.com/template/images/logo_seozf.jpg" title="SEO知否" alt="SEO知否" />

在“<>”中间加上“alt=SEO知否”的说明性文字即可。具体修改位置需要在FTP中找到头部模板( head.htm),在模板中对LOGO图片代码添加alt属性。

    2.网站首页第一屏幻灯图片(禁止使用Flash)

    网站首页第一屏幻灯图片,即LOGO下面的大图,现在大部分企业网站均有这样的大图,通过大图展示企业的实力和产品的卖点。但部分企业这样的大图是Flash制作的,既影响打开速度,还无法进行优化。网站的幻灯图片即为Flash图片。建议换成图片展示,并增加alt文字属性,在FTP中找到首页模板。然后找到幻灯图片建议换成图片展示,并增加alt文字属性,在FTP中找到首页模板,然后找到幻灯图片地址添加alt属性。以DEDECMS为例,head.htm为头部模板文件,index.htm为首页模板文件。

    3.网站首页公司介绍中的配图

    企业网站首页必须要有企业介绍模块,一方面可以让用户直接了解你;另一方面在介绍中可以布局关键词,利于关键词排名。一般也会配一张公司的场景图片,但很多企业图片没有alt,对于搜索引擎来说,没什么价值,需要添加alt属性。

    通过在网页空白处右键查看源代码,发现公司介绍图片没有alt文字属性。

    如果在这个位置添加alt属性,需要通过找到首页模板(index.htm)找到对应的图片代码,在代码中添加alt属性。例如:<img  s rc=”/templets/default/imgbsb/x.j pg”hspace:-“10’align:=”left”  alt=”SEO知否“/>

    4.每个产品图片

    企业网站最重要的信息就是产品,产品图片相应地也会比较多。为每张产品图片增加关键词,可以增加关键词的密度,利于排名。以帝国程序为例,发布产品介绍时要配产品图。如何做呢

    第一步:选择图片按钮;

    第二步:点击上传;

    第三步:选择文件上传图片;

    第四步:填写替换文本(这里的替换文本是alt属性。把产品标题填进框中即可),如图5所示。

图5:帝国增加ALT属性

    注意:图片不要太大,在页面中要能够全部显示,如果太大,可以修改图片显示尺寸。

    5.发布文章中的配图

    网站要吸引蜘蛛来抓取,增加网站收录,获得排名,就需要不断为网站更新文章。如果文章中有配图,则更容易收录和获得排名。具体如何添加alt属性,与产品图片增加alt –样。

    除了alt文字属性,还可以考虑使用以下方法直接优化图像,使之能够被搜索到:

    (1)在图片上方或下方加上包含关键词的描述文本。

    (2)在图片下方增加文字描述。

    总之,网页应尽量减少装饰性图片以及大图片。而alt属性中的文字对搜索引擎来说,其重要性比正文内容的文字要低。

   4 、图片加alt的注意事项

    1.每个图片都要有不同的名字

    网站图片在加alt属性时,名字不能随便写,要根据图片的内容来写。每张图片都要有自己的名字,不要全部写成小狗或斑点狗,不然会造成关键词恶意堆积。注意:哪怕图片相近,也需要取不同的名字,就好像看到一对双胞胎兄弟,虽然两个小孩长得很像,但是他俩的名字肯定是不一样的,父母要把他们的名字区分开,方便大家记忆。所以,搜索引擎也一样,会根据图片的alt说明来抓取图片的内容。

    2.不要为了提高关键词的密度,把很多关键词堆积到一起

    如<imgsrc=“puppy.jpg”alt=“猎狼犬赛特犬导盲犬杰克拉塞尔犬小猎犬便宜的狗粮“/>,由很多关键词堆积在一起,这就属于恶意关键词堆积,因为前面说过关键词的出现要合理,要让用户读起来自然通畅,用户能看懂的,才是搜索引擎认为有价值的信息,如果这段话我们自己读起来都费劲儿,那么搜索引擎也是不喜欢的,要避免(这样会被认为是作弊)这种情况。

   5 、图片如何营造最佳用户体验

    1.高质量相片比内容模糊的图片更能吸引用户

    网站站长更倾向于链接至高质量的图片,这种图片可增加网站的访问量。在搜索结果中以缩略图版本形式显示的整洁、清晰的图片也会取得更好的效果,这样用户可能更愿意点击这些图片。

    2.每张图片创建一个单独的目标网页

    确保在每个网页上提供唯一的信息,不要一张图片运用多次。

    3.将图片放在靠近网页顶部的位置

    并不是所有用户都会浏览到网页的底部,因此将图片放在靠近网页顶部的位置,以便用户可以立即看到您的图片。

    4.结构化目录,以将类似图片保存在一起

    为缩略图和完整大小的图片分别提供一个目录,或者为各种类别的图片创建单独的目录。

    5.指定所有图片的宽度和高度

    指定上述尺寸,可以提高网页载人速度,从而改善用户体验。将图片控制在一定范围,放置在不同浏览器下显示的尺寸不一致。

    图片优化只是图片细节方面需要注意,SEO重在为用户着想,把用户体验放在第一位。

    最后需要补充的是,目前百度已经可以识别大部分图片,在上传图片中,尽量使用原创的图片,或者给图片增加自己的水印。