新闻中心

移动网页开发

2025年8月30日 作者 author 
假如你对移动网页开发尚不确定，可以登录相应的官方平台进行了解。

革新前期准备与注意事项：你可以选择直接将原有的移动站点转为MIP站点，也可以单独搭建一套MIP站点与移动站并存。对于较为复杂的页面，暂不建议进行MIP改造，目前对资讯、图文类内容的支持已经较好，如果功能相对复杂，则建议自定义组件或等待MIP项目团队开发。

改版需要具备一定的HTML知识，改造MIP教程请依照教程操作，特别留意大小写，建议全局小写。

1. Doctype改造：
1. 打开你的模板或代码文件查看第一行，将其修改为：


标签改造：
1. 完成第一步后，继续修正下一行代码，将：`<head>` 或 `<HEAD>` 改成 `<head>`，注意悉数小写。

Head部分改造：
1. 标签必需是完全小写。
2. 页面的编码必须是tf-8，修改声明为：`<meta charset="UTF-8">`。
3. 页面中添加：

“`

  1. 这里需要通知搜索引擎改页面对应的规范HTML页面地址，如果存在则将其中href值修改成为与现在MIP页面绝对应的规范页面(移动页)URL地址。
  2. 如果只有MIP页面没有对应的规范页面，则标识为：其中的href值为现在的页面地址。

具体说明：

  1. “原页面”是指相对于MIP页面来讲的页面。如果以m.a.com/1.html为基础，经过MIP改造后变为mip.a.com/1.html，那么m.a.com/1.html就是mip.a.com/1.html的原页面。

  2. Canonical标签：

    • MIP的标准要求必须添加强制性的Canonical标签，否则MIP校验工具会报错：强制性标签缺失或错误。
    • Canonical标签用于关联原页面和MIP页面，保证MIP页面承接原页面权重，在移动搜索时优先展示MIP页面。

  3. 标签准确写法：

    • Canonical标签添加在MIP页的<head>标签中，href指向原页面地址。
      如：mip.a.com/1.html页面(MIP页面)的准确写法为：href="http://m.a.com/1.html"。

  4. 用途：

    • 关联原页面传承页面权重，优先展示MIP页在爬虫抓取MIP页面后，会根据其中的Canonical标签获得现在MIP页面和原页面的关系，在移动端需要展示原页面时，优先展示体验更好、速度更快的MIP页面。

  5. 补充说明：

    • MIP页面和原始页面的主体内容应该大致相同。
    • 原网页与MIP页的URL对应关系尽量简洁、直接。
    • 简洁直接的对应关系有利于搜索引擎分析mip页与原网页的关系，加快MIP页被收录和展示的速度。

  6. 历史上，MIP曾使用“standardhtml”来链接MIP页和原页面，这个标签已经被“Canonical”替代，新提交的mip页不再需要写“standardhtml”。

  7. 综上所述，通过合理的改造和技术应用，不仅可以提高移动网页的速度，还能提升用户体验，让用户获得更好的浏览体验。