SEO秀

您现在的位置是:首页>SEO技术

SEO技术

MIP移动网页加速器的使用教程和建议!

seo秀2021-01-12 18:00:22SEO技术140来源:西安百度推广

自从百度推出mip移动加速之后,不少的网页使用了这一手艺,使得网站在移动方面打开速率更快,这样不只利于搜索引擎的用户体验,同时也利于我们网站的用户体验,可以更好的获得移动站的SEO排名。

那么在教人人使用mip移动加速之前,我先先容一下什么是mip,简朴的说就是标签使用移动站的标签,同时将JS合并,这样利于移动浏览器的加载和制止多次加载网页的js,从而到达移动加速的目的。

头部的修改

首先在头部html中我们要加上mip的标签,另外需要添加meta-viewport标签,这是用于移动端的展示,代码在下面。

那么接下来就是我们头部需要挪用的CSS和JS了,这里CSS凭据差别的网页样式,我们设置的也是差别,以是挪用他们的CSS同时,我们不要把自己的CSS给去掉了,然则我们可以省去自己的JS文件,挪用方式如下所示:

另外提醒一下列位,他们提供的JS基本上能够知足我们网站所使用的JS,固然除非特殊的网站外,对于我们的博客站和企业站,我们挪用百度的JS足够了。然则CSS挪用了他们的必须要把我们自己的也给加上去。

这里提醒一下列位,mip网页中是不允许泛起自定义的javascript代码的,因此我们挪用的都是百度提供给我们的mip.js文件,那么mip.js无非就是把你需要的JS所有封装在内里,你可以直接挪用,然则若是你硬是需要javascript代码带能够让网页正常接见,那么请请在 mip.js 之后引入剧本。

另外我们需要用<link rel="miphtml">和<link rel="canonical">标签告诉搜索引擎页面之间的关系,比如说你是自动响应站点,那么miphtml标签,若是你有对应的PC站点,那么使用canonical即可。

若是你需要在页面中添加自己的样式,那么添加样式的标签为<style mip-custom></style>,注重了,这里添加的样式的标签(style)只允许泛起一次,固然内里的样子,和以前的CSS一样写法。

Html中图片是这样添加的,限制宽度和高度,同时mip开头和末端,同时需要在图片中增添layout="responsive"标签。<img>标签会引起浏览器的 repaint 和 reflow,为了制止这些,MIP 提供了替换标签<mip-img>。

总结:根据这个尺度基本建设完成了,修改起来也异常容易,那么我们可以试着用MIP 校验工具查看一下,mip网页哪些地方还没有修改。

(责任编辑:网络)

发表评论

评论列表(35人评论 , 140人围观)
  • 2021-02-04 05:41:13

    人和猪的区别就是,猪一直是猪,而人有时却不是人。

  • 2021-03-03 06:10:43

    间歇性踌躇满志,持续性混吃等死。

  • 2021-05-26 22:26:29

    兄弟听我一句劝,游戏没了还能重玩,媳妇没了游戏就能一直玩了。

  • 2021-05-11 20:48:26

    别和我说对不起,因为我既不能原谅你,也无法捅死你。

  • 2021-02-04 22:00:58

    不要在意现在的低谷,未来还有很长的下坡路要走。

  • 2021-04-24 04:13:20

    失败并不可怕,可怕的是你还相信这句话。\\n

  • 2021-03-05 17:34:53

    我能想到最浪漫的事,就是和你一起吃吃吃,然后你付钱。

  • 2021-02-21 03:23:46

    我尝试着做一个有趣的人,后来却跑偏了,成了一个逗逼。

  • 2021-03-27 16:36:21

    靠父母你是公主,靠男人你是王妃,靠自己你是乞丐。

  • 2021-01-13 14:10:36

    我鼓足勇气去面对现实,却发现勇气,真的只是气而已。

  • 2021-01-13 12:42:54

    活了这么多年,一直搞不明白一件事,拉钩为什么要上吊?