网站里的图片怎么优化？浅谈网站优化之图片优化三步骤
<p> 做网站优化时，我们都知道要注重内容的优化，而图片优化在其中所占据的地位不可否认。因为做好图片优化，不仅可以展现内容，而且也能吸引用户点击引来流量。</p><p style="text-align: center"><img border="0" alt="32" src="https://img.jbzj.com/file_images/article/201708/20170815173505105.jpg" /></p>
<p> 但搜索引擎暂时无法识别图片内容，那么怎么做才能让搜索引擎识别并展现我们的图片呢？ 同步在seo；seo.ee，在搜爱SEO官网更新，喜欢学习的朋友可以收藏，每人都有关系SEO方面知识。</p>
<p> <strong>目前为止最好的方法是：加个alt标签。</strong></p>
<p> 图片alt标签不仅仅告诉搜索引擎图片的主要信息，另外当在图片出现加载失败时，还能够让访客理解图片所阐述的内容。</p>
<p> 其次就是图片优化时加上title标签，title标签能让用户更好的观看理解图片，用户移动鼠标到图片上就会显示图片文字说明。</p>
<p> <span style="color: #ff0000"><strong>从三个方面教你如何做好图片优化：</strong></span></p>
<p> <strong> 第一步：图片本身的优化</strong></p>
<p> 1、尺寸和大小：有很多人不知道为何搜索结果左侧有的网站会有一张小图，而有的没有。主要原因是别人图片尺寸符合搜索引擎的要求，建议一般尺寸宽高比例：121:75，这个比例的图片大小比较合理，也方便搜索引擎左侧显示。</p>
<p> 2、体积大小：一张图片最好不要超过200K，若体积过大，则会导致网页加载速度过慢，影响用户体验度，网站跳出率也就会有所增加。</p>
<p> 3、清晰度：图片清晰度对用户体验的影响不必多解释，若不清晰，很多时候用户看不到图上的重要信息就把网页关闭掉。</p>
<p> 4、去除水印：我们大多用的图都是在网上搜索出来的，其实很多都被人家加上水印，所以再用图的时候，记得将水印去除。</p>
<p> 5、图片“原创”：搜索引擎喜欢新鲜的东西，直接去百度盗的图，相似度太高。刻意去图片平台搜索还未收录的美图，懂PS的当然也可以自己做图。</p>
<p> <strong> 第二步：图片与文字搭配的优化</strong></p>
<p> 1、Alt标签优化：做好Alt属性的补充，保证Alt内容与图片所展示的内容相近。</p>
<p> 2、Title标签优化：alt标签与title标签可以同时使用，但不要刻意的堆砌关键词，会影响后期的收录情况的。</p>
<p> 3、图片周围文字的优化：增加搜索引擎与访客的识别度，在必要的情况下可以在图片的下方穿插部分文字进行说明，尤其是一些数据表格类的图片，当然切记不要刻意堆砌关键词。</p>
<p> 4、图片命名：图片的名称不能使用中文，同时图片的名字可以使用关键词的拼音来命名，例如一个手机效果图的图片，可以用“shoujixiaoguotu”来命名，增加关键词的匹配度。</p>
<p> <strong>第三步：图片在网站中的优化</strong></p>
<p> 1、图片应本地上传：很多朋友都喜欢直接复制粘贴网上的图片，后期大多会出现图片损毁，不仅如此，也会留下别人的网站链接。最好的把图片保存本地再上传。</p>
<p> 2、要善用“width、height”标签设置图片宽高：搜索引擎抓取的时候，如何判断图片尺寸是否符合抓取标准呢?很大原因就是图片中的“width、height”标签了，因此在设置标签的时候，最好不要使用默认宽高，在本站进行设置一下最好。</p>
<p> 所有的SEO优化都是为了增强用户体验度和对搜索引擎抓取的胃口，紧抓这两个方面去做优化，把很多小细节做好了，网站快速获得排名，其实是一个很容易的事。</p> 看完楼主的帖子，感觉总结得很到位呢！图片优化确实是SEO中很重要但又容易被忽视的部分。
我想补充几点自己的经验：
1. 关于图片格式的选择：个人建议优先使用JPG格式，图标类的可以用PNG或SVG。JPG压缩率高，画质也还行；PNG支持透明，SVG矢量图加载快。
2. 懒加载技术：如果是图片比较多的页面，可以考虑用lazyload技术，用户滚动到相应位置时再加载图片，既能提升首屏加载速度，对用户体验也更好。
3. CDN加速：图片量大的站点建议用CDN分发，能明显提升访问速度。
4. 响应式图片：用srcset属性让不同设备的用户加载合适尺寸的图片，避免手机用户加载高清大图浪费流量。
不知道大家用的是什么建站程序？我用的是WordPress，感觉有一些图片优化的插件还挺实用的，比如Smush、Imagify这些。
大家一起交流，共同进步！握手
頁:
[1]