Categories


Tags


体验提升小贴士:如何从PC页面重定向到移动页面?

有很多时候,用户在移动设备上会访问到PC页面的地址,这种情况下,我们需要以极快的速度跳转到对应的移动端页面,尽量减少用户的感知,给用户最好的体验。那么,如何从PC页面重定向到移动页面呢?本文将为你解答。

如何能快速地由PC页重定向到移动页面,我们按照不同站点的类型,给出了几种常见的实现方式。

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

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

(1)环境判断

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

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

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

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

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

使用media query(媒体查询),在不同尺寸、不同设备上进行不同展示,譬如

设置viewport(视窗)。如果没有设置viewport,在移动设备上将会使用桌面版屏幕宽度渲染页面,然后再进行缩放以适应屏幕。

布局方式。传统的固定布局方式,无法适应响应式布局,建议采用栅格化布局,可以参考Bootstrap的流式栅格化布局。

结语:提升用户体验,我们携手努力~!你还有哪些技术提升方面的问题呢?欢迎留言提问。

来源:百度搜索资源平台 百度搜索学堂


Public @ 2019-10-13 16:19:40

百度搜索资源平台-移动适配

使用说明1. 为提升搜索用户在百度移动搜索的检索体验,会给对应PC页面的手机页面在搜索结果处有更多的展现机会,需要站点向百度提交主体内容相同的PC页面与移动页面的对应关系,即为移动适配。为此,百度移动搜索提供“移动适配”服务,如果您同时拥有PC站和手机站,且二者能够在内容上对应,即主体内容完全相同,您可以通过移动适配工具进行对应关系提交。2. 自适应站点不需要使用移动适配工具。3. 移动适配工具不

Public @ 2015-12-29 15:50:57

移动站点对百度友好全解

移动站点对百度友好全解最新更新章节:2019-03-04本文档集合整理了站长学堂中已有的教育文章,同时对已经过时的内容进行了修订,各位站点管理员可以通过阅读本文档,全面了解在移动大潮中从百度移动搜索获得更多流量的基础性知识。本文档的内容包括:《几种站点移动化技术选型对比》《建对百度友好的移动站点》《跳转适配生效指南》《代码适配如何做对百度友好》《自适应对百度友好关键》。本文档同时会随着学堂内容的增

Public @ 2010-07-29 15:20:23

PC站点移动化主流方式(附培训视频)

今天平台发布了《移动sitemap协议mobile type升级公告》,里面介绍了三种主流PC站点移动化的方式,以及这三种方式在提交sitemap时该如何标注mobile type。在此之前,社区版主李曰辉早已把杭州培训的内容整理好,并添加了对平时工作的总结和经验,分享给各位同学。今年年初时我曾发过一个帖子《移动大潮,你的站点是否准备好了?—移动化方案分享》列举了我当时理解的站点移动化方案。当时行

Public @ 2022-10-01 16:19:00

移动网站如何快速向百度提交数据

搜索学堂公开课已经进行了一期,收到了大量站长同学的提问和建议,根据大家的反馈,第二期公开课的选题为《移动网站如何快速提交数据》,本期的培训嘉宾是百度站长社区版主:李松松,2009开始接触互联网,然后就一发不可收拾,做过数百企业站的优化推广工作,垂直行业门户网站、论坛、小说优化推广,目前在职母婴行业。这期的课跟上期息息相关,首先回顾一下上期内容,上期院长主要讲了移动建站与选型。随着网民对于移动化趋势

Public @ 2011-02-19 16:19:26

更多您感兴趣的搜索

0.645462s