针对移动端进行网站优化的一些必备知识

参考博文:

https://www.zhidaow.com/post/the-opinion-of-build-mobile-optimized-websites-from-googlehttps://developers.google.com/search/mobile-sites/


针对移动端的网站一般有3种配置方式:

1、响应性网页设计,即同一网址,相同内容。

不管用户是哪种设备,PC,手机还是平板电脑,内容层的HTML全都一样,只是通过表现层的CSS来控制不同的表现形式,如在移动端和平板下会控制最大宽度,以适应屏幕显示。

2、同一网址,不同内容。

同一个网址,根据用户使用设备的不同,从而返回不同的内容。这是从服务器端控制,根据用户的身份(User-Agent,用户请求网页时提供给服务器的信息之一)来判断设备,从而提供不同的内容。

3、不同网址,不同内容。

根据设备的不同,网站呈现不同的网址,不同的内容。比如PC端为www.example.com,智能手机端为m.example.com,传统手机端为wap.example.com。通常情况下还会同时设置重定向,比如用智能手机访问www.example.com,会自动跳转到m.example.com上,以及现在出来了很多小程序的站点,比如希望在手机百度上搜索『小红书』,出来小红书的小程序。


一些名词解释:

wap:

无线应用协议(Wireless Application Protocol,WAP),是一个使移动用户使用无线设备(例如移动电话)随时使用互联网的信息和服务的开放的规范。WAP的主要意图是使得袖珍的、手提的无线终端设备能够获得类似网页浏览器的功能,因此其功能上有限。传统手机上使用的。

m. /mobile. :

智能手机端。一般网站的移动版url都会在前面多加“m”开头,表明是移动网页。

html、xhtml与html5:

https://www.zhihu.com/question/19818208

https://www.jianshu.com/p/896ca2bb2f59

·HTML语法非常宽松容错性强

·XHTML更为严格,他要求标签必须小写、必须严格闭合、标签中的属性必须使用引号引起等;

·HTML5是HTML的下一个版本所以除了非常宽松容错性强以外还增加了许多新的特性

·.html和.htm的区别

1、DOS操作系统(win95或win98)下只能支持长度为3的后缀名,所以是.htm

2、但是在Windows后缀长度可以大于3位,所以Windows下无所谓htm与html,html是为长文件的格式命名的

3、所以.htm是为了兼容过去的DOS命名格式存在的

mip :

https://ziyuan.baidu.com/mip/index

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

 


使用rel="canonical"和rel="alternate"

如使用上面第三种方式,不同的URL返回基本同样的内容,就会出现内容重复的问题,例如www.example.com/arti123.html和m.example.com/arti123.html。那怎么解决呢?rel="canonical"rel="alternate"标签很好的解决了这个问题。rel="canonical"和rel="alternate"是一种专门针对搜索引擎的建议,指明重复页面中的标准页面(目前谷歌,bing,百度都声明支持这个标签)。比如页面A和页面B2个相似页面,页面A是标准页面,页面B是替补页面,则页面B需要加上rel="canonical"标签,表明标准页面为A;而页面A则加上"rel="alternate"标签,说明还有个替补页面B。如:页面A上:<link ref="alternate" href="www.example.com/B">页面B上:<link ref="canonical" href="www.example.com/A">桌面版网页和移动版网页跟上面的问题极其相似,通常桌面版网页为标准页面,而移动版网页为替补页面。则2类页面上可添加如下标签:桌面版网页:<link ref="alternate" href="m.example.com/">移动版网页:<link ref="canonical" href="www.example.com/">

 

网站间重定向

当在移动端使用不同的URL时(即上面第三种方式),网站一般同时还会设置重定向(即跳转),比如用户在智能手机端浏览www.example.com,会自动跳转到m.example.com,以更好的呈现页面。Googlebot支持两种重定向设置方法:HTTP重定向和JS重定向。(具体设置过程我还没掌握。对于HTTP重定向我建议设置为302跳转,因为302含义为临时跳转,更加符合规范。)很多网站在设置重定向时会犯同样一种错误,那就是重定向至无关地址。比如智能手机端访问www.example.com/talk/123321.html,却重定向至移动版首页m.example.com

当根据访问端对网址进行适配时,解析canonical标签得到的适配后的网址,以及网站重定向得到的网址,都会作为召回数据。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章