福清
长乐
平潭
网站设计首页
网站制作
网站模板
定制设计
建站知识
建站知识
网站首页
>
建站知识
>
建站帮助
>
建站学堂
建站帮助
最新H5技术
建站知识
建站学堂
建站帮助
最新H5技术
如何对网站页面进行mip改造?
标签: | 作者:DT范福州网站建设 | TIMES:2018-11-29
Mip移动改造对于从事seo站长并不陌生,是为了提高用户体验感,加快移动落地页面的打开效果的一种新技术,而且改造完的站点,能够提高在移动搜索引擎上面的排名,所以百利无一害,如何进行mip页面改造呢?今天
福州网站制作
给大家来支招:
首先要对自己的站点进行认知:
如果自己本身是
自适应网站
或者pc网站的话,建议建立一个独立的网站,比如之前是www.xx.com才能打开你的网址的,你可以解析一条m.xx.com的地址,然后专门做一个移动端。
如果你本身就属于
移动端
的站点,但是因为打开速度非常的慢,你就可以直接根据移动端的代码进行改造。
认清自己的站点之后开发最好是可以登录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 常见标签替换表
更全的标签禁止使用表请见:https://www.mipengine.org/doc/3-tech/1-mip-html.html
5.
使用
MIP Cache
注意事项
5.1一般Cache图片、样式、脚本,做完上述4步后,建议修改资源地址为相对地址;
5.2Cache的内容需要更新需要通过MIP数据提交中的更新数据接口,把更新的url链接推送过去,等待百度更新。
Mip改造的注意事项
1,编码格式必须是utf-8,<metacharset="UTF-8">
2,网站全部用绝对路径
3,不可用其他外部css和js
mip检测页面:https://www.mipengine.org/validator/validate
必须加代码:
1,用于移动端展示:<metaname="viewport"content="width=device-width,minimum-scale=1,initial-scale=1">
2,最新版的css:<linkrel="stylesheet"type="text/css"href="https://mipcache.bdstatic.com/static/mipmain-v1.1.1.css">
3,最新版的js:<scriptsrc="https://mipcache.bdstatic.com/static/mipmain-v1.1.2.js"></script>
4,网站对应关系:<linkrel="miphtml">和<linkrel="canonical">主要用于告知搜索引擎页面间的关系。在MIP页中使用<linkrel="canonical">,href指向原页面,若只有MIP页,则指向自己。如果MIP页和原页面同时存在,则在原页面中添加<linkrel="miphtml">指向MIP页。MIP页的点击会与原页面的点击权重加和计算,同时原页面将作为搜索引擎的首选页。<linkrel="canonical"href="//www.mipengine.org/">
5,添加样式:<stylemip-custom></style>在这个里面添加自己网站的css样式,这个mip站做好了,通过检测页面,基本没什么问题的,是不是很简单呢。
以上就是
mip
改造的全部步骤,对于移动互联网的时代,如果不进行
mip
改造的话,很容易失去客户,所以当务之急没有改造的赶紧改造了。
下一篇:没有了
相关新闻
企业网站建设用户常见的
2018-11-16
企业找建站公司的时候,多多少少都会有各种各...
织梦建站如何添加我们想
2018-11-14
据说现在的企业站百分之70都采用织梦建站,毕...
建站选择虚拟主机还是云
2018-11-11
一个网站要想在浏览器上运行都是需要有服务器...
移动互联网时代、企业建
2018-11-10
随着手机越来越智能化、大家都不爱呆在电脑面...
黑客盛行年代、网站每天
2018-11-08
在这个黑客盛行的时代,可以说现在搭建一个网...
网络上的免费网站建设源
2018-11-06
网上有很多公开的建站源代码,比如像织梦的网...
首页
|
网站制作
|
网站模板
|
定制设计
|
建站知识
高端网站设计咨询
156-5917-6979