SEO技术教程学习
重庆网站建设、网站排名服务

「seo经验分享」PC页面怎么重定向到wap页面

我们做网站有很多用户,可能在wap上会直接访问PC端页面地址,那么出现这样的状况,我们就需要利用一种手段跳转到wap页面上,我们叫这种为“重定向”。 这样就能试用户方便使用,给到最好滴用户体验。

「seo经验分享」PC页面怎么重定向到wap页面

重定向是什么意思呢?

从上图百科来看,重定向是通过网络请求,重新定的一个方向及位置,比如我们常用到,301重定向,页面重定向,URL重定向,都是常用到的。

那么如何从PC页面重定向到移动页面呢 ?

1. 站点有独立的移动端站点和PC站点

这种情况下,我们需要进行服务端跳转。当在移动设备上访问PC站点时,需要服务端进行环境判断,然后重定向到对应的移动页面。

(1)环境判断

环境的判断,一般是通过判断请求的userAgent,以php为例,下面给出简单的代码实现

(2)重定向到对应的移动端页面

2. 站点没有独立的移动站点

这种情况下,我们可以采用前端页面响应式布局,以便在不同的分辨率和设备下都可以合理的进行页面展示。

关于响应式布局,关键的有几点:

  • 使用media query(媒体查询),在不同尺寸、不同设备上进行不同展示,譬如
  • 设置viewport(视窗)。如果没有设置viewport,在移动设备上将会使用桌面版屏幕宽度渲染页面,然后再进行缩放以适应屏幕。
  • 布局方式。传统的固定布局方式,无法适应响应式布局,建议采用栅格化布局,可以参考Bootstrap的流式栅格化布局。 

今天的「seo经验分享」PC页面怎么重定向到wap页面就说到这里,那么在完成了这一系列的重定向操作,基本上都处于一个好的用户体验。希望能够帮助大家。

本文链接: http://www.xusseo.com/seormjc/2624.html

版权声明:本文著作权归原作者徐三seo所有,转载请注明出处,感谢!

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址