改造MIP获得搜索青睐,轻松完成SEO

搜索引擎目标及页面排序方法

搜索引擎作为互联网流量的入口,承担着流量分发的职责。但排序成千上万的网页,决定哪些网页在第一页,是由网页本身的用户体验决定的。权重算法会从内容优质性,广告多少,加载速度等多个角度评估网页的用户体验,让更优质的结果被用户看到,满足用户搜索需求。

比如百度先后推出了 冰桶算法(打击广告过多影响阅读的网页),蓝天算法(打击新闻源作弊,展现低质量内容现象),清风算法(减少标题作弊骗取点击情况),飓风算法(惩罚恶意采集,减少内容重复),从各个角度保证流量分发到更优质内容。

在 2017 年 10 月,百度新发布了 闪电算法,意在提升速度的重要性,为搜索用户提供更流畅的浏览体验。试想,内容完全相同的两个网页,一个需要加载 10 秒,另一个在眨眼间完成了内容展现,用户一定更希望看到后者。闪电算法的规则也与此类似:

移动网页首屏在 2 秒之内完成打开的,在移动搜索下将获得提升页面评价优待,得到更多展现机会;同时,在移动搜索页面首屏加载非常慢(3 秒及以上)的网页将会被打压。

闪电算法

闪电算法发布的同时,百度还提出了几条通用的页面优化建议。MIP 作为通用 Web 页面加速方案,也从以下方面更做了优化。

资源加载:

  1. ** 将同类型资源在服务器端压缩合并,减少网络请求次数和资源体积。**
    MIP 将图片,视频,PV 统计等常用的组件脚本合并入 mip.js,加快资源加载速度。
  2. ** 引用通用资源,充分利用浏览器缓存。**
    不同网站的 MIP 页面使用通用 JS。比如分享功能都引用的是 mip-share.js,充分利用浏览器缓存,避免重复收发网络请求。
  3. ** 使用 CDN 加速,将用户的请求定向到最合适的缓存服务器上。**
    MIP 的所有脚本都默认使用了 MIP-Cache 进行 CDN 加速,从搜索打开的 MIP 页面请求也由 MIP-Cache 返回,利用 CDN 的优势缓存页面和静态文件。
  4. ** 非首屏图片懒加载,将网络带宽留给首屏请求。**
    MIP 页面所有图片都采用 mip-img 标签,使用懒加载 (Lazy Load)。只有当图片在可视区域时才会加载,避免位于文章后部的图片占用网络带宽。

页面渲染:

  1. ** 将 CSS 样式写在头部样式表中,减少由 CSS 文件网络请求造成的渲染阻塞。**
    MIP 建议将 CSS 样式写在头部样式表中,使用 mip-custom 标记。减少由 CSS 文件网络请求造成的渲染阻塞。
  2. ** 将 JavaScript 放到文档末尾,或使用 async 方式加载,避免 JS 执行阻塞渲染。**
    目前 MIP 建议将 JavaScript 放到文档末尾,避免 JS 阻塞后续 DOM 渲染。采用 async 方式加载 MIP 脚本的方案也在内测阶段。
  3. ** 对非文字元素(如图片,视频)指定宽高,避免浏览器重排重绘。**
    MIP 提供了 组件布局,为图片、视频等宽高未知的元素指定占位空间,避免图片加载后插入页面造成浏览器重排重绘。

以上加速建议从多个角度节省网络和渲染时间,而符合 MIP 规范的网页天生具有以上加速效果。

MIP 与 SEO

MIP 旨在帮助开发者建立打开迅速,交互流畅,体验良好的优质页面。这类页面能帮助用户最快获取信息,也自然会被搜索引擎青睐。

闪电算法提到,首屏在 2000ms 内可以得到流量优待,而 MIP 页面在 2017 年 10 月的首屏时间为 1640ms,远快于闪电算法的规定值。

截至 2017 年 10 月,已经有 5000 家站点修改提交了 MIP,他们将成为闪电算法的首批受益者。MIP 官网 收集了一些优质效果,欢迎点击体验。还有更多的站点正在改造的过程中,阅读 MIP 开发入门 来学习这项加速技术吧。

posted @ 2017-10-20 16:39 MIP官方博客 阅读(...) 评论(...) 编辑 收藏