Categories


Tags


提高移动站在百度质量度等级的详细说明

本文是非常详细的一份移动建站方面的资料,上一次谷歌发布了移动网站建站的十大原则,这次百度也发布了移动建站指南,图文并茂的描述了如何提高移动站在百度质量度的等级,在百度推广后台已经有“移动站点质量度”的星级评价体系了,页面大小、页面内容、页面样式、转化渠道等因素都会影响质量度星级,加载速度快、内容丰富的页面质量度星级更高,提升移动网站质量可以增强用户体验和转化效果。

一:怎样做好页面设计

(1),页面适配手机屏幕

提高移动站在百度质量度等级的详细说明 用户体验 网站优化 百度 移动互联网 建站教程 第1张

(2)页面专门针对手机屏幕设计:

1、页面随屏幕宽度变化,无横向滚动条

2、不放大时,能清晰浏览内容,文字大小不低于12像素

3、不放大时,按钮、链接等点击方便,按钮尺寸不能过大或过小

(3)使用最多三级的页面结构

提高移动站在百度质量度等级的详细说明 用户体验 网站优化 百度 移动互联网 建站教程 第2张

减少移动站的页面层级,降低用户认知难度,一个标准的移动站应该包含首页、列表页和详情页三种类型,以满足广告主的推广需求和用户的认知需要;页面类型及层级建议不超过3个,保证简单、高效的用户体验。使用尽量浅的页间结构,减少用户点击次数,提升浏览体验。

提高移动站在百度质量度等级的详细说明 用户体验 网站优化 百度 移动互联网 建站教程 第3张

1、首页:整站内容索引,内容预览(使用“更多” “详情”等链接),首页作为用户分流前到达的页面,要求能够汇集整个网站的大部分模块和功能,以保证不同需求的用户在着陆后都能寻找到自己想要的信息。内容式一般首页又可以分为导航式和内容式,导航式因其风格简洁,一般又可用作品牌宣传,起到快速传达品牌形象的作用;内容式因其丰富的内容,常用来快速传达广告主想传递的信息。

提高移动站在百度质量度等级的详细说明 用户体验 网站优化 百度 移动互联网 建站教程 第4张

(移动站首页分为导航式和内容式)

2、列表页:频道内容、分类、列表为主,列表页一般用于展现结构简单,并且重复度较高的内容,最常见于商家的产品/服务,形式也一般相对简单,用于满足展现多产品/服务的需求,根据商家产品/服务信息不同一般分为纯文字和图文两种基本形式。

提高移动站在百度质量度等级的详细说明 用户体验 网站优化 百度 移动互联网 建站教程 第5张

3、详情页:详介绍,推荐以结构化形式展现内容,详情页一般用作展示首页和列表页未显示完全的信息,以满足用户了解详情的需求,从而辅助用户进行决策。

提高移动站在百度质量度等级的详细说明 用户体验 网站优化 百度 移动互联网 建站教程 第6张

(4)使用清晰的导航组件

提高移动站在百度质量度等级的详细说明 用户体验 网站优化 百度 移动互联网 建站教程 第7张

全站导航:快速到达各个频道

局部导航:在单个频道的首页、列表、详情页面间移动

相关链接:相关频道之间的链接

(5)页面单列布局,重要内容显示在首屏

提高移动站在百度质量度等级的详细说明 用户体验 网站优化 百度 移动互联网 建站教程 第8张

页面内容模块从上到下,单列布局,重要内容展现在首屏。

(6)保证良好的可用性,页面内容无缺失,交互功能正常使用。

提高移动站在百度质量度等级的详细说明 用户体验 网站优化 百度 移动互联网 建站教程 第9张

不使用flash

使用html5来实现动画

(7)优秀交互方式,简化操作流程,提升使用体验

优秀的交互方式能很有效地提升用户体验,一方面能够简化操作流程提升操作效率,另外对于产品功能易用性的提升也是较大的。

滑动切换图片相比于自动切换和点击切换,滑动切换增强了用户操作的主动性、同时提升了切换的便捷性。

提高移动站在百度质量度等级的详细说明 用户体验 网站优化 百度 移动互联网 建站教程 第10张

滑动切换页面用户可以通过滑动进行页面之间的切换,节省用户寻址时间。

提高移动站在百度质量度等级的详细说明 用户体验 网站优化 百度 移动互联网 建站教程 第11张

点击放大图片点击缩略图放大图片,减少了操作流程,一定程度上减少了因页面跳转带来的用户流失。

提高移动站在百度质量度等级的详细说明 用户体验 网站优化 百度 移动互联网 建站教程 第12张

页面区域点击区域点击能较大提升用户点击的效率,减少用户因定位点击区域造成的效率损失。

提高移动站在百度质量度等级的详细说明 用户体验 网站优化 百度 移动互联网 建站教程 第13张

点击加载更多一方面减少单张页面的非必要信息,让页面变得简洁,同时能减少页面间的跳转,降低因网速等原因造成的用户流失。

提高移动站在百度质量度等级的详细说明 用户体验 网站优化 百度 移动互联网 建站教程 第14张

(8)保证广泛的兼容性,在主流OS、浏览器中均可正常展现

提高移动站在百度质量度等级的详细说明 用户体验 网站优化 百度 移动互联网 建站教程 第15张

操作系统:Android,iOS;浏览器:UC、QQ、iOS Safari、Android原生、Baidu

二:内容设置的几条准则

(1)一致性:着陆页内容与关键字、广告文字的相关性,不仅保证广告与目标页面呼应和一致,更重要的能够提升潜在客户在着陆页上面的点击次数,减少客户流失。

提高移动站在百度质量度等级的详细说明 用户体验 网站优化 百度 移动互联网 建站教程 第16张

(2)可信度:通过告知潜在客户公司名称、联系地址、客服电话等信息,能够有效地提升网站(公司)的可信度。

提高移动站在百度质量度等级的详细说明 用户体验 网站优化 百度 移动互联网 建站教程 第17张

(3)重要信息首屏显示:具体产品信息尽量出现在网页的第1~2屏,避免与用户玩寻宝游戏。

提高移动站在百度质量度等级的详细说明 用户体验 网站优化 百度 移动互联网 建站教程 第18张

(重要信息首屏显示)

(4)根据行业特性,放置针对性的内容

重点关注移动页面的信息构建,以满足用户需求

基础信息:公司介绍、产品/服务介绍、etc.

信任信息:荣誉资质、专家团队、案例,etc.

转化信息:电话、地址,etc.

(5)精简文字,处理好图片

提高移动站在百度质量度等级的详细说明 用户体验 网站优化 百度 移动互联网 建站教程 第19张

精简文字量:PC内容一半左右,

使用图片、幻灯片提升展示效果,并注意压缩图片尺寸,

推荐用宽图片展示LOGO,正方形图片展示产品。

三:优化页面性能

(1)控制加载时间与网页大小

提高移动站在百度质量度等级的详细说明 用户体验 网站优化 百度 移动互联网 建站教程 第20张

(跳出前等待时间的用户比例)

加载时间:单页面5S以内

网页大小:单页面50K以内

优化加载时间和网页大小:重点在前端优化

减少HTTP请求:减少重定向,合并图片,懒加载……

减少传输数据大小:压缩图像,开启GZIP……

考虑到移动设备和移动互联网的特点,在进行移动网站的页面开发设计时,一个总的原则是考虑用户访问的效率,降低页面加载时间。

(2)减少访问请求数

从设计实现层面简化页面,不要放太多的图片、复杂的表达、动画、视频等等,

资源合并及压缩:比如将背景图片、导航图片等等作为一张图片,这样只需一次请求,而不是多次。

静态资源(Css、Js、Image)懒加载

异步执行inline脚本

避免重复的资源请求

缩小cooike

设置连接方式为keep-alive

减少DNS查询

移动端可见区域是有限的,采用延迟加载方式

开启服务器压缩(gzip方式)

(3)优化图片处理

图片走CDN

少用动态gif图

图片不适宜过多及过大

零碎图片使用css Sprite技术一次性下载

避免使用bmp图片

图片压缩

(4)优化HTML

减少HTML标签,减少不必要的嵌套

废弃table标签

减少DOM深度

压缩HTML,去掉注释,空格换行等信息

(5)优化JS

使用临时变量或者数组存储document.images及document.forms等集合数据

慎用with语法

使用AJAX缓存

避免eval及Function语法

避免使用inlineScript

异步、底部加载js

合并压缩js

字符串连接使用数组的join方式

来源:卢松松博客


Public @ 2011-12-24 16:20:10

移动适配常见问题——了解这些,你也能算半个移动专家

1. 什么是移动适配? 移动适配是指确保网站或应用程序在不同的移动设备和屏幕大小上都能正确地展示和运行。这包括调整排版、图片和文本大小、字体等。 2. 移动设备的屏幕大小有哪些? 移动设备的屏幕大小各异,大致分为以下几种:小屏幕(小于4英寸)、中等屏幕(4-5英寸)、大屏幕(5-6英寸)以及超大屏幕(超过6英寸)。 3. 哪些移动设备需要进行适配? 几乎所有移动设备都需要进行适配,包括智

Public @ 2023-04-01 00:00:56

关于《百度移动搜索落地页体验白皮书4.0》中广告标准的补充说明

《百度移动搜索落地页体验白皮书4.0》中提到的广告标准是百度移动广告的标准,广告应该遵循相关法律法规以及行业公认的标准,不得含有虚假、夸张、误导性的内容,同时也要遵守百度的广告投放规则,比如不能投放违禁品、涉黄、赌博等广告。除此之外,百度还要求广告主提供真实的产品或服务信息,并承诺不会出售用户的个人信息。此外,广告的落地页也必须符合用户期望,并提供真实、准确的信息,不得存在欺骗性内容,尤其是对于医

Public @ 2023-06-25 14:00:15

构建一个移动页面需要注意哪些结构

在构建一个移动页面时,需要注意以下几个结构: 1. 响应式设计:移动页面应该能够自动适应不同设备的屏幕大小,包括手机、平板电脑和桌面电脑等。使用CSS媒体查询和弹性布局(flexbox)等技术,以确保页面在不同设备上都能正确显示和布局。 2. 视觉布局:移动页面的布局应简洁、直观,内容应尽量集中,以适应小屏幕上的有限空间。避免使用复杂的多列布局,可以考虑使用列表、卡片式布局或折叠面板等方式来组

Public @ 2023-07-28 04:50:46

Google移动设备工具优化站长网站篇

随着移动网站的流量日益增大,拥有适合移动设备的网站是提升网站影响力的重要因素,谷歌等搜索引擎也大力加强移动端的搜索体验,不过,很多桌面版网站在移动设备上可能不太容易浏览及使用。因此,拥有适合移动设备的网站是提升在线影响力的重要因素。为了方便网站站长对于原有桌面网站在移动设备上的优化,谷歌推出了“移动设备易用性”工具来帮助站长优化网站。工具使用方法注意,这个好用的工具用的是Google域名,需要**

Public @ 2009-12-01 16:20:29

更多您感兴趣的搜索

0.456756s