图片的终极优化,这是迄今最全,最深入SEO,没有之一(未完待续)

宇凡 2020年6月6日11:44:44 14,147 阅读
摘要 特别注意: 1,你看到的这篇文章,可能是我多次修改,多次修正后的版本,所以,每次看到的都可能有不同。 2,这是一篇连载的文章,因为比较少,一时间没办法写完 × 关闭警报 开篇 酝酿这篇写有关图片的SE
酝酿这篇写有关图片的SEO文章,其实已经很久很久了,但是一直没有真正开始写。
一方面是担心自己的水平技术不够。
另一个方面是,涉及的东西太多太多,担心有遗漏,误导大家。

图片SEO的大纲

先写一个提要,包含本篇文章大概包括的内容
先从图片大小方面区分
  • 大图片的优化
  • 小图片的优化
从图片多少方面优化
  • 单图片的优化
  • 多图片的优化
将图片作为前景/背景的优化:
  • 前景的优化
  • 背景的优化
从图片分类的优化:
  • 矢量图的优化
  • 点阵图的优化
图片结合JS的优化
图片结合html会签的优化
图片的懒加载
图片与CDN的结合
所有的内容结合在一起,会重复,重叠,交叉,但没关系,我的地盘,我做主,我说了算,你不喜欢,我也强迫不了你。
很多小细节,小技术都是前端技术,所以很多内容感觉是可有可无,可写可不写,可写多可写小,所以,看官,如果你觉得这是小意思,小儿科,你自己根据你的心情看着办,点x即可。
为了使整篇文章,更完整,更具体,更深入,我尽量举详细的例子,同时结合wordpress的elementor编辑器,做好布局,放上代码。
预计完成时间:一个月
想到哪,写到哪
如果你喜欢,就请你点个赞。
如果你有网站,请为本文做个链接,也欢迎转载,分享到QQ, 微信,微博等等,完全没问题,无需经我许可。
6月6日最后更新

显示图片的基本形式

显示图片,一般使用img标签
图片使用的是一张来自win7系统里面自带的郁金香,原尺寸大小为1024*768, 作者是David Nadalin
<img src="https://www.seozww.com/img/Tulips.jpg" />
这样就可以把图片显示出来了

加alt标签SEO

接下来,进行网上最盛传的图片SEO优化,加alt标签
<img src="https://www.seozww.com/img/Tulips.jpg" alt="郁金香" />
alt属性的作用是,当图片显示不出来的时候,显示的文字,以方便浏览的人,知道这个位置上显示的是啥东西
这个属性是w3c标准的一部分,如果不添加这个标签,是没办法通过w3c的标准检测的

alt是一个古老的属性

当年,当上网速度还是56K的电话拨号猫的时候(相信看这篇文章的看官,很少体验过这种速度的拨号猫),上网速度非常非常缓慢,而且网络非常非常的不稳定。
而图片,是当时网络中的大块头,显示一张图片要几秒,几十秒,甚至几分钟
(大家可以搜一下,当年马云为了展示当时的互联网,花了多长的时间显示一张图片)
因为图片下载的时间太长,图片需要一块一块的渲染,经常图片的上部显示出了图片样子,而图片下部因为没下载完,而显示灰色的,图片的中间是一点一点显示的图片
当时的上网费,价格昂贵,以那样的速度上网,一小时2块到6块不等,所以为了加快上网速度,也有很多人,直接不显示图片,只显示文字(当时浏览器有不显示图片,只显示文字的选项的)
此时的alt属性就显得异常的重要了,已经成为了网页重要的一个组成部分了
现在的网速已经很快了,因为网速显示不出来图片的情况小了很多很多了(老实说,现在的人,心情太急,很少会因为一个图片不出来而等上三五分钟)
也正因为如此,也因为现在html5技术和其他网站制作技术,导致现在alt的作用,变得小多了
关于网上如何如何seo alt 属性的文章太多太多了,比如要包含主关键词,字数限制什么的,基本上都是围绕着这一个标签写的,甚至还有很多专门(注意是专门)为添加这个标签的插件和软件

Alt SEO优化建议

对于这个seo属性的建议很简单,用一个词语或一句简短的话,把图片介绍一下即可,其他没什么了。
下一个部分要介绍的是title属性。
6月7日最后更新
(未完待续)
这篇文章有用吗?
点击星号为它评分!
平均评分 / 5. 投票数:
到目前为止还没有投票!成为第一位评论此文章。
很抱歉,这篇文章对您没有用!
让我们改善这篇文章!
告诉我们我们如何改善这篇文章?
最后更新: 2020年6月7日 12:28:14
  • 微信
  • 扫一扫我的微信
  • weinxin
  • 微信公众号
  • 扫一扫微信公众号
  • weinxin
所属分类:SEO原创
  • 版权声明: 宇凡 发表于 2020年6月6日11:44:44,共 1724 字。
  • 转载注明:图片的终极优化,这是迄今最全,最深入SEO,没有之一(未完待续) - SEO中文网

发表评论