SEO如何更好的利用图片及正确的使用
在互联网中，展示最多的就是文本，其次就图片，图片在互联网中占据着重要的地位，图片为网页增添了更多生命力，您可能观察到，与只有文本的网页相比，带有图片的网页具有更好的用户交互和参与度。
在搜索引擎做竞价排名时，带有图片的高级创意更能吸引用户的注意。
虽然搜索引擎总是更喜欢文本内容而不是其他视觉内容，但视觉内容在网站的搜索引擎优化中也起着重要作用，并影响搜索结果中相关关键字的页面排名。
更好的利用图片使网页内容更引人入胜，也可以说是为搜索引擎优化图片，或图片SEO，是为搜索引擎优化图片的过程，以便您在图片搜索结果和网络搜索结果中排名更高。因为本站前面也撰写过图片的SEO的文章，所以此篇的标题就要改一改了，内容上也可能会有重叠的部分。
与文本相反，图片比较容易优化，并且不需要花费太多时间和精力进行优化。但是，请注意，搜索引擎永远不会理解图片的全部内容，搜索引擎只能处理文本内容，搜索引擎可能会对视觉内容视而不见，因此您必须明确告诉他们视觉元素的文本内容。如果你不告诉他们它是什么，他们只会忽略它并继续前进，不会为视觉内容支付额外的价值。
为搜索引擎优化图片
一、在您的网页上使用至少一个图片或“视觉元素”
理想的情况下是这样的，其实本站并没有做到这一点，主要是精力与时间有限，后面会慢慢完善与补充，但是不建议为了添加图片而随意添加图片。
图片为页面增添更多活力。使页面看起来不错，视觉上也很吸引人。读者倾向于忽略缺少视觉元素的页面内容，因此在网页中使用图片是一种很好的做法。如果您无法找到好的图片或相关图片，则在您的网页中添加至少一个高质量的图片会有所帮助，这样就不会有损读者的第一印象，并且页面中有一些视觉线索可以吸引读者并吸引他们阅读内容的全部内容。
在网页中至少使用一张图片，但图片数量可以尽可能多。但是，不要过分地在网页中只添加图片而不添加文本。这是一种糟糕的做法，应该避免。
二、避免库存照片或“通用图片”，而是使用相关图片
应避免使用库存照片或通用图片，因为它们看起来像“垃圾图片”，看上去和页面内容无关紧要。它还给人的印象是，这篇博文或文章或网页本质上质量很低，作者没有时间研究正确的图片来向他的读者传达正确的思想。花一些时间为您的文章找到合适的图片，并绝对避免通用图片，例如库存照片，剪贴画，图标和工厂机构照片，这些通常是“垃圾网站”的属性。
文章中使用的图片应与您正在发布的内容的主题相关。不要因为必须在文章中添加图片而只添加图片。应该用图片来传达文章的主题或思想。
有一些作者经常是找到一个诱人或有吸引力的女孩，并将其添加到文章顶部。不要经常做这些事情，如果你在网站页面的大多数博客文章中重复同样的事情，人们就不会认真对待你。相反，请使用与页面内容相关的图片。使用一张图片，它能在一瞬间传达页面的想法，此外，它还能鼓励读者浏览页面的内容，因为他们能够与帖子中相关的图形联系起来。
笔者也偶尔会使用漂亮的人物图片，但只是少量的，并且与内容相关的。
三、使用简短有意义的关键字作为您的图片的文件名
为图片使用正确的文件名非常重要。不要使用“image001.jpg”或“18972391.jpg”等名称。请将图片重命名为描述图片元素的内容，不一定是使用该图片的页面的内容。您可以使用图片来描述使用它的帖子，文章或页面的内容，但更好的做法是实际描述图片的内容。
在早期的时候，为了上传图片方便并且不重复，笔者使用了随机数作为图片的名称，在学习后，改成了带有关键字的名称。
首先是考虑用描述图片元素本身的内容的文本给图片命名，其次是用描述当前文章的内容给图片命名，当然，在做中文搜索引擎优化时，中文文件名会是一个问题，在《图片SEO优化》这篇文章中，也谈到过这个问题，建议尽量使用英文或拼音来命名。当然，如果现在去百度搜索一下，互联网上仍然有许多数字、字符、数字加字符的图片文件名，在图片命名上，英文SEO有一种天然的优势。
最好用连接字符或下划线分隔多个关键字，例如：google_search。
四、使用Alt属性，有很多地方提到过这个，但可以再强调一下，正确的使用它比不使用当然会更好
图片的“alt文本”或“alt属性”或“替代文本”告诉搜索引擎图片的内容是关于什么的。如果浏览器由于某种原因，例如文件丢失、站点太慢或其他服务器端问题，无法加载图片，则会向用户显示替代文本。
在某些情况下，某些浏览器和网络可能会选择不显示来自特定域的图片。在这种情况下，替代文本可以作为文章或网页中使用的图片内容的替代。
在文章中嵌入图片，请输入图片的Alt属性，并尽量简短概要的描述图片的内容。不要使用图片的文件名作为Alt属性的值。
如果无法为图片找到好的Alt属性，可以不要使用Alt属性，搜索引擎也会自动判断这张图片的内容，还有一些特殊情况，例如网页中的某些按钮图片，也可以不用使用Alt属性。
五、响应式网页中的图片
响应式布局得到越来越多的应用，与早前固定版式的相比，响应式布局会更不好控制，它会随着浏览器窗口的大小变化而变化，如果图片还像以前那种固定大小，可能是使页面排版变得非常混乱，视觉效果差，影响用户体验，这和图片被显示成叉，或者显示大片的空白一样的糟糕。
例如：为了不使图片撑大父元素，可以加上CSS：
{ max-width:100% !important;}
通过将max-width属性设置为100%，元素的最大宽度将被限制在其父容器的宽度内，这可以帮助确保元素在不同大小的屏幕上显示得更为一致和可读。在网页开发中，这通常被用于使图片、视频或其他媒体元素适应不同大小的屏幕。
!important 是一个 CSS 优先级标识符，表示该样式规则将具有最高的优先级，无论其他样式规则如何设置。在这里，它确保max-width: 00% 覆盖了任何其他可能限制元素宽度的样式规则，以确保元素具有适当的响应式布局。
在响应式布局中，图片稍不注意就有可能会变形，本站有一篇文章《CSS防止图片变形object-fit》，专门介绍了CSS中的object-fit样式，供有需要人参考，该功能非常有用。
六、尽量压缩图片，使用占用空间更小的图片格式，推荐使用webp格式
这是一个反复被提到的问题，图片被显示成叉，或者显示大片的空白，是非常糟糕的用户体验，笔者每当打开这种文章时，都会对这种文章的可信度产生怀疑，有时候会迅速关闭，并查找下一个。试想一下，如果您使用网站寻找目标客户，而笔者是一位大客户，这种损失就会变得相当大。有一句广泛流转的话“细节决定成败”，有时候觉得这句话不无道理。
1、尽量使用像素小的图片，但不要影响视觉效果，图片也不是越大像素越好，太大反而有些突兀、与内容不协调，太小用户会看不清，所以图片像素大小适合就好，图片像素越大，容量就越大，在页面中加载的速度就越慢；
2、分辨率适中，不要使图片看上去模糊就好，分辨率越高，图片容量就越大；
3、最终结果，在满足图片清淅、视觉效果好的情况下，图片容量越小越好。推荐尽量使用webp，webp可以很好的替代jpg与png图片；
4、如果可以，继续使用图片压缩图片，使其容量更小。
这些是应该注意的一些基本事项，若有遗漏，后面继续增加，请记住，Google和搜索引擎不仅关心您网站或博客上内容的有用性，还关心读者的参与度。
虽然您可以通过提高文章或博客质量来提高SEO的效果，但参与和互动的作用可以通过在您的网站、博客的各种主题中适当使用高质量的视觉内容来实现。所以不要忽视图片，注意您网站上的视觉元素，因为它们间接影响读者的参与度，从而向搜索引擎发出强烈的信号。
