贵人不相助 绝活相助

3个图片SEO优化技巧-获得更快的速度和更高的排名

seo专业培训 seo 友情链接 做seo 搜索引擎 seo常见问题 网站排名 关键词 网站seo优化 seo优化 学习SEO 关键词排名 锚文本 seo培训公司 seo课程培训中心 SEO培训 网站SEO 长尾关键词 SEO培训机构 网站优化 seo技术 seo课程培训机构 企业SEO培训 网站 seo系统培训

3个图片SEO优化技巧-获得更快的速度和更高的排名

3个图片SEO优化技巧-获得更快的速度和更高的排名

3个图片SEO优化技巧-获得更快的速度和更高的排名

  有些人属于视觉类,有些属于动觉类,有些属于听觉类。但我认为我们大多数人都是不耐烦类。

  我们要求网站立即加载,我们的问题可以直接回答。这就是为什么搜索引擎优先考虑网页速度更快的网站,特别是在移动设备上。

  在许多情况下,图像是影响网站加载时间的头号问题。

  我们都明白,高质量的图像有助于积极的用户体验,但2018年Google和SOASTA 研究证实,拥有更多图片的复杂网页的转化率低于图片较少的网页。

  虽然有些网站可能会受益于“密集的图像”,但我们应该将页面速度视为稀缺资源。我们将这些资源用于加载大型,庞大的资源越多,其效率就越低。

  通过Google重新设计的PageSpeed Insights,很多人对于“next-gen formats”图像格式意味着什么?以及存在哪些浏览器支持感到困惑。

3个图片SEO优化技巧-获得更快的速度和更高的排名

PageSpeed Insights

  此外,许多人仍然依靠旧技术来压缩和提供其网站上的图像。

  继续阅读一些实用技巧,我们将帮助您优化图像,以便在保持用户体验的同时提高页面速度。

插播一下,文末有惊喜,不要错过哦!


认真选择合适的图片

  简约设计通常可以提供良好的用户体验,因为它提供了更好的性能。但是你需要问问自己一个图像是否对你的设计绝对至关重要。

  对于更加动态的网页,可能很容易使图像具有交互性,甚至是设计的焦点。

除非您是摄影师,否则您可以利用替代资源而不是图像来改善您的用户体验,例如:

  • 用于交互元素的CSS3。
  • 简单的徽标和设计的可缩放矢量图形。
  • 嵌入式视频而不是笨重的GIF。

  实际上,矢量图像在加载到更高分辨率的设备上时倾向于保持更高的分辨率。

  此外,您可以转而使用可改善用户体验的Web字体,而不是在图片中增加文字,这样搜索引擎是无法读取的。

  在PageSpeed Insights工具中,您经常会发现Google建议将图片放置在首屏展示外以改善加载效果。这实质上意味着首屏不显示图片,因此至少用户的初始加载速度更快。

  要实现此目的,您需要优化关键路径渲染。

  可以采用一些方法来优化关键路径的呈现,例如缩小,缓存和压缩所有页面资源(CSS,JavaScript,HTML)。

  标题和主文档模块的内联CSS,还可以为用户提供即时加载,同时在后端加载所有未使用的CSS和资源。

  此外,您可以延时对JavaScript加载,以防止在第一次加载时加载您想要加载的资源。

  虽然这很复杂,但有一些工具可以帮助WordPress。

  W3 Total Cache可用于优化关键路径渲染,例如使用带有“async”和“defer”的JavaScript解锁功能以及其他可帮助改善页面加载而无需完全删除图像的功能。

  此工具还提供HTTP/2功能,以进一步改善装载。


自动图像压缩

  优化图像速度的两种最佳方法是减小尺寸并压缩文件。使用合适的工具,您可以非常轻松地进行图像压缩。

  如果您正在使用WordPress,您可以安装Imagify并一键压缩所有图像。将使用此工具压缩添加到库中的所有其他图像。

  这个插件甚至提供了一个激进的设置来压缩JPG和PNG以实现大规模的速度提升(但是最终压缩的图片效果会很差)。

3个图片SEO优化技巧-获得更快的速度和更高的排名

  如果您担心插件会降低网站速度,则可以使用Image Optim压缩特定文件夹中的所有图像。

  在为不同设备调整图像大小方面,WordPress的响应式设计可以使用’srcset’属性为您完成。

  要记住的一件重要事情是,有损压缩可能会牺牲图像质量


以下一代格式(Next-Gen Formats)提供图像

  传统上,我们依赖于两种图像格式JPEG(有损)和PNG(无损压缩)。

  但是现在已经开始推荐新的图像格式,特别是用于创建快速加载速度和在移动设备上保持平滑的效果。

  您可以选择多种新格式,包括:

  • JPEG 2000

  JPEG 2000与传统JPEG非常相似,但具有无损压缩功能。这意味着压缩的JPEG 2000文件保留其元数据而不会造成太多质量损失。

  • JPEG XR

  JPEG XR在更高的压缩比下支持无损和有损压缩。

  不幸的是,大多数主流浏览器都不支持这两种格式,包括Google Chrome和Firefox。这意味着您无需使用JPEG或PNG格式作为后备。

  • WebP

  Google Chrome&Firefox支持的唯一图片格式是WebP。WebP提供无损和有损压缩,以及对动画的支持。

  有许多WebP插件可供试验,您可以使用在线转换器或Photoshop将JPEG或PNG文件转换为WebP。

  当然,最理想的是为WebP文件提供备份。为此,您需要利用HTML中的元素来提供备份。

  像WebP Express for WordPress这样的插件会自动在HTML中执行此操作,并可用于库中的批量转换。

  最终,考虑到有限的浏览器支持,以下一代格式提供图像的选项并不太吸引人。

  但是利用WebP等格式为您的网站图像提供更高的压缩比和更小的文件大小,这将使页面速度明显不同。


额外的想法

  移动设备上的页面速度很难维护,尤其是在图像较重的网站上。

  响应式网页设计和其他速度插件无法真正解释,大型文件大小和资源尝试在您的网站上获取。

  幸运的是,通过自动化压缩,更有策略地调整文件和图像大小,您可以大幅提高页面加载速度。


干货预告

  看到文章的月度一天天多起来,感到很开心,我将会继续和大家分享一些,本来准备放在专栏里以后出售的干货文章,希望大家关注我,第一时间获得实用干货。

以下是干货文章预告

  • 如何提高您在Google图片上的可见性
  • 7种图像可以提升排名
  • 如何使您的网站超越快速

现在关注我们,可以免费获取第一手的IT干货!

赞(0) 打赏
未经允许不得转载:郑刚SEO培训 » 3个图片SEO优化技巧-获得更快的速度和更高的排名
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

SEO培训

qq:611247联系我们