网站SEO优化图片优化方法大揭秘

    2、图集使用：JS图片切换

    通过计时器使得图片每间隔几秒可以自动切换，也可以通过鼠标的点击控制播放的图片。

    html代码：

    <metahttp-equiv="Content-Type"content="text/html;charset=utf-8">

    <linkrel="stylesheet"type="text/css"href="https://www.seowhy.com/qiehuan2.css">

    <divid="box">

    <imgsrc=""/>

    3、选择适当的图片宽度大小(即响应图片)

    无论是电脑还是手机，都有很多不同大小的图偏需要展现，如果做做的是响应性的网站，那么你就更加需要考虑图片的大小尺寸问题。

    移动端有太多的屏幕分辨率和大小，因此可能需要加载不同大小的图像，从而节省了对站点的访问和页面呈现的效率。

    4、使用CSSSprites减少HTTP的网络资源请求

    CSSSprites是一种网页图像处理方法，其中一个页面所涉及的所有散乱的图像或图标都包含在一个大图片中，因此只需要加载这个图片，而不是很多图片，这减少了许多HTTP请求。

    5、站点图片属性值的添加

    网站图片上的属性值(ALT和TITLE)也是图片优化中重要的一点，搜索引擎识别图片的途径首先就是从图片的ALT属性值抓取的，ALT属性值就相当于这个图片的标题、解释说明。

    6、CSS和CSS3制作简单的图标和动画

    随着技术的发展，CSS3可以实现的效果越来越多，比如箭头图标，三角形，梯形等图标，或者一些阴影效果，渐变的效果，可以用CSS制作一些图片排列，使得页面更美化。

    移动端用户访问网站是需要为流量付费的，如果网站的图片过大会直接导致用户流量的增长，长此以往，用户都不敢点开网站了。很多因素影响，图片过大会直接导致网站打开速度减缓。

    刚接触SEO的新手可以通过下面的几个方法来进行移动端图片的优化：

    1、图片使用CDN（ContentDeliveryNetwork，内容分发网络）加速。

    2、少用动态GIF图。

    3、图片不宜过多及过大。

    4、零散图片使用CSSSprite技术一次性下载。

    5、避免使用BMP图片。

    6、压缩图片。

    1、大图展示

    用户通常希望能够在点击图片后获得一张大图片，并且图片被部分放大和移动，以便查看图片中的详细数据，他们往往希望在点击图片后得到一张大图片，以获得更详细的信息。然而，由于移动屏幕的大小，考虑到用户流量等问题，细节页面中主体内容的图片通常默认设置为小图片。

    2、自由切换功能

    对于很多图片的展示，我们也需要有自由切换的功能，以满足用户的需要。

    如果详细页面的主要内容包括图片，则图片应该能够点击大图片，减少大小的功能自由使用，手势支持流畅，可以自由切换。

    3、ALT标签

    网站图片也是一种推广的渠道，只要将网站中的图片优化好，一旦百度收录文章或栏目页后就会识别出里面的图片，只要将相应的图片设定好ALT标签，图片的收录是不成问题的。

    4、打开速度

    最后，也是最重要的一点，就是打开速度一定要快，如果你的图片做的花里胡哨的，但是要等十几秒才能打开，用户们往往也是等不及的，然后网站跳出率就会变得很高。如果站点的PR值和网站权重很高，图像抓取展示率和排名率都很高，对于SEO来说是非常有利的。

   图片搜索是通过搜索程序，向用户提供互联网上相关的图片资料的服务。图片搜索的目的是查找出自己所需要的特定图片。

    网站的图片内容出现在整合搜索中，应该注意下面几点：

    一、ALT文字

    这是图片优化最重要的部分，因为ALT文字本身就是为了说明图片内容。ALT文字应该出现目标关键词，准确描述图片内容。

    二、页面标题

    图片所在页面的标题也很重要。标题写法参考前面页面优化部分。

    三、图片周围文字

    图片出现的周围文字内容也在一定程度上表明图片内容。当然，这里所说的图片周围文字指的是HTML代码中图片文件的前后，而不一定是用户所看到的页面上图片周围的文字。有时候由于排版原因，视觉上看来处于图片周围的文字，在代码中可能相距很远。

    四、图片质量

    图片的解像度和像素，也就是图片质量也影响图片优化。质量越高，被排到前面的可能性越大。搜索引擎并不想返回低质量的图片。

    五、导入链接锚文字

    导入到图片出现页面的链接所使用的锚文字，既表明页面本身的内容主题，对图片内容也是个说明，会被搜索引擎考虑在内。