简单地理解网站图片优化

时间：2022-07-24 16:00:01 | 来源：建站知识

时间：2022-07-24 16:00:01 来源：建站知识

图片优化，是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标签使用。

4. 同一个网页中，图片的数量不要过多，但要精。因为图片过多，会增加页面的体积，影响网页的加载速度，也会影响网站用户的体验。通常，一个网页的正文中不要超过4张图片。

5. 要保证图片和网站的相关性。通常，访问网站的用户，浏览图片可能不是他前来的目的，但图片的存在，可使访问者在页面停留的时间更久一些。虽然根据相关机构对眼睛追踪的研究结果表明，访问者在浏览网页时，文字优先于图片，但图片会让访客停留的时间更久，并对页面的印象更深刻。不过，站在另一个角度，不管是网站中的图片，还是文章中的图片，为便于优化，也为了质量度，因为PPC广告中关键词和着陆页的相关性及着陆页的设计和内容，会影响某一关键词的质量度，进而会影响相关PPC广告的点击价格。

6. 对原创图片添加水印。为避免网站中辛辛苦苦做出来的图片被他人拿去使用，我们可对图片加水印。网站导航、背景等图片，配合网站相关设计，适当可加入一些标识，但文章内容中的图片，都可加上水印，虽不能避免被他人拿去使用，但使用的人，需要耗费精力对图片进行再编辑。

7. 在图片周围添加相关信息。在Google中搜索图片，会不难发现，每张图片下都会有一段描述性文字，其中关键词用粗体显示。这是因为，Google图片搜索通过分析页面图片周围的文字、图片标题及许多其它元素来确定图片内容，所以，在图片周围添加包含关键词的描述信息，可优化网站图片在搜索引擎中的排名。

最后，再和白掌一起看下如何检查搜索引擎对网站图片的收录情况。

有时，为检查对网站图片的优化是否成功，检查搜索引擎对网站图片的收录情况是必需的。检查的方法很简单。以Google为例，在Google图片搜索的导航下，在搜索栏中输入网站的域名即可。在百度中，则需在图片搜索下的搜索栏中，输入site：网站域名，就可检查网站图片的收录情况。

总之，网站的优化工作，需面面俱到。对图片的优化，也不可拉下。

转载请注明出处，xue.sem123.com，让信息变得简单。