北京赛车牛牛开奖

厦门SEO

百度MIP是什么!

字号+ 作者:海瑶SEO培训研究中心 来源:厦门SEO培训公司 2016-11-14 17:38 我要评论( )

百度MIP是什么! 导语:使用百度站长平台的小伙伴应该注意到了,最近该平台新增加了一个MIP引入工具,很多站长不太清楚什么是MIP,引入百度mip对页面有什么好处,下面亿恩科技小编为大家介绍一下百度MIP怎么用。 首先我们先来看一下什么是MIP MIP 全称 Mobil

百度MIP是什么!

 

百度MIP是什么-海瑶SEO培训研究中心

 

  导语:使用百度站长平台的小伙伴应该注意到了,最近该平台新增加了一个MIP引入工具,很多站长不太清楚什么是MIP,引入百度mip对页面有什么好处,下面亿恩科技小编为大家介绍一下百度MIP怎么用。

  首先我们先来看一下什么是MIP

  MIP 全称 Mobile Instant Page,既移动网页加速器,是一套应用于移动网页的开放性技术标准。MIP通过提供MIP-HTML规范、MIP-JS运行环境以及MIP-Cache页面缓存系统,实现移动网页加速。

  MIP的主要组成

  (1)MIP HTML

  MIP HTML 基于HTML中的基础标签制定了全新的规范,通过对一部分基础标签的使用限制或功能扩展,使HTML能够展现更加丰富的内容;

  (2)MIP JS

  MIP JS 可以保证 MIP HTML 页面的快速渲染;

  (3)MIP Cache

  MIP Cache 用于实现MIP页面的高速缓存,从而进一步提高页面性能。

  引入百度MIP有哪些好处

  从MIP的定义中我们就不难看出,MIP引入可以更好的实现移动页面的加速。

  如果大家还不太明白百度MIP是什么,我们可以给大家举一个例子,就是现在大家比较关注的奥运会,可以在手机百度里搜一下这个词,出来的结果就是引用百度MIP的一个效果。

  百度MIP是什么-海瑶SEO培训研究中心

 

如何快速改造一个MIP站点(入门篇)

站长工具最近加入了新的成员“MIP引入”,很多站长对此迷糊不已,小编特别联系了我们的版主飞鹰正义,让他为大家讲解下如何入门。飞鹰正义,本名翁新宝,百度站长社区超级版主,是国内较早关注搜索引擎优化研究的SEOER,具备多年的实战经验。为多家互联网企业提供顾问式服务。此次他将用通俗易懂的方式带大家简单快速的理解和改造属于自己的的MIP站点。

  在进行改造前我们再来回顾一下MIP是什么?能带来哪些收益?

  简单来说MIP是由百度推出的一套移动网页开放性标准,直白点说就是百度为了进一步提高用户体验进而推出的一系列规范标准,站长参与MIP改造计划能够与百度共同获得一定的收益。

  从目前看来站长朋友改造MIP站点除了获得收录排序等潜在优势外,可以解决绝大部分站点因加载慢、展现慢等劣势。虽然现在大部分站点解决了PC站点的加载速度,但因移动端的特性很多站点在移动端的全局加载并非能够达到最佳状态,那么通过改造MIP Cache就能够缓存你的页面资源!让你免费使用与百度搜索引擎一样的CDN,你说是不是够叼?

  言归正传,我们来快速的改造,将原本的移动站点改造成为MIP站点。

  一、 改造前期准备和注意事项

  1.首先你必须得有移动站点(当然你也可以完全重新开发MIP站);

  2.你可以选择直接将原先的移动站点直接改成MIP站,也可以单独在做一套MIP站点与移动站并存。

  3.复杂的页面暂不建议MIP改造,目前支持资讯、图文类支持已较好,若功能较为复杂的建议自定义组件或等待MIP项目小组开发。

  4.改造需具备一定的html知识,改造MIP教程请按照教程来,特别注意大小写,建议全局小写。

  二、 详细改造流程

  我们从一个html页面的上下顺序一步步改造,只要按照本文章内的一步步来,即可完成Mip改造。

  1. Doctype改造

  1.1打开你的模板或代码文件看第一行,不出意外的话是这么一句:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

  也有可能是这么一句:

  <!DOCTYPEhtml>

  无论是那句记住第一句一定是:<!DOCTYPEhtml>

  2. 标签改造

  2.1 完成第一步后,代码往下看,将:

  <htmlxmlns="http: xhtml?="" 1999="" www.w3.org="">

  或:<htmllang="en">

  直接改成: 注意大小写

  3.Head部分改造

  3.1 标签必须是完全小写。

  3.2 页面的编码必须是utf-8,修改声明为:<metacharset="utf-8">

  3.3页面中加入<metaname="viewport"content="width=device-width,minimum-scale=1,initial-scale=1">

  3.4 页面中加入MIP专用样式文件< linkrel="stylesheet" type="text/css"href="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.css" >

  3.5 这里需要告诉搜索引擎改页面对应的标准html页面地址,如果存在则标识<linkrel="standardhtml" href="https://www.baidu.com"> 其中href值https://www.baidu.com修改成为与当前mip页面相对应的标准页面(移动页)url地址。如果只有mip页面没有相对应的标准页面则标识为:<linkrel="standardhtml" href="https://www.baidu.com"> 其中的href值为当前页面地址。

  4.Body内改造

  4.1首先标签必须是小写的;

  4.2加入MIP专用JS文件:

  4.3 常见标签替换表

百度MIP是什么-海瑶SEO培训研究中心

  更全的标签禁止使用表请见:https://www.mipengine.org/doc/3-tech/1-mip-html.html

  5.使用MIP Cache注意事项

  5.1一般Cache图片、样式、脚本,做完上述4步后,建议修改资源地址为相对地址;

  5.2Cache的内容需要更新需要通过MIP数据提交中的更新数据接口,把更新的url链接推送过去,等待百度更新。

  三、其他注意事项

  3.1 本文旨在快速将移动站点改造成MIP站点,部分遗漏部分功能详细见https://www.mipengine.org。

  3.2 除了上述这些需求外,一部分站点可能需要用到组件,里面包含了目前来说支持的一部分组件,后续我在继续讲解组件的使用方法,因对js引用的限制,我简单举例说明一下使用百度统计该如何实现:

  3.2.1 引用https://mipcache.bdstatic.com/static/v0.1/mip-stats-bidu.js 放在前。

  3.2.2 去百度统计工具查看统计JS代码

  

百度MIP是什么-海瑶SEO培训研究中心

 

  3.2.3 获取画框部分token,在js引用代码前放入代码:<mip-stats-bidutoken="02890d4a309827eb62bc3335b2b28f7f">并将token值换成你统计代码内的token值。

  3.3 上述步骤做完mip站点改造基本结束,我们在mip页面标识了标准页面的地址,同样为了加速收录我们也需要在我们标准移动页面标识该页面相对应的mip页面,代码如下:<linkrel="standardhtml" href="改成该页面对应的mip页面地址">

  3.4 最后我们做完了mip页面建议大家都做一下数据推送,会有意想不到的效果!

揭秘百度MIP如何提高移动网页加载速度

 随着互联网技术的迭代更新,人们对于移动端的需求体验也在不断提高。相信大家都会遇到相似的情况,如果使用手机搜索新闻等待时间过长就会感到不耐烦,加载过慢的时候更会直接关掉页面。

  以上正是百度推出MIP项目的原因所在。 MIP通过减少页面尺寸,从搜索结果中更快完成网页的加载,让网页在移动设备上瞬间打开,浏览体验不亚于原生的App。之前已经有谷歌的AMP和facebook的Instant Articles,目的都在于提升用户浏览网页的速度。

  MIP如何为页面加速?

  MIP是近日由百度发起的开源项目,它的核心是一套应用于移动网页的开放性技术标准,通过提供MIP-HTML规范、MIP-JS运行环境以及MIP-Cache页面缓存系统,实现移动网页加速。

  换言之就是,MIP通过对用户将要浏览的页面进行缓存,同时对相关冗杂的页面元素在不影响基础使用的情况下进行限制或扩展,以使得用户的使用体验更加流畅、快速,同等时间内能够浏览到更多内容。

  

百度MIP是什么-海瑶SEO培训研究中心

 

  MIP 技术提速效果演示(动图)

  同时,MIP将所有的资源(广告、图片、音频和视频)进行组件化的规范。当资源真正加载时,所有资源大小可以被立即推断出并迅速的用于计算页面布局,加载中的资源将无缝呈现,不必因为页面频繁更新布局而影响到用户的阅读体验。

  MIP能为用户和站点带来什么?

  对于第三方站长和广告商来说,MIP支持各类网站和广告服务商提交自有组件,只需按照MIP组件的开发规范进行简单的改造即可。而对于内容提供商可以通过CMS接入的方式,直接将内容提供给百度,百度就会将这些内容以MIP页面的详实呈现给用户。

  本次百度的MIP针对本土用户特性及需求进行开发,其具体的使用也会更加符合国内用户的体验习惯。目前MIP已覆盖百度资讯feed流,并且已经应用在“里约奥运”等相关搜索页面上,搜索“奥运会”“傅园慧”等关键词可明显感到加载速度的提升。同时,百度搜索会对使用MIP的站点有优待。

  

百度MIP是什么-海瑶SEO培训研究中心

 

  搜索“傅园慧”等奥运相关关键词,加载速度明显提升

  另一个重要意义在于,除了能够帮站长加速网页,站长还可以把MIP网页缓存到百度CDN中。只要符合MIP标准,都可以使用MIP缓存。

  由此可见,作为全球最大的中文搜索引擎,百度MIP上线将有效提升移动互联网用户体验及促进网站收益。技术创新一直是百度的基因,近年来,百度一直不断加强技术研发投入,提升搜索体验,可以想象的是,以技术为驱动的百度将带来更多可能性。

Zac对话百度搜索工程师:MIP到底能不能提升排名?

 在10月27日百度站长平台举办的杭州沙龙上,有一场名为“内容当道,体验为王——论百度MIP”的尖峰对话。对话中SEO每天一帖、《SEO实战密码》作者Zac的发言,以及与百度搜索高级技术经理高磊的对话,着实让站长圈有些沸腾。

  

百度MIP是什么-海瑶SEO培训研究中心

 

  近期,百度推出MIP(Mobile Instant Pages)——移动网页加速器,与一年前国际搜索引擎巨头Google推出的AMP计划类似。对话中Zac首先介绍了AMP的发展近况:

  “去年10月Google推出了AMP,但站长圈没人太注意这个事,因为它只出现在新闻结果里。但是AMP的页面可以实现秒开,非常快,因为它的页面非常小,又存放在Google的缓存里。今年8月,Google对外宣布AMP可以应用于普通网站,相关插件也出来了,我赶紧试用了下,收录很快,在排名里就有了。到9月底、10月初的时候,正常的搜索结果中也开始出现,就在前几天,我随机搜索一些关键词,大概前几页有十分之一的结果都是AMP页面,我没有全部看,但前两页基本都是AMP,而且是秒开。”

  可以说AMP的发展很快,这可能与带给Google和网站的收益较大息息相关,接下来Zac又介绍了相关信息:

  “我也关注了一些网站使用AMP后的收益,Google统计华盛顿邮报的PV有了23%的提升,有一些网站新用户增加了20%,还有一些网站用户再次访问率提升了60%,注意,不是5%,8%,10%,都是20%、40%、60%,提升效率非常大,包括Google自身CTR也提升了60%。”

  “虽然,Google说AMP不是排名因素,但事实证明排名的因素是存在的,可能是因为速度的关系,因为速度是排名的因素,从而AMP也影响了排名,而且优势非常大,这种页面用户留存的比例非常高,点击广告的比例也非常大,转化的提升也非常大。目前来看,AMP的推广很成功,所以国际上很多新闻巨头、电子商务网站都接入进来。”

  除此以外,Zac预见了搜索引擎接下来的一些发展趋势:

  “以前大家都用App,现在一个趋势是App也在往页面上转,以前Google是可以索引APP的内容,如果已经装了这个APP可以调起,如果没有装可以提供下载。但是AMP出来以后,Google把索引的是AMP的页面,看来是打算用移动端的AMP替代APP,这证明对于APP的索引有可能就慢慢放弃了。”

  接下来Zac又谈了一下对百度MIP的看法:

  “百度推出MIP和Google从目的到实现的过程是很类似的,只是搜索结果页的闪电标识设计上稍微有点区别。之前我们做移动站的时候对搜索引擎都在谈Mobile Friendly,移动友好度,但其实都没有或者很难达到搜索引擎的要求,而AMP或者说MIP就是有了这样一个标准,也许无论我们以前做的自适应的站点还是独立的移动站,有可能将来都会被淘汰,Google和百度都在大力推,百度虽然刚开始,很多插件都没有出来,但国内的站点应该多关注一下,有可能将来会成为主流。”

  随之,高磊也介绍了MIP与AMP之间的关系,让站长明白了二者的渊源:

  “刚才Zac老师说了很多谷歌的AMP地方,不瞒大家说,Google AMP出来的时候,我们就在关注了。Google推出,我们认为这个方向就是正确的,七八月份推出来,九月份我们做了调研,然后做了demo,十月份到十一月份百度就希望做同样的项目,其实我们特别想直接用AMP,但我们发现谷歌的AMP有些服务在国内用不了,所以我们决定自己做MIP。

  “但MIP和AMP在协议层面和规范层面完全一致, AMP的技术总监和AMP的项目总监一直和我们保持沟通,我们希望有一天MIP和AMP就是一套,站长开发了AMP就不用开发MIP,开发了MIP就不用开发AMP,我们希望和AMP达成一致,现在这个进程也非常顺利,下一步就缺一个正式的申明,双方都在努力。”

  Zac老师抛出了一个网站最关心的问题“对百度来说,目前做了MIP是不是排名因素?如果现在不是,未来会不会是?”台下顿时不约而同响起了掌声。

  高磊:“正如Zac所说,速度是影响排名的因素,而MIP提升的正是速度,之前百度评判网页速度是靠spider抓取,而MIP本身就证明速度很快,它会直接影响排名,在这里我可以直接告诉诸位,MIP会影响排名。”

  从AMP的发展可以推演MIP的前景,因为无论是AMP还是MIP,最终的目的都是提升用户的体验,唯有重视用户体验才能赢得用户和市场。面对搜索引擎流量越来越难获取的现状,从用户体验出发,抢占MIP先机,或许能收到事半功倍的效果。

MIP技术分享:织梦gbk站点mip改造方案分享

然而生,测试果然可行,之后遇到后续问题(如下面问题2、3)也因此思路而变得易解决了。

  2、路径问题

  、/等标签中的相对路径需均转换为完整url,这个在目前教程里貌似没有明确提出,根目录相对路径还好,主要是相对当前页面路径转换完整url需加上所在目录有些难度(特别是标签调用生成的相对路径,如分页)。

  3、内联样式问题

  模板里的内联样式可以手动整改,虽烦琐但难度不大,主要问题在于后台发布文章时,cms编辑器会自动生成包括内联样式在内的各种不符合mip规则的原始代码,除了折腾一下对编辑器进行修改,其他也很难解决了。

  4、js问题

  mip规范局限了js的使用,这个的确挺头疼的,好在我改造的站点内js不多,所以删掉部分效果和使用现有组件替换,也凑合解决了此问题。不过还是希望百度mip团队能在考虑下此方面的规范方案优化,不少站点有很多js代码且不能去除,全部以组件形式提交也很费事且需要一定的程序基础,其他问题还可以按统一教程去解决,但js上的mip改造却无法如此,按照目前的限制会导致很多站长因此一点就不得不放弃mip改造。

  5、其他小问题

  ·发现少部分样式有冲突,需根据实际情况对本身css进行局部修改。

  ·发现mip cache无法识别站点中图片的302跳转,如原站使用302跳转的图片,mip生效后无法显示图片。该问题已和百度技术人员沟通,说后续可以考虑支持,目前我自己加了一段代码对路径做了下处理。

  ·组件使用bug(如mip-carousel多图轮播图片套链接会导致图片显示空白,且无法自适应屏幕)。

  ·mip引入提交后就回显个success,也没有提交记录和状态,用户体验上有所欠缺。

  正题:基于dedecms/gbk的整站mip改造

  第一部分:模板修改

  1、js部分:删除或使用现有组件替换

  2、调用百度mip文件:

  head里加

  body里加

  3、head里加,通过dedecms标签直接调用当前页url。

  4、外部通用css文件:建议将css文件中的样式代码嵌入

  中,另存为模板文件(如css.htm),用{dede:includefilename="css.htm"/}替换相关模板中的。

  模板中的内联css可人工进行查找替换,合并至中。(虽在下面代码中可以自动进行处理,但从静态文件生成性能角度考虑,还是建议人工先将模板中的内联样式一次性整改好。)

  注:以上操作大多可通过批量查找替换来完成,看似需要修改很多,但实际工作量并不大。

  第二部分:程序文件修改

  · 静态生成移动站:

  找到/include/dedetag.class.php文件中解析模板输出为文件的函数:

  function SaveTo($filename)

  {

  $fp = @fopen($filename,"w")or die("DedeTag Engine Create File False");

  fwrite($fp,$this->GetResult());

  fclose($fp);

  }

  替换为(部分代码可根据实际情况进行改动):

  //路径转换函数文件。$content:代码源,$feed_url:北京赛车牛牛开奖,$f_url:相对路径的目录部分

  function relative_to_absolute($content,$protocol, $domain, $f_url) {

  //根目录相对路径(如href="/a/b.html")转换

  $new_content =preg_replace('/href\s*\=\s*([\'"])\s*\//','href=\\1'.$protocol.$domain.'/', $content);

  $new_content =preg_replace('/src\s*\=\s*([\'"])\s*\//', 'src=\\1'.$protocol.$domain.'/',$new_content);

  //当前页相对路径(如href="a/b.html")转换

  $new_content

  =preg_replace('/href\s*\=\s*([\'"])(?!(http|https):\/\/)/','href=\\1'.$protocol.$domain.$f_url,$new_content);

  $new_content

  =preg_replace('/src\s*\=\s*([\'"])(?!(http|https):\/\/)/','src=\\1'.$protocol.$domain.$f_url, $new_content);

  return $new_content;

  }

  function SaveTo($filename)

  {

  $fp=@fopen($filename,"w") ordie("DedeTag Engine Create File False");

  if(substr($_SERVER['PHP_SELF'],-6)=='_m.php'||substr($filename,-13)=='/m/index.html'){//跳转适配站识别是否为移动端生成,不影响pc端的gbk编码。移动端为独立站点需去掉此判断条件。

  $f_url=explode('www.域名.com/m',dirname($filename));//分割路径,获取当前页相对路径的目录部分

  //如dirname($filename)得到的本地绝对路径为D:/wwwroot/www.域名.com/m/yygk/xwzx,用网站目录“www.域名.com/m”作为标识分割路径,得到目录部分“/yygk/xwzx”。

  $html=$this->GetResult();

  $html=$this->relative_to_absolute($html,'http://','m.域名.com',$f_url[1].'/');//相对路径转换绝对路径

  $html=str_replace('<metacharset="UTF-8">','<metacharset="utf-8">',iconv('gbk','utf-8//ignore',$html));//转换为utf-8编码声明,fwrite会以此生成对应编码的静态页面

  $html=str_replace('<a','标签加target< p="">

  $html=str_replace('<img','

  /*主要针对编辑器生成的内联样式,将内联样式转换到head的style标签中*/

  if(preg_match_all('/\sstyle\s*\=\s*[\'"](.*?)[\'"]/',$html,$css)){

  $css0=array_unique($css[0]);//过滤重复style

  foreach($css0as $k => $v){

  $html=str_replace($v,'class="mip_add_css_'.$k.'"',$html);//mip_add_css_为自定义样式名前缀,可自行修改,但需避免与原有样式名重复

  $temp_name='mip_add_css_'.$k;

  $$temp_name=$css[1][$k];

  $add_css.='.'.$temp_name.'{'.$css[1][$k]."}\n";

  }

  $html=str_replace('',"

 
 


本文由海瑶SEO学堂(www.nekores.com)收集于网络不代表本站观点,如果您还想了解更多关于SEO培训SEO研究中心的文章,请点击查看百度快速排名代理平台和网络营销培训的其它文章,请关注海瑶SEO研究中心官网,(微信/QQ:154899659)

本文地址:SEO培训:http://www.nekores.com/xiamen/371.html

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

SEO研究中心海瑶SEO研究中心站长推荐学习
seo培训网友点评
SEO培训海瑶SEO培训