王尘宇

许多同伙在优化网站的时刻忽略了图片的优化，还有些同伙显著知道图片需要加入哪些标签需要优化却没有刻意的去做优化，那么这篇的四大图片标签片优化文章主要送给那些不懂图片优化的同伙。

一、ait，title标签

当我们网站图片无法显示的时刻，图片上面会显示我们输入ait标签的文字形貌，这个作用主要是提高用户体验。在提高用户体验的同时，ait标签还可以告诉搜索引擎我们的图片内容是什么，由于搜索引擎无法识别图片的内容，以是只有通过ait标签来识别图片内容。我们经常通过百度图片来搜索某些内容的时刻，百度能够准确的挪用其他网站图片也是通过这个标签来识别的。

而title主要是告诉用户图片的内容，当我们鼠标点击碰着图片的时刻，图片上面会显示文字形貌，当用户无法读懂图片内容的时刻，那么title的形貌讲是表达图片的内容最好的方式。

标签写法：ait=”文字形貌”  title=“文字形貌” 。

二、width，height标签

太多人以为这个标签没有作用，以为图片的巨细正好合适就没有加入标签来限制图片巨细了，实在这是一个异常严肃的错误，之以是图片巨细与现实巨细相同还要限制的缘故原由是浏览器无法识别你图片的巨细，只有通过浏览器来预算你图片的巨细在来界说。以是才导致用户网站打开速率慢的缘故原由。若是你界说了图片的高度和宽度，那么浏览器在加载图片的时刻就不需要来预算你图片的巨细，直接把图片显示给搜索引擎或用户。

标签写法：width: 550px; height: 321px;"

三、src标签

这个标签主要是用来挪用图片地址的，一样平常的情况下后台上传图片后会给其自动加上src标签，由于许多地方没有上传的功效，那么我们也可以通过标签的方式把图片写出来。

标签写法：src="/uploads/allimg/140310/2-14031009532OB.jpg"

四、CSS界说图片

我在文章《图片站怎么做SEO优化》中有写到CSS界说图片，然则没有详细的先容CSS若何界说图片。CSS界说的图片一样平常为网站通用图片，并且是比较小的图片，一样平常的情况下把许多小图片界说到一张大图内里，然后通过挪用的方式来一张一张挪用，当多个小图加载到一张图片后，搜索引擎抓取和用户打开的时刻只需要加载一张小图即可。这样有利网站的打开速率。

标签写法：BACKGROUND-IMAGE: url(../images/logo.gif);

(责任编辑：网络)