php发展

注册

 

发新话题 回复该主题

做了这个,让你的网站在一秒内打开 [复制链接]

1#
郑华国 https://mip.yyk.99.com.cn/fengtai/68389/

天下武功,唯快不破,假如你的网页可以在1秒内打开那该是件多么厉害的事情啊,访客跳出率一定会大大的降低,想必这应该是每一个站长的追求!

1秒钟内打开网页并不是空穴来风,如果我们使用了百度MIP这项技术那么真的是可以实现的。我们在上期文章《百度MIP是什么?有什么用?》中已经简单介绍了百度MIP的背景、优势和原理,那么本期文章将为大家介绍百度MIP具体要怎么实现,想要实现百度MIP,目前主流的方式主要有以下两种:

1)制作每个原始移动落地页面对应的MIP页面。

2)制作一个新的百度MIP站点。

在这里蝶动科技建议大家使用第二种方法,因为这样就算是做出了一个纯百度MIP网站,除了落地页以外的网站首页,单页,列表页等都会在百度MIP光环的加持下取得很好的排名,可以这么说,同样一个网站,做了百度MIP的排名就会比非百度MIP的排名要高!

那么下面蝶动科技就着重讲一下第二种方式实现百度MIP的细节操作:

1)建立一个全新的网站,首先要创建一个域名,这里蝶动科技建议站长创建一个以mip为前缀的二级域名,因为在目前来看,绝大部分建立了独立百度MIP站点的站长,都使用了这个前缀,这也算是一个大家不约而同达成的共识,蝶动科技在这里猜测,可能这样也有利于百度蜘蛛进行语义识别抓取。

2)域名建立好了,下一步就是建立百度MIP站点,这个改造过程是基于原始移动站点进行改造的,所以与其说是“建立”了一个网站,还不如说是“改造”了一个网站,既然只是改造,那肯定不会很复杂,页面的改造主要分为以下几步:

①改造HTML文件:在html标签中增加mip属性标识、声明编码为utf-8、添加meta-viewport,用于移动端展现。

②在HTML代码中添加MIP运行环境:添加MIP依赖的mip.js和mip.css。

③添加MIP关联标签:linkrel=miphtml和linkrel=canonical主要用于告知搜索引擎页面间的关系。添加关联标签后,MIP页的会继承原页面(移动端)的点击权重,同时MIP页将作为搜索引擎的首选导流页面,具体使用规则:

linkrel=miphtml在移动端页面(H5)使用,指向对应内容的MIP页,方便搜索引擎发现对应的MIP页;linkrel=canonical在MIP页中使用,指向内容对应的移动端页面(H5);若没有移动端页面(H5),则指向内容对应的PC页;若直接在原链接修改MIP,则Canonical指向当前URL。

④添加样式:出于速度考虑,建议內联使用CSS样式。所有样式写在stylemip-custom/style中,注意:style标签仅允许出现一次。

对于在模板中的style属性我们可以把样式写在每个页面中style标签中,对于文章内容页中的标签属性则可以使用自定义函数进行处理,我们以phpcms为例,可以声明以下函数用正则去掉img标签中的style、width、height属性,可以说是非常简单了:

⑤替换禁用HTML标签:

假如你的移动站点中存在上述禁用标签那就需要一个个进行修改了,备注中注明可以替换的标签可以直接在网站模板中替换,但没有可以替换的标签就只能删除或换做其他标签来实现了。

⑥使用MIP组件:这个地方应该是最让站长纠结的地方了;百度MIP出于对代码质量和性能的考虑,MIP页中不允许自定义JavaScript代码,只能使用MIP提供的组件,这也注定了很多酷炫的js效果,在MIP中是无法实现的,不过令人欣慰的是,现在MIP组件已经足够丰富,完全可以满足日常网站的需求了,比如轮播图、网站统计、折叠节点、APP调起、音频视频播放、快速回顶、无限滚动、弹出层、地图调用、侧边栏、显示更多、广告组件、分享按钮和现在非常火热的H5页面(在百度MIP中称之为小故事组件)都已经得到了支持!

3)把域名解析一下,MIP站点就算是制作完成了,为了更好的让百度抓取我们制作的MIP站点,接下来就是在百度站长后台进行提交了,如果网站所有页面不多可以分次、每次20条url进行提交:

如果网站页面过多,则可以使用主动推送,很多站长都不会使用主动推送功能,其实这个功能很简单,蝶动科技也在这里给大家讲解一下,先创建一个空的php文件,然后输入图中代码,最后访问该php文件即可触发主动推送功能,是不是很简单呢?

我们还注意到,在后台中存在一个“MIP-cache清理”的选项,之所以会有这个功能是因为百度在抓取MIP站点并缓存到百度服务器之后,我们在百度搜索结果中访问的MIP页面其实是保存在百度服务器上的,那么当我们需要紧急变更缓存内容的时候就需要用到这个功能了。

最后我们以蝶动科技MIP站点为例,展示一下MIP的效果,在百度搜索结果中被缓存的MIP结果都会有一个蓝色闪电的小图标,蔚为显眼:

当我们点击这类链接后,我们会发现浏览器的地址栏中是百度的地址,这也可以说明该MIP页面已经被百度缓存了。

至此、所有改造百度MIP的步骤结束。假如你耐心的做完了上述所有工作,那么恭喜你!你的网站的确可以在一秒钟内打开了!不过蝶动科技认为百度MIP只是一个提高网页加载速度、提升用户体验的一个工具,作为站长的我们还是应该把更多的时间放在产出更多更好质量更高的内容上,就像现在蝶动科技的小编给大家写的这篇文章一样,不是吗?

分享 转发
TOP
发新话题 回复该主题