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

【搜索视频课】落地页体验白皮书解读

发布日期:2020-08-25本节课程将从页面信息获取、页面浏览规范、交互操作规范、服务规范这四个纬度对落地页体验白皮书的要求进行介绍。第一部分:提升加载速度,快速获取信息第二部分:如何打造友好的浏览体验第三部分:如何提供便捷的交互操作第四部分:完成服务闭环,打造沉浸式服务体验第五部分:Q&A解答Q1:落地页要求中,展开询问按钮只能出现一次。但假如是问答页面,问题比较长,可以在每个问题后都

Public @ 2020-05-06 16:19:35

百度移动搜索建站优化白皮书-4-百度专属SEO工具

4.1  百度搜索资源平台(原百度站长平台)介绍百度搜索资源平台(原百度站长平台)是全球最大的面向中文互联网管理者、移动开发者、创业者的搜索流量管理的官方平台。提供有助于搜索引擎数据查询及优化的工具、SEO建议、多端适配服务的能力等。百度搜索资源平台(原百度站长平台)域名地址:http://ziyuan.baidu.com/4.2  查询工具4.2.1  索引量工具网

Public @ 2015-05-11 16:20:02

什么样的顶部嵌入广告符合体验标准?看这里就知道 !

对于顶部嵌入广告,符合体验标准的一般具备以下特点: 1. 不会影响用户正常浏览页面的体验。 2. 尽可能少的干扰用户的注意力,不要过于突兀和眼花缭乱的展现和效果。 3. 明确标志,遵守广告识别规范,避免误导用户。 4. 不会影响网页加载速度和性能。 5. 可以与页面风格相符,更加自然地融合在页面中。 6. 尽量只在合适的页面位置出现,避免在全站广告中频繁展现。 7. 与网站内容相关,

Public @ 2023-04-28 00:00:10

百度移动搜索页面优化策略

百度从上个月开始掉正了移动搜索排序算法,这使得拥有手机站的站点排名上升,鼓励网站运营者与站长进行手机页的优化。并开放了移动建站频道,在上一篇文章中卢松松介绍了如何使用百度移动开放平台,而这次主要从网页代码优化方面对移动搜索优化进行说明。如果你还没有手机站,可以使用百度移动开放平台用二级域名CNAME解析到yizhan.baidu.com。如果是自有wap平台也可以使用该协议。通常情况下,CNAME

Public @ 2016-11-03 16:20:08

更多您感兴趣的搜索

0.423371s