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

百度搜索资源平台-PC页、H5页跳转适配最优方案上线公告

各位亲爱的网站管理员:鉴于移动化大潮的汹涌和H5页的炫丽普及,百度针对PC页与H5页的跳转适配方式推出了最优方案:在pc版网页上,添加指向对应移动版网址的特殊链接rel="alternate"标记,这有助于百度发现网站的移动版网页所在的位置;同时在移动版网页上,添加指向对应pc版网址的链接rel="canonical"标记。例如:pc版网址:http://w

Public @ 2015-10-30 15:20:42

白皮书5.0解读—内容模块之间为何要设置合理间隔

白皮书5.0强调了内容模块之间要有合理的间隔,这是为了让读者更容易阅读和理解内容,并提高整体的可读性和美观度。以下是几个原因: 1. 增强可读性:如果内容模块之间太过拥挤,读者会感到不舒服,阅读起来也会困难。通过设置合理的间隔,可以让读者更容易逐个阅读每个内容模块。 2. 加强概括性:适当的间隔可以帮助读者更好地理解和概括每个内容模块的主要点,进而更好地理解整个白皮书。 3. 强调重点:通过

Public @ 2023-04-25 23:01:07

关于百度搜索落地页体验问题的说明

2018年5月,针对搜索结果中的APP调起问题,百度搜索发布了《关于百度搜索结果中APP调起行为的补充说明》,该补充说明对于“站点反复出现APP调起问题的行为”进行了规定。现在,为了更好的帮助站长整改包括“APP调起“在内的所有落地页体验问题,我们做出如下详细说明:(一) 首次发现站点存在落地页体验问题通知方式:百度搜索资源平台站内信/短信/邮件等。整改须知:站内信中会给出问题说明及整改期限要求。

Public @ 2021-05-04 16:20:05

百度移动端对做了移动样式的站点的排名是否有照顾?移动端适配成功后是否可以把很多没做适配的站点挤下去?

百度移动端搜索对于做了移动样式的站点的排名有一定的提升,但并不是绝对照顾。移动端适配成功后,站点对于移动用户的体验得到改善,用户体验的提升可能会影响站点的排名。但是,大量没有适配的站点并不会因此被挤下去,排名还是会受到其他因素的影响,如站点质量、关键词竞争程度等。

Public @ 2023-04-17 06:00:06

更多您感兴趣的搜索

1.212212s